@wyxos/vibe 2.2.1 → 2.2.5

package/lib/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as xe, ref as v, computed as k, createElementBlock as T, openBlock as _, createElementVNode as C, normalizeStyle as U, watch as oe, onMounted as Qe, onUnmounted as zt, createCommentVNode as Z, createBlock as Ft, unref as le, toDisplayString as Ze, normalizeClass as _t, createVNode as Q, mergeDefaults as fn, useAttrs as dn, shallowRef as Tt, provide as vn, mergeProps as mn, renderSlot as hn, Fragment as Pt, renderList as Et, nextTick as Bt, inject as gn } from "vue";
+import { defineComponent as xe, ref as v, computed as k, createElementBlock as P, openBlock as _, createElementVNode as N, normalizeStyle as W, watch as Z, onMounted as Ze, onUnmounted as Vt, createCommentVNode as ee, createBlock as Ft, unref as ae, toDisplayString as et, normalizeClass as _t, createVNode as Q, mergeDefaults as fn, useAttrs as dn, shallowRef as Pt, provide as vn, mergeProps as mn, renderSlot as hn, Fragment as Tt, renderList as Et, nextTick as Bt, inject as gn } from "vue";
 const pn = {
   mode: "default",
   pageSize: 20,
@@ -12,7 +12,7 @@ const pn = {
   headerHeight: 0,
   footerHeight: 0,
   overscanPx: 600
-}, yn = ["aria-label", "aria-valuemax", "aria-valuenow"], Lt = /* @__PURE__ */ xe({
+}, yn = ["aria-label", "aria-valuemax", "aria-valuenow"], zt = /* @__PURE__ */ xe({
   __name: "MasonryVideoControls",
   props: {
     currentTime: {},
@@ -23,99 +23,99 @@ const pn = {
   },
   emits: ["seek"],
   setup(o, { expose: M, emit: i }) {
-    const a = o, f = i, y = v(null), w = v(null), g = v(null), d = v(!1), p = k(
+    const a = o, d = i, x = v(null), y = v(null), h = v(null), u = v(!1), g = k(
       () => Number.isFinite(a.step) ? Math.max(0, a.step) : 0
-    ), b = k(
+    ), w = k(
       () => Number.isFinite(a.duration) ? Math.max(0, a.duration) : 0
     ), S = k(() => {
-      const u = Number.isFinite(a.currentTime) ? a.currentTime : 0;
-      return P(u, 0, b.value);
-    }), N = k(
-      () => b.value > 0 ? S.value / b.value : 0
+      const c = Number.isFinite(a.currentTime) ? a.currentTime : 0;
+      return T(c, 0, w.value);
+    }), B = k(
+      () => w.value > 0 ? S.value / w.value : 0
     );
-    function P(u, I, B) {
-      return Math.min(B, Math.max(I, u));
-    }
-    function F(u) {
-      return p.value <= 0 ? u : Math.round(u / p.value) * p.value;
-    }
-    function L(u) {
-      const I = P(u, 0, b.value);
-      f("seek", F(I));
-    }
-    function R(u) {
-      const I = w.value;
-      if (!I) return;
-      const B = I.getBoundingClientRect();
-      if (!B.width) return;
-      const j = P((u - B.left) / B.width, 0, 1);
-      L(j * b.value);
-    }
-    function X(u) {
-      const I = w.value;
-      I && (d.value = !0, I.setPointerCapture && I.setPointerCapture(u.pointerId), R(u.clientX));
-    }
-    function $(u) {
-      d.value && R(u.clientX);
-    }
-    function H(u) {
-      if (!d.value) return;
-      d.value = !1;
-      const I = w.value;
-      I?.releasePointerCapture && I.releasePointerCapture(u.pointerId);
-    }
-    function q(u) {
-      if (b.value <= 0) return;
-      const I = Number.isFinite(a.keyboardStep) ? a.keyboardStep : 1;
-      let B = S.value;
-      switch (u.key) {
+    function T(c, F, R) {
+      return Math.min(R, Math.max(F, c));
+    }
+    function I(c) {
+      return g.value <= 0 ? c : Math.round(c / g.value) * g.value;
+    }
+    function z(c) {
+      const F = T(c, 0, w.value);
+      d("seek", I(F));
+    }
+    function A(c) {
+      const F = y.value;
+      if (!F) return;
+      const R = F.getBoundingClientRect();
+      if (!R.width) return;
+      const j = T((c - R.left) / R.width, 0, 1);
+      z(j * w.value);
+    }
+    function X(c) {
+      const F = y.value;
+      F && (u.value = !0, F.setPointerCapture && F.setPointerCapture(c.pointerId), A(c.clientX));
+    }
+    function $(c) {
+      u.value && A(c.clientX);
+    }
+    function H(c) {
+      if (!u.value) return;
+      u.value = !1;
+      const F = y.value;
+      F?.releasePointerCapture && F.releasePointerCapture(c.pointerId);
+    }
+    function q(c) {
+      if (w.value <= 0) return;
+      const F = Number.isFinite(a.keyboardStep) ? a.keyboardStep : 1;
+      let R = S.value;
+      switch (c.key) {
         case "ArrowLeft":
         case "ArrowDown":
-          B -= I;
+          R -= F;
           break;
         case "ArrowRight":
         case "ArrowUp":
-          B += I;
+          R += F;
           break;
         case "Home":
-          B = 0;
+          R = 0;
           break;
         case "End":
-          B = b.value;
+          R = w.value;
           break;
         default:
           return;
       }
-      u.preventDefault(), L(B);
+      c.preventDefault(), z(R);
     }
-    function ae() {
-      y.value?.focus();
+    function te() {
+      x.value?.focus();
     }
     return M({
-      focus: ae,
-      seekTo: L,
-      percent: N,
+      focus: te,
+      seekTo: z,
+      percent: B,
       currentValue: S,
-      maxValue: b,
-      isDragging: d,
-      rootEl: y,
-      trackEl: w,
-      thumbEl: g
-    }), (u, I) => (_(), T("div", {
+      maxValue: w,
+      isDragging: u,
+      rootEl: x,
+      trackEl: y,
+      thumbEl: h
+    }), (c, F) => (_(), P("div", {
       ref_key: "rootEl",
-      ref: y,
+      ref: x,
       class: "w-full select-none",
       role: "slider",
       tabindex: "0",
       "aria-label": a.ariaLabel,
       "aria-valuemin": 0,
-      "aria-valuemax": b.value,
+      "aria-valuemax": w.value,
       "aria-valuenow": S.value,
       onKeydown: q
     }, [
-      C("div", {
+      N("div", {
         ref_key: "trackEl",
-        ref: w,
+        ref: y,
         class: "relative h-2 w-full cursor-pointer rounded-full bg-slate-200",
         onPointerdown: X,
         onPointermove: $,
@@ -123,15 +123,15 @@ const pn = {
         onPointercancel: H,
         onPointerleave: H
       }, [
-        C("div", {
+        N("div", {
           class: "absolute inset-y-0 left-0 rounded-full bg-slate-500",
-          style: U({ width: `${N.value * 100}%` })
+          style: W({ width: `${B.value * 100}%` })
         }, null, 4),
-        C("div", {
+        N("div", {
           ref_key: "thumbEl",
-          ref: g,
+          ref: h,
           class: "absolute top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-slate-700 shadow",
-          style: U({ left: `${N.value * 100}%` }),
+          style: W({ left: `${B.value * 100}%` }),
           "aria-hidden": "true"
         }, null, 4)
       ], 544)
@@ -167,7 +167,7 @@ const pn = {
   },
   emits: ["success", "error"],
   setup(o, { emit: M }) {
-    const i = o, a = M, f = xe({
+    const i = o, a = M, d = xe({
       name: "SlotRenderer",
       props: {
         slotFn: {
@@ -181,128 +181,149 @@ const pn = {
       },
       setup(s) {
         return () => {
-          const x = s.slotFn;
-          return x ? x(s.slotProps) : null;
+          const b = s.slotFn;
+          return b ? b(s.slotProps) : null;
         };
       }
-    }), y = v(null), w = v(null), g = v(null), d = v(!1), p = v(!1), b = v(!1), S = v(null), N = k(() => i.item?.type === "video"), P = k(() => {
-      if (!N.value) return;
-      const s = i.item?.preview, x = i.item?.original;
-      if (!(typeof s != "string" || !s) && !(typeof x == "string" && s === x) && !/\.(mp4|webm)(\?|#|$)/i.test(s) && /\.(png|jpe?g|gif|webp)(\?|#|$)/i.test(s))
+    }), x = v(null), y = v(null), h = v(null), u = v(!1), g = v(!1), w = v(!1), S = v(null), B = k(() => i.item?.type === "video"), T = k(() => {
+      if (!B.value) return;
+      const s = i.item?.preview, b = i.item?.original;
+      if (!(typeof s != "string" || !s) && !(typeof b == "string" && s === b) && !/\.(mp4|webm)(\?|#|$)/i.test(s) && /\.(png|jpe?g|gif|webp)(\?|#|$)/i.test(s))
         return s;
-    }), F = k(() => {
-      if (!N.value) return;
+    }), I = k(() => {
+      if (!B.value) return;
       const s = i.item?.preview;
       if (typeof s == "string" && s && !/\.(png|jpe?g|gif|webp)(\?|#|$)/i.test(s))
         return s;
-      const x = i.item?.original;
-      if (typeof x == "string" && x) return x;
-    }), L = v(!1), R = k(() => !!i.hovered), X = v(0), $ = v(0);
+      const b = i.item?.original;
+      if (typeof b == "string" && b) return b;
+    }), z = v(!1), A = k(() => !!i.hovered), X = v(0), $ = v(0);
     function H() {
       i.remove?.();
     }
     const q = k(() => {
-      const s = i.item?.width, x = i.item?.height;
-      return { aspectRatio: `${s} / ${x}` };
-    }), ae = k(() => i.item?.type === "image");
-    let u = null, I = null;
-    function B() {
-      d.value || (d.value = !0, p.value = !1, b.value = !1, S.value = null);
+      const s = i.item?.width, b = i.item?.height;
+      return { aspectRatio: `${s} / ${b}` };
+    }), te = k(() => !B.value);
+    let c = null, F = null;
+    function R() {
+      u.value || (u.value = !0, g.value = !1, w.value = !1, S.value = null);
     }
     function j(s) {
       X.value = Number.isFinite(s.duration) ? s.duration : 0, $.value = Number.isFinite(s.currentTime) ? s.currentTime : 0;
     }
     async function re() {
-      if (!N.value || !R.value || !d.value || !p.value || !L.value) return;
-      const s = g.value;
+      if (!B.value || !A.value || !u.value || !g.value || !z.value) return;
+      const s = h.value;
       if (s)
         try {
           s.muted = !0, await s.play();
         } catch {
         }
     }
-    function ee() {
-      const s = g.value;
+    function ne() {
+      const s = h.value;
       s && (s.paused || s.pause());
     }
-    function Pe() {
-      const s = g.value;
+    function Ee() {
+      const s = h.value;
       s && (s.paused || s.pause());
     }
-    oe(
+    Z(
       () => i.hovered,
       (s) => {
         if (s) {
-          B(), re();
+          R(), re();
           return;
         }
-        ee();
+        ne();
       }
     );
-    function Ee(s) {
-      const x = g.value;
-      x && Number.isFinite(s) && (x.currentTime = Math.max(0, Math.min(s, Number.isFinite(x.duration) ? x.duration : s)), j(x));
+    function Be(s) {
+      const b = h.value;
+      b && Number.isFinite(s) && (b.currentTime = Math.max(0, Math.min(s, Number.isFinite(b.duration) ? b.duration : s)), j(b));
     }
-    Qe(() => {
+    Ze(() => {
       if (typeof IntersectionObserver > "u") {
-        B();
+        R();
         return;
       }
-      if (u = new IntersectionObserver(
+      if (c = new IntersectionObserver(
         (s) => {
-          for (const x of s)
-            if (x.isIntersecting && !((x.intersectionRatio ?? 0) < 0.5)) {
-              B(), u?.disconnect(), u = null;
+          for (const b of s)
+            if (b.isIntersecting && !((b.intersectionRatio ?? 0) < 0.5)) {
+              R(), c?.disconnect(), c = null;
               return;
             }
         },
         { threshold: [0, 0.5, 1] }
-      ), y.value && u.observe(y.value), N.value && y.value) {
-        const s = y.value.closest('[data-testid="items-scroll-container"]');
-        I = new IntersectionObserver(
-          (x) => {
-            for (const J of x) {
-              const Be = J.intersectionRatio ?? 0, Me = !!J.isIntersecting && Be >= 0.5;
-              L.value = Me, Me ? R.value && re() : Pe();
+      ), x.value && c.observe(x.value), B.value && x.value) {
+        const s = x.value.closest('[data-testid="items-scroll-container"]');
+        F = new IntersectionObserver(
+          (b) => {
+            for (const U of b) {
+              const Re = U.intersectionRatio ?? 0, Se = !!U.isIntersecting && Re >= 0.5;
+              z.value = Se, Se ? A.value && re() : Ee();
             }
           },
           {
             root: s ?? void 0,
             threshold: [0, 0.25, 0.5, 0.75, 1]
           }
-        ), I.observe(y.value);
+        ), F.observe(x.value);
       }
-    }), zt(() => {
-      u?.disconnect(), u = null, I?.disconnect(), I = null;
+    }), Vt(() => {
+      c?.disconnect(), c = null, F?.disconnect(), F = null;
     });
     function G() {
-      p.value || (p.value = !0, b.value = !1, S.value = null, a("success", i.item));
+      g.value || (g.value = !0, w.value = !1, S.value = null, a("success", i.item));
     }
     function K(s) {
-      b.value || (p.value = !1, b.value = !0, S.value = s, a("error", { item: i.item, error: s }));
+      w.value || (g.value = !1, w.value = !0, S.value = s, a("error", { item: i.item, error: s }));
     }
     function ke() {
+      if (u.value && !g.value && !w.value) {
+        if (te.value) {
+          const s = y.value;
+          if (!s || !s.complete) return;
+          s.naturalWidth > 0 && G();
+          return;
+        }
+        if (B.value) {
+          const s = h.value;
+          s && (s.readyState ?? 0) >= 1 && Me();
+        }
+      }
+    }
+    Z(
+      [u, () => i.item.preview, () => I.value],
+      () => {
+        u.value && Promise.resolve().then(ke);
+      },
+      { flush: "post" }
+    );
+    function Me() {
       G();
-      const s = g.value;
+      const s = h.value;
       s && j(s), re();
     }
-    function ge() {
-      const s = g.value;
+    function se() {
+      const s = h.value;
       s && j(s);
     }
-    return (s, x) => (_(), T("div", {
+    return (s, b) => (_(), P("div", {
       ref_key: "rootEl",
-      ref: y,
+      ref: x,
       class: "relative bg-slate-100",
-      style: U(q.value)
+      style: W(q.value)
     }, [
-      d.value && !p.value && !b.value ? (_(), T("div", wn, [
-        i.loaderSlotFn ? (_(), Ft(le(f), {
+      u.value && !g.value && !w.value ? (_(), P("div", wn, [
+        i.loaderSlotFn ? (_(), Ft(ae(d), {
           key: 0,
           "slot-fn": i.loaderSlotFn,
           "slot-props": { item: i.item, remove: H }
-        }, null, 8, ["slot-fn", "slot-props"])) : (_(), T("svg", bn, x[2] || (x[2] = [
-          C("circle", {
+        }, null, 8, ["slot-fn", "slot-props"])) : (_(), P("svg", bn, b[3] || (b[3] = [
+          N("circle", {
             class: "opacity-25",
             cx: "12",
             cy: "12",
@@ -311,28 +332,28 @@ const pn = {
             stroke: "currentColor",
             "stroke-width": "4"
           }, null, -1),
-          C("path", {
+          N("path", {
             class: "opacity-75",
             fill: "currentColor",
             d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
           }, null, -1)
         ])))
-      ])) : d.value && b.value ? (_(), T("div", xn, [
-        C("div", kn, [
-          i.errorSlotFn ? (_(), Ft(le(f), {
+      ])) : u.value && w.value ? (_(), P("div", xn, [
+        N("div", kn, [
+          i.errorSlotFn ? (_(), Ft(ae(d), {
             key: 0,
             "slot-fn": i.errorSlotFn,
             "slot-props": { item: i.item, remove: H, error: S.value }
-          }, null, 8, ["slot-fn", "slot-props"])) : (_(), T("p", Mn, "Error " + Ze(S.value), 1))
+          }, null, 8, ["slot-fn", "slot-props"])) : (_(), P("p", Mn, "Error " + et(S.value), 1))
         ])
-      ])) : Z("", !0),
-      d.value && ae.value && !b.value ? (_(), T("img", {
+      ])) : ee("", !0),
+      u.value && te.value && !w.value ? (_(), P("img", {
         key: i.item.id + ":img",
         ref_key: "imgEl",
-        ref: w,
+        ref: y,
         class: _t([
           "h-full w-full object-cover transition-opacity duration-300",
-          p.value ? "opacity-100" : "opacity-0"
+          g.value ? "opacity-100" : "opacity-0"
         ]),
         src: i.item.preview,
         width: i.item.width,
@@ -340,47 +361,48 @@ const pn = {
         loading: "lazy",
         alt: i.item.id,
         onLoad: G,
-        onError: x[0] || (x[0] = (J) => K(J))
-      }, null, 42, Sn)) : d.value && !b.value ? (_(), T("video", {
+        onError: b[0] || (b[0] = (U) => K(U))
+      }, null, 42, Sn)) : u.value && !w.value ? (_(), P("video", {
         key: i.item.id + ":vid",
         class: _t([
           "h-full w-full object-cover transition-opacity duration-300",
-          p.value ? "opacity-100" : "opacity-0"
+          g.value ? "opacity-100" : "opacity-0"
         ]),
-        poster: P.value,
+        poster: T.value,
         ref_key: "videoEl",
-        ref: g,
+        ref: h,
         playsinline: "",
         loop: "",
         preload: "metadata",
-        onLoadedmetadata: ke,
-        onTimeupdate: ge,
-        onDurationchange: ge,
-        onLoadeddata: ge,
-        onError: x[1] || (x[1] = (J) => K(J))
+        onLoadedmetadata: Me,
+        onTimeupdate: se,
+        onDurationchange: se,
+        onLoadeddata: se,
+        onError: b[2] || (b[2] = (U) => K(U))
       }, [
-        C("source", {
-          src: F.value,
-          type: "video/mp4"
-        }, null, 8, Fn)
-      ], 42, In)) : Z("", !0),
-      d.value && N.value && !b.value ? (_(), T("div", _n, [
-        Q(Lt, {
+        N("source", {
+          src: I.value,
+          type: "video/mp4",
+          onError: b[1] || (b[1] = (U) => K(U))
+        }, null, 40, Fn)
+      ], 42, In)) : ee("", !0),
+      u.value && B.value && !w.value ? (_(), P("div", _n, [
+        Q(zt, {
           duration: X.value,
           "current-time": $.value,
-          onSeek: Ee
+          onSeek: Be
         }, null, 8, ["duration", "current-time"])
-      ])) : Z("", !0)
+      ])) : ee("", !0)
     ], 4));
   }
 }), $t = Symbol("masonryItemRegistry");
-function Tn(o, M) {
+function Pn(o, M) {
   return !o || o <= 0 || !M || M <= 0 ? 1 : Math.max(1, Math.floor(o / M));
 }
-function Pn(o, M, i, a = 0) {
+function Tn(o, M, i, a = 0) {
   if (!o || o <= 0 || !M || M <= 0) return i;
-  const f = typeof a == "number" && a > 0 ? a : 0, y = Math.max(0, M - 1) * f, w = o - y;
-  return !w || w <= 0 ? i : w / M;
+  const d = typeof a == "number" && a > 0 ? a : 0, x = Math.max(0, M - 1) * d, y = o - x;
+  return !y || y <= 0 ? i : y / M;
 }
 function En(o, M) {
   const i = o?.width, a = o?.height;
@@ -389,7 +411,7 @@ function En(o, M) {
 function Dt(o) {
   return Number.isFinite(o) && o > 0 ? Math.floor(o) : 1;
 }
-function et(o) {
+function tt(o) {
   return Number.isFinite(o) && o > 0 ? Math.floor(o) : 0;
 }
 function Bn() {
@@ -398,172 +420,172 @@ function Bn() {
 }
 function Rn(o) {
   async function M(a) {
-    const f = et(a);
-    if (f <= 0) return;
+    const d = tt(a);
+    if (d <= 0) return;
     o.stats.value = {
       ...o.stats.value,
-      cooldownMsTotal: f,
-      cooldownMsRemaining: f
+      cooldownMsTotal: d,
+      cooldownMsRemaining: d
     };
-    const y = Date.now(), w = 100;
-    await new Promise((g) => {
-      const d = setInterval(() => {
-        const p = Date.now() - y, b = Math.max(0, f - p);
+    const x = Date.now(), y = 100;
+    await new Promise((h) => {
+      const u = setInterval(() => {
+        const g = Date.now() - x, w = Math.max(0, d - g);
         o.stats.value = {
           ...o.stats.value,
-          cooldownMsTotal: f,
-          cooldownMsRemaining: b
-        }, b <= 0 && (clearInterval(d), g());
-      }, w);
+          cooldownMsTotal: d,
+          cooldownMsRemaining: w
+        }, w <= 0 && (clearInterval(u), h());
+      }, y);
     });
   }
   async function i(a) {
-    const f = Dt(o.getPageSize()), y = o.isEnabled(), w = et(o.getRequestDelayMs()), g = o.stats.value.page ?? null, d = o.getCancelToken?.() ?? null, p = () => d !== null && o.getCancelToken && o.getCancelToken() !== d, b = () => {
-      if (p()) throw Bn();
+    const d = Dt(o.getPageSize()), x = o.isEnabled(), y = tt(o.getRequestDelayMs()), h = o.stats.value.page ?? null, u = o.getCancelToken?.() ?? null, g = () => u !== null && o.getCancelToken && o.getCancelToken() !== u, w = () => {
+      if (g()) throw Bn();
     }, S = [];
-    let N = 0;
-    o.buffer.value.length && (N = o.buffer.value.length, S.push(...o.buffer.value), o.buffer.value = []), o.stats.value = {
+    let B = 0;
+    o.buffer.value.length && (B = o.buffer.value.length, S.push(...o.buffer.value), o.buffer.value = []), o.stats.value = {
       ...o.stats.value,
-      enabled: y,
+      enabled: x,
       isBackfillActive: !1,
       isRequestInFlight: !1,
-      page: g ?? a,
+      page: h ?? a,
       next: a,
-      cooldownMsTotal: w,
+      cooldownMsTotal: y,
       cooldownMsRemaining: 0,
       progress: {
         collected: 0,
         target: 0
       },
-      pageSize: f,
+      pageSize: d,
       bufferSize: 0
     };
-    const P = [];
-    let F = a, L = 0, R = !1;
-    for (; S.length < f && F != null; ) {
-      b();
-      const H = F;
-      R && (o.stats.value = {
+    const T = [];
+    let I = a, z = 0, A = !1;
+    for (; S.length < d && I != null; ) {
+      w();
+      const H = I;
+      A && (o.stats.value = {
         ...o.stats.value,
-        enabled: y,
+        enabled: x,
         isBackfillActive: !0,
         isRequestInFlight: !0,
         page: H,
         next: null,
         progress: {
-          collected: Math.min(S.length, f),
-          target: f
+          collected: Math.min(S.length, d),
+          target: d
         },
-        cooldownMsTotal: w,
+        cooldownMsTotal: y,
         cooldownMsRemaining: 0,
-        pageSize: f
+        pageSize: d
       });
       const q = await o.getContent(H);
-      b(), P.push(H), R && (o.stats.value = {
+      w(), T.push(H), A && (o.stats.value = {
         ...o.stats.value,
-        enabled: y,
+        enabled: x,
         isBackfillActive: !0,
         isRequestInFlight: !1,
         page: H,
         next: q.nextPage
-      }), L += q.items.length, o.markEnterFromLeft(q.items), S.push(...q.items), F = q.nextPage, !R && S.length < f && F != null ? (R = !0, o.stats.value = {
+      }), z += q.items.length, o.markEnterFromLeft(q.items), S.push(...q.items), I = q.nextPage, !A && S.length < d && I != null ? (A = !0, o.stats.value = {
         ...o.stats.value,
-        enabled: y,
+        enabled: x,
         isBackfillActive: !0,
         isRequestInFlight: !1,
         page: H,
-        next: F,
+        next: I,
         progress: {
-          collected: Math.min(S.length, f),
-          target: f
+          collected: Math.min(S.length, d),
+          target: d
         },
-        cooldownMsTotal: w,
+        cooldownMsTotal: y,
         cooldownMsRemaining: 0,
-        pageSize: f
-      }) : R && (o.stats.value = {
+        pageSize: d
+      }) : A && (o.stats.value = {
         ...o.stats.value,
-        enabled: y,
+        enabled: x,
         isBackfillActive: !0,
         page: H,
-        next: F,
+        next: I,
         progress: {
-          collected: Math.min(S.length, f),
-          target: f
+          collected: Math.min(S.length, d),
+          target: d
         }
-      }), R && S.length < f && F != null && (await M(w), b());
+      }), A && S.length < d && I != null && (await M(y), w());
     }
-    const X = S.slice(0, f), $ = S.slice(f);
+    const X = S.slice(0, d), $ = S.slice(d);
     return o.buffer.value = $, o.stats.value = {
       ...o.stats.value,
-      enabled: y,
+      enabled: x,
       isBackfillActive: !1,
       isRequestInFlight: !1,
-      page: P.length ? P[P.length - 1] : g ?? a,
-      next: F,
+      page: T.length ? T[T.length - 1] : h ?? a,
+      next: I,
       progress: {
         collected: 0,
         target: 0
       },
-      cooldownMsTotal: w,
+      cooldownMsTotal: y,
       cooldownMsRemaining: 0,
-      pageSize: f,
+      pageSize: d,
       bufferSize: $.length,
       lastBatch: {
         startPage: a,
-        pages: P,
-        usedFromBuffer: N,
-        fetchedFromNetwork: L,
+        pages: T,
+        usedFromBuffer: B,
+        fetchedFromNetwork: z,
         collectedTotal: S.length,
         emitted: X.length,
         carried: $.length
       },
       totals: {
-        pagesFetched: o.stats.value.totals.pagesFetched + P.length,
-        itemsFetchedFromNetwork: o.stats.value.totals.itemsFetchedFromNetwork + L
+        pagesFetched: o.stats.value.totals.pagesFetched + T.length,
+        itemsFetchedFromNetwork: o.stats.value.totals.itemsFetchedFromNetwork + z
       }
-    }, { batchItems: X, pages: P, nextPage: F };
+    }, { batchItems: X, pages: T, nextPage: I };
   }
   return { loadBackfillBatch: i };
 }
 function An(o) {
-  const M = o.columnCount, i = o.columnWidth, a = o.gapX, f = o.gapY, y = o.headerHeight, w = o.footerHeight, g = o.bucketPx, d = Array.from({ length: M }, () => 0), p = new Array(o.items.length), b = new Array(o.items.length), S = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
-  let P = 0;
-  for (let F = 0; F < o.items.length; F += 1) {
-    const L = o.items[F];
-    L?.id && N.set(L.id, F);
-    let R = 0;
-    for (let u = 1; u < d.length; u += 1)
-      d[u] < d[R] && (R = u);
-    const X = R * (i + a), $ = d[R], H = En(L, i) + y + w;
-    p[F] = { x: X, y: $ }, b[F] = H, d[R] = $ + H + f, P = Math.max(P, $ + H);
-    const q = Math.floor($ / g), ae = Math.floor(($ + H) / g);
-    for (let u = q; u <= ae; u += 1) {
-      const I = S.get(u);
-      I ? I.push(F) : S.set(u, [F]);
+  const M = o.columnCount, i = o.columnWidth, a = o.gapX, d = o.gapY, x = o.headerHeight, y = o.footerHeight, h = o.bucketPx, u = Array.from({ length: M }, () => 0), g = new Array(o.items.length), w = new Array(o.items.length), S = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+  let T = 0;
+  for (let I = 0; I < o.items.length; I += 1) {
+    const z = o.items[I];
+    z?.id && B.set(z.id, I);
+    let A = 0;
+    for (let c = 1; c < u.length; c += 1)
+      u[c] < u[A] && (A = c);
+    const X = A * (i + a), $ = u[A], H = En(z, i) + x + y;
+    g[I] = { x: X, y: $ }, w[I] = H, u[A] = $ + H + d, T = Math.max(T, $ + H);
+    const q = Math.floor($ / h), te = Math.floor(($ + H) / h);
+    for (let c = q; c <= te; c += 1) {
+      const F = S.get(c);
+      F ? F.push(I) : S.set(c, [I]);
     }
   }
-  return { positions: p, heights: b, buckets: S, contentHeight: P, indexById: N };
+  return { positions: g, heights: w, buckets: S, contentHeight: T, indexById: B };
 }
 function Cn(o) {
   const M = o.itemCount;
   if (!M) return [];
-  if (o.viewportHeight <= 0) return Array.from({ length: M }, (d, p) => p);
-  const i = Math.max(0, o.scrollTop - o.overscanPx), a = o.scrollTop + o.viewportHeight + o.overscanPx, f = Math.floor(i / o.bucketPx), y = Math.floor(a / o.bucketPx), w = /* @__PURE__ */ new Set();
-  for (let d = f; d <= y; d += 1) {
-    const p = o.buckets.get(d);
-    if (p)
-      for (const b of p) w.add(b);
+  if (o.viewportHeight <= 0) return Array.from({ length: M }, (u, g) => g);
+  const i = Math.max(0, o.scrollTop - o.overscanPx), a = o.scrollTop + o.viewportHeight + o.overscanPx, d = Math.floor(i / o.bucketPx), x = Math.floor(a / o.bucketPx), y = /* @__PURE__ */ new Set();
+  for (let u = d; u <= x; u += 1) {
+    const g = o.buckets.get(u);
+    if (g)
+      for (const w of g) y.add(w);
   }
-  const g = Array.from(w);
-  return g.sort((d, p) => d - p), g;
+  const h = Array.from(y);
+  return h.sort((u, g) => u - g), h;
 }
 const Nn = { class: "hidden" }, Hn = {
   key: 0,
   class: "flex h-full items-center justify-center"
-}, Vn = {
+}, Ln = {
   key: 1,
   class: "text-sm font-medium text-red-700"
-}, zn = ["onMouseenter", "onMouseleave"], Ln = {
+}, Vn = ["onMouseenter", "onMouseleave"], zn = {
   key: 0,
   class: "pointer-events-auto absolute inset-0 z-10"
 }, $n = { class: "relative" }, Dn = {
@@ -572,7 +594,7 @@ const Nn = { class: "hidden" }, Hn = {
 }, On = { class: "mt-4 pb-2 text-center text-xs text-slate-600" }, Yn = {
   key: 0,
   class: "inline-flex items-center justify-center gap-2"
-}, qn = { key: 1 }, Xn = { key: 2 }, At = 100, jn = 200, Ct = 600, Nt = 300, Ht = 600, Vt = 600, Un = 400, Wn = 5, Gn = 1e3, Kn = /* @__PURE__ */ xe({
+}, qn = { key: 1 }, Xn = { key: 2 }, At = 100, jn = 200, Ct = 600, Nt = 300, Ht = 600, Lt = 600, Un = 400, Wn = 5, Gn = 1e3, Kn = /* @__PURE__ */ xe({
   inheritAttrs: !1,
   __name: "Masonry",
   props: /* @__PURE__ */ fn({
@@ -594,7 +616,7 @@ const Nn = { class: "hidden" }, Hn = {
   }, pn),
   emits: ["update:items", "preloaded", "failures", "removed"],
   setup(o, { expose: M, emit: i }) {
-    const a = o, f = i, y = dn(), w = xe({
+    const a = o, d = i, x = dn(), y = xe({
       name: "SlotRenderer",
       props: {
         slotFn: {
@@ -612,90 +634,90 @@ const Nn = { class: "hidden" }, Hn = {
           return n ? n(e.slotProps) : null;
         };
       }
-    }), g = Tt(null), d = v(null);
-    function p(e) {
-      d.value = e;
+    }), h = Pt(null), u = v(null);
+    function g(e) {
+      u.value = e;
     }
-    function b(e) {
-      d.value === e && (d.value = null);
+    function w(e) {
+      u.value === e && (u.value = null);
     }
     vn($t, (e) => {
-      g.value || (g.value = e);
+      h.value || (h.value = e);
     });
-    const S = [], N = [];
-    let P = null, F = null;
-    function L() {
+    const S = [], B = [];
+    let T = null, I = null;
+    function z() {
       if (!S.length) return;
       const e = S.splice(0, S.length);
-      f("preloaded", e);
+      d("preloaded", e);
     }
-    function R() {
-      if (!N.length) return;
-      const e = N.splice(0, N.length);
-      f("failures", e);
+    function A() {
+      if (!B.length) return;
+      const e = B.splice(0, B.length);
+      d("failures", e);
     }
     function X() {
-      P || (P = setTimeout(() => {
-        P = null, L();
+      T || (T = setTimeout(() => {
+        T = null, z();
       }, At));
     }
     function $() {
-      F || (F = setTimeout(() => {
-        F = null, R();
+      I || (I = setTimeout(() => {
+        I = null, A();
       }, At));
     }
     function H(e) {
-      g.value?.onPreloaded?.(e), S.push(e), X();
+      h.value?.onPreloaded?.(e), S.push(e), X();
     }
     function q(e) {
-      g.value?.onFailed?.(e), N.push(e), $();
+      h.value?.onFailed?.(e), B.push(e), $();
     }
-    Qe(() => {
-      if (!g.value)
+    Ze(() => {
+      if (!h.value)
         throw new Error("[Masonry] Missing <MasonryItem> definition. Add <MasonryItem> as a child of <Masonry>.");
     });
-    const ae = k(() => {
-      const { class: e, ...n } = y;
+    const te = k(() => {
+      const { class: e, ...n } = x;
       return n;
-    }), u = v(null), I = v(0), B = v(0), j = v(0);
+    }), c = v(null), F = v(0), R = v(0), j = v(0);
     let re;
-    const ee = k(() => a.gapX), Pe = k(() => a.gapY);
-    function Ee(e) {
+    const ne = k(() => a.gapX), Ee = k(() => a.gapY);
+    function Be(e) {
       if (!e) return 0;
-      const n = Math.max(0, ee.value);
+      const n = Math.max(0, ne.value);
       return Math.max(0, e.clientWidth - n);
     }
-    const G = k(() => a.headerHeight), K = k(() => a.footerHeight), ke = k(() => g.value?.header), ge = k(() => g.value?.loader), s = k(() => g.value?.footer), x = k(() => g.value?.overlay), J = k(() => g.value?.error), Be = k(() => !!ke.value), Me = k(() => !!s.value), tt = k(() => !!x.value), nt = k(() => {
+    const G = k(() => a.headerHeight), K = k(() => a.footerHeight), ke = k(() => h.value?.header), Me = k(() => h.value?.loader), se = k(() => h.value?.footer), s = k(() => h.value?.overlay), b = k(() => h.value?.error), U = k(() => !!ke.value), Re = k(() => !!se.value), Se = k(() => !!s.value), nt = k(() => {
       if (G.value > 0) return { height: `${G.value}px` };
     }), ot = k(() => {
       if (K.value > 0) return { height: `${K.value}px` };
-    }), Se = v([]), Oe = v([]), lt = v(/* @__PURE__ */ new Map()), at = v(0), Re = v(/* @__PURE__ */ new Map());
+    }), Ie = v([]), Ye = v([]), lt = v(/* @__PURE__ */ new Map()), at = v(0), Ae = v(/* @__PURE__ */ new Map());
     function Ot(e) {
       const n = typeof e == "number" && Number.isFinite(e) ? e : 0;
-      return j.value + B.value + Math.max(0, n);
+      return j.value + R.value + Math.max(0, n);
     }
-    const se = v(/* @__PURE__ */ new Set()), ie = v(/* @__PURE__ */ new Set()), Ae = /* @__PURE__ */ new Set(), Ie = v(/* @__PURE__ */ new Map());
+    const ie = v(/* @__PURE__ */ new Set()), ue = v(/* @__PURE__ */ new Set()), Ce = /* @__PURE__ */ new Set(), Fe = v(/* @__PURE__ */ new Map());
     function Yt(e) {
       return Number.isFinite(e) ? Math.max(0, Math.min(250, e)) : 0;
     }
     function qt(e) {
-      if (!ie.value.has(e)) return;
-      const n = Ie.value.get(e) ?? 0;
+      if (!ue.value.has(e)) return;
+      const n = Fe.value.get(e) ?? 0;
       if (!(n <= 0))
         return `${n}ms`;
     }
-    const Ce = v(/* @__PURE__ */ new Map()), te = v(/* @__PURE__ */ new Set()), ne = v([]);
+    const Ne = v(/* @__PURE__ */ new Map()), oe = v(/* @__PURE__ */ new Set()), le = v([]);
     function Xt(e) {
-      const n = Ce.value.get(e);
+      const n = Ne.value.get(e);
       return n || { dx: 0, dy: 0 };
     }
     function jt(e) {
-      if (ie.value.has(e)) return `transform ${Ht}ms ease-out`;
-      if (te.value.has(e)) return `transform ${Nt}ms ease-out`;
+      if (ue.value.has(e)) return `transform ${Ht}ms ease-out`;
+      if (oe.value.has(e)) return `transform ${Nt}ms ease-out`;
     }
     function Ut(e) {
-      const t = m.value[e]?.id, l = Se.value[e] ?? { x: 0, y: 0 }, r = Oe.value[e] ?? 0, c = r > 0 ? r : Te.value, h = l.x, E = t && se.value.has(t) ? Ot(c) : l.y, O = t ? Xt(t) : { dx: 0, dy: 0 };
-      return `translate3d(${h + O.dx}px,${E + O.dy}px,0)`;
+      const t = m.value[e]?.id, l = Ie.value[e] ?? { x: 0, y: 0 }, r = Ye.value[e] ?? 0, f = r > 0 ? r : Te.value, p = l.x, E = t && ie.value.has(t) ? Ot(f) : l.y, O = t ? Xt(t) : { dx: 0, dy: 0 };
+      return `translate3d(${p + O.dx}px,${E + O.dy}px,0)`;
     }
     function pe(e) {
       (typeof requestAnimationFrame == "function" ? requestAnimationFrame : (t) => setTimeout(() => t(0), 0))(() => e());
@@ -707,32 +729,32 @@ const Nn = { class: "hidden" }, Hn = {
     function st(e) {
       return typeof e == "number" && Number.isFinite(e) && e > 0;
     }
-    function Ne(e) {
+    function He(e) {
       if (!Array.isArray(e) || e.length === 0) return;
-      const n = new Set(se.value);
+      const n = new Set(ie.value);
       let t = !1;
       for (const l of e) {
         const r = l?.id;
         if (r) {
           if (!rt.has(r)) {
-            const c = l?.width, h = l?.height;
-            (!st(c) || !st(h)) && (rt.add(r), console.warn(
-              `[Masonry] Item "${r}" has invalid dimensions (width=${String(c)}, height=${String(
-                h
+            const f = l?.width, p = l?.height;
+            (!st(f) || !st(p)) && (rt.add(r), console.warn(
+              `[Masonry] Item "${r}" has invalid dimensions (width=${String(f)}, height=${String(
+                p
               )}); layout expects { id, width, height }.`
             ));
           }
           n.has(r) || (n.add(r), t = !0);
         }
       }
-      t && (se.value = n);
+      t && (ie.value = n);
     }
     function it() {
       const e = /* @__PURE__ */ new Map();
-      for (const n of We.value) {
+      for (const n of Ge.value) {
         const l = m.value[n]?.id;
         if (!l) continue;
-        const r = Se.value[n];
+        const r = Ie.value[n];
         r && e.set(l, { x: r.x, y: r.y });
       }
       return e;
@@ -740,31 +762,31 @@ const Nn = { class: "hidden" }, Hn = {
     function ut(e, n) {
       if (!e.size) return;
       const t = /* @__PURE__ */ new Map(), l = [];
-      for (const [c, h] of e.entries()) {
-        if (n?.has(c)) continue;
-        const E = Re.value.get(c);
+      for (const [f, p] of e.entries()) {
+        if (n?.has(f)) continue;
+        const E = Ae.value.get(f);
         if (E == null) continue;
-        const O = Se.value[E];
+        const O = Ie.value[E];
         if (!O) continue;
-        const Y = h.x - O.x, z = h.y - O.y;
-        (Y || z) && (t.set(c, { dx: Y, dy: z }), l.push(c));
+        const Y = p.x - O.x, V = p.y - O.y;
+        (Y || V) && (t.set(f, { dx: Y, dy: V }), l.push(f));
       }
       if (!t.size) return;
-      Ce.value = t;
-      const r = new Set(te.value);
-      for (const c of l) r.delete(c);
-      te.value = r, pe(() => {
-        te.value = /* @__PURE__ */ new Set([...te.value, ...l]), pe(() => {
-          Ce.value = /* @__PURE__ */ new Map();
+      Ne.value = t;
+      const r = new Set(oe.value);
+      for (const f of l) r.delete(f);
+      oe.value = r, pe(() => {
+        oe.value = /* @__PURE__ */ new Set([...oe.value, ...l]), pe(() => {
+          Ne.value = /* @__PURE__ */ new Map();
         });
       }), setTimeout(() => {
-        const c = new Set(te.value);
-        for (const h of l) c.delete(h);
-        te.value = c;
+        const f = new Set(oe.value);
+        for (const p of l) f.delete(p);
+        oe.value = f;
       }, Nt);
     }
-    const ue = v(!0), ce = v(!1), ye = v("");
-    let D = 0, Ye = 0, He = 0, Ve = 0, Fe = !1;
+    const ce = v(!0), fe = v(!1), ye = v("");
+    let D = 0, qe = 0, Le = 0, Ve = 0, _e = !1;
     function ct(e) {
       return e instanceof Error && e.name === "AbortError";
     }
@@ -788,101 +810,101 @@ const Nn = { class: "hidden" }, Hn = {
         }
       }
     }
-    const W = v([]), vt = v([]), qe = v([]), V = v(a.page), ze = v([]);
-    let fe = null, de = null, Le = 0;
+    const J = v([]), vt = v([]), Xe = v([]), L = v(a.page), ze = v([]);
+    let de = null, ve = null, $e = 0;
     function Kt(e) {
       let n = -1;
       for (const t of e) {
         const l = t?.originalIndex;
-        _e(l) && l > n && (n = l);
+        Pe(l) && l > n && (n = l);
       }
-      Le = n + 1;
+      $e = n + 1;
     }
     function we(e) {
       for (const n of e)
-        !n || typeof n != "object" || n.id && n.originalIndex == null && (n.originalIndex = Le, Le += 1);
+        !n || typeof n != "object" || n.id && n.originalIndex == null && (n.originalIndex = $e, $e += 1);
     }
-    const ve = /* @__PURE__ */ new Map(), me = [];
-    function _e(e) {
+    const me = /* @__PURE__ */ new Map(), he = [];
+    function Pe(e) {
       return typeof e == "number" && Number.isFinite(e);
     }
     function Jt(e, n) {
       if (!n.length) return e;
       const t = /* @__PURE__ */ new Set();
-      for (const h of e) {
-        const E = h?.id;
+      for (const p of e) {
+        const E = p?.id;
         E && t.add(E);
       }
       const l = [];
-      for (const h of n) {
-        const E = h?.id;
-        E && (t.has(E) || (l.push(h), t.add(E)));
+      for (const p of n) {
+        const E = p?.id;
+        E && (t.has(E) || (l.push(p), t.add(E)));
       }
       if (!l.length) return e;
-      const r = l.slice().sort((h, E) => {
-        const O = _e(h.originalIndex) ? h.originalIndex : Number.POSITIVE_INFINITY, Y = _e(E.originalIndex) ? E.originalIndex : Number.POSITIVE_INFINITY;
+      const r = l.slice().sort((p, E) => {
+        const O = Pe(p.originalIndex) ? p.originalIndex : Number.POSITIVE_INFINITY, Y = Pe(E.originalIndex) ? E.originalIndex : Number.POSITIVE_INFINITY;
         return O - Y;
-      }), c = e.slice();
-      for (const h of r) {
-        const E = h.originalIndex;
-        if (!_e(E)) {
-          c.push(h);
+      }), f = e.slice();
+      for (const p of r) {
+        const E = p.originalIndex;
+        if (!Pe(E)) {
+          f.push(p);
           continue;
         }
-        let O = 0, Y = c.length;
+        let O = 0, Y = f.length;
         for (; O < Y; ) {
-          const z = O + Y >> 1, A = c[z]?.originalIndex;
-          (_e(A) ? A : Number.POSITIVE_INFINITY) <= E ? O = z + 1 : Y = z;
+          const V = O + Y >> 1, C = f[V]?.originalIndex;
+          (Pe(C) ? C : Number.POSITIVE_INFINITY) <= E ? O = V + 1 : Y = V;
         }
-        c.splice(O, 0, h);
+        f.splice(O, 0, p);
       }
-      return c;
+      return f;
     }
     async function mt(e) {
       if (!e.length) return;
-      Fe = !0, Ne(e);
+      _e = !0, He(e);
       const n = it();
       m.value = Jt(m.value, e), await Bt(), ut(n);
     }
     async function Qt(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(Ue).filter(Boolean);
+      const t = (Array.isArray(e) ? e : [e]).map(We).filter(Boolean);
       if (!t.length) return;
       const l = [];
       for (const r of t) {
-        const c = ve.get(r);
-        c && l.push(c);
+        const f = me.get(r);
+        f && l.push(f);
       }
       if (l.length) {
         await mt(l);
         for (const r of l)
-          r?.id && ve.delete(r.id);
+          r?.id && me.delete(r.id);
       }
     }
     async function Zt() {
-      const e = me.pop();
+      const e = he.pop();
       if (!e?.length) return;
       const n = [];
       for (const t of e) {
-        const l = ve.get(t);
+        const l = me.get(t);
         l && n.push(l);
       }
       if (n.length) {
         await mt(n);
         for (const t of n)
-          t?.id && ve.delete(t.id);
+          t?.id && me.delete(t.id);
       }
     }
     function en(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(Ue).filter(Boolean);
+      const t = (Array.isArray(e) ? e : [e]).map(We).filter(Boolean);
       if (!t.length) return;
       const l = new Set(t);
-      for (const r of l) ve.delete(r);
-      for (let r = me.length - 1; r >= 0; r -= 1) {
-        const h = me[r].filter((E) => !l.has(E));
-        h.length ? me[r] = h : me.splice(r, 1);
+      for (const r of l) me.delete(r);
+      for (let r = he.length - 1; r >= 0; r -= 1) {
+        const p = he[r].filter((E) => !l.has(E));
+        p.length ? he[r] = p : he.splice(r, 1);
       }
     }
-    const Xe = Tt({
+    const je = Pt({
       enabled: !1,
       isBackfillActive: !1,
       isRequestInFlight: !1,
@@ -903,85 +925,85 @@ const Nn = { class: "hidden" }, Hn = {
       }
     }), ht = Rn({
       getContent: (e) => dt(e, D),
-      markEnterFromLeft: Ne,
+      markEnterFromLeft: He,
       buffer: ze,
-      stats: Xe,
+      stats: je,
       isEnabled: () => a.mode === "backfill",
       getPageSize: () => a.pageSize,
       getRequestDelayMs: () => a.backfillRequestDelayMs,
-      getCancelToken: () => Ye
-    }), $e = k(() => a.items !== void 0);
-    oe(
+      getCancelToken: () => qe
+    }), De = k(() => a.items !== void 0);
+    Z(
       () => a.items,
       (e) => {
-        $e.value && (qe.value = Array.isArray(e) ? e : []);
+        De.value && (Xe.value = Array.isArray(e) ? e : []);
       },
       { immediate: !0 }
     );
     const m = k({
       get() {
-        return $e.value ? qe.value : vt.value;
+        return De.value ? Xe.value : vt.value;
       },
       set(e) {
-        $e.value ? (qe.value = e, f("update:items", e)) : vt.value = e;
+        De.value ? (Xe.value = e, d("update:items", e)) : vt.value = e;
       }
-    }), be = v(!1), je = v(!1);
+    }), be = v(!1), Ue = v(!1);
     async function gt(e) {
       const n = await dt(e, D);
-      return we(n.items), Ne(n.items), { items: n.items, nextPage: n.nextPage };
+      return we(n.items), He(n.items), { items: n.items, nextPage: n.nextPage };
     }
-    function Ue(e) {
+    function We(e) {
       return e ? typeof e == "string" ? e : e?.id : null;
     }
     async function pt(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(Ue).filter(Boolean);
+      const t = (Array.isArray(e) ? e : [e]).map(We).filter(Boolean);
       if (!t.length) return;
-      const l = new Set(t), r = [], c = [];
-      for (const z of l) {
-        const A = Re.value.get(z);
-        if (A == null) continue;
-        const he = m.value[A];
-        he && (ve.set(z, he), c.push(z), r.push(he));
+      const l = new Set(t), r = [], f = [];
+      for (const V of l) {
+        const C = Ae.value.get(V);
+        if (C == null) continue;
+        const ge = m.value[C];
+        ge && (me.set(V, ge), f.push(V), r.push(ge));
       }
-      c.length && (me.push(c), Fe = !0);
-      const h = it(), E = Te.value, O = j.value + B.value, Y = [];
-      for (const z of l) {
-        const A = Re.value.get(z);
-        if (A == null) continue;
-        const he = m.value[A];
-        if (!he) continue;
-        const Je = Se.value[A] ?? { x: 0, y: 0 }, It = Oe.value[A] ?? E, cn = Math.max(Je.y, O);
+      f.length && (he.push(f), _e = !0);
+      const p = it(), E = Te.value, O = j.value + R.value, Y = [];
+      for (const V of l) {
+        const C = Ae.value.get(V);
+        if (C == null) continue;
+        const ge = m.value[C];
+        if (!ge) continue;
+        const Qe = Ie.value[C] ?? { x: 0, y: 0 }, It = Ye.value[C] ?? E, cn = Math.max(Qe.y, O);
         Y.push({
-          id: z,
-          item: he,
-          fromX: Je.x,
-          fromY: Je.y,
+          id: V,
+          item: ge,
+          fromX: Qe.x,
+          fromY: Qe.y,
           toY: cn + Math.max(0, It),
           width: E,
           height: It,
           leaving: !0
         });
       }
-      if (Y.length && (ne.value = [...ne.value, ...Y]), m.value = m.value.filter((z) => {
-        const A = z?.id;
-        return !A || !l.has(A);
-      }), await Bt(), ut(h, l), Y.length) {
-        const z = new Set(Y.map((A) => A.id));
+      if (Y.length && (le.value = [...le.value, ...Y]), m.value = m.value.filter((V) => {
+        const C = V?.id;
+        return !C || !l.has(C);
+      }), await Bt(), ut(p, l), Y.length) {
+        const V = new Set(Y.map((C) => C.id));
         pe(() => {
-          ne.value = ne.value.map(
-            (A) => z.has(A.id) ? { ...A, leaving: !1 } : A
+          le.value = le.value.map(
+            (C) => V.has(C.id) ? { ...C, leaving: !1 } : C
           ), setTimeout(() => {
-            ne.value = ne.value.filter((A) => !z.has(A.id));
-          }, Vt);
+            le.value = le.value.filter((C) => !V.has(C.id));
+          }, Lt);
         });
       }
-      r.length && f("removed", { items: r, ids: c });
+      r.length && d("removed", { items: r, ids: f });
     }
-    async function De(e) {
+    async function Oe(e) {
       return pt(e);
     }
     function tn() {
-      D += 1, Ye += 1, fe = null, de = null, ue.value = !1, ce.value = !1;
+      D += 1, qe += 1, de = null, ve = null, ce.value = !1, fe.value = !1;
     }
     M({
       remove: pt,
@@ -991,137 +1013,137 @@ const Nn = { class: "hidden" }, Hn = {
       loadNextPage: wt,
       cancel: tn,
       get pagesLoaded() {
-        return W.value;
+        return J.value;
       },
       set pagesLoaded(e) {
-        W.value = e;
+        J.value = e;
       },
       get nextPage() {
-        return V.value;
+        return L.value;
       },
       set nextPage(e) {
-        V.value = e;
+        L.value = e;
       },
       get isLoading() {
-        return ue.value || ce.value;
+        return ce.value || fe.value;
       },
       get hasReachedEnd() {
-        return a.mode !== "backfill" ? V.value == null : V.value == null && ze.value.length === 0;
+        return a.mode !== "backfill" ? L.value == null : L.value == null && ze.value.length === 0;
       },
       get backfillStats() {
-        return Xe.value;
+        return je.value;
       }
     });
     function yt() {
       const e = An({
         items: m.value,
-        columnCount: Ke.value,
+        columnCount: Je.value,
         columnWidth: Te.value,
-        gapX: ee.value,
-        gapY: Pe.value,
+        gapX: ne.value,
+        gapY: Ee.value,
         headerHeight: G.value,
         footerHeight: K.value,
         bucketPx: Ct
       });
-      Se.value = e.positions, Oe.value = e.heights, lt.value = e.buckets, at.value = e.contentHeight, Re.value = e.indexById;
+      Ie.value = e.positions, Ye.value = e.heights, lt.value = e.buckets, at.value = e.contentHeight, Ae.value = e.indexById;
     }
-    const nn = k(() => Math.max(at.value, B.value) + jn), We = k(() => Cn({
+    const nn = k(() => Math.max(at.value, R.value) + jn), Ge = k(() => Cn({
       itemCount: m.value.length,
-      viewportHeight: B.value,
+      viewportHeight: R.value,
       scrollTop: j.value,
       overscanPx: a.overscanPx,
       bucketPx: Ct,
       buckets: lt.value
     }));
-    oe(
-      We,
+    Z(
+      Ge,
       (e) => {
         if (!e?.length) return;
-        if (be.value && !je.value) {
+        if (be.value && !Ue.value) {
           const l = [];
           for (const r of e) {
-            const c = m.value[r];
-            c && l.push(c);
+            const f = m.value[r];
+            f && l.push(f);
           }
-          l.length && Ne(l), je.value = !0;
+          l.length && He(l), Ue.value = !0;
         }
         const n = [];
         for (const l of e) {
           const r = m.value[l]?.id;
-          r && se.value.has(r) && (Ae.has(r) || (Ae.add(r), n.push(r)));
+          r && ie.value.has(r) && (Ce.has(r) || (Ce.add(r), n.push(r)));
         }
         if (!n.length) return;
         const t = n.length > 1 ? Yt(a.enterStaggerMs) : 0;
         if (t > 0) {
-          const l = new Map(Ie.value);
+          const l = new Map(Fe.value);
           for (let r = 0; r < n.length; r += 1) {
-            const c = n[r], h = Math.min(r * t, Un);
-            l.set(c, h);
+            const f = n[r], p = Math.min(r * t, Un);
+            l.set(f, p);
           }
-          Ie.value = l;
+          Fe.value = l;
         }
         pe(() => {
-          const l = new Set(ie.value);
+          const l = new Set(ue.value);
           for (const r of n) l.add(r);
-          ie.value = l;
+          ue.value = l;
         }), Wt(() => {
-          const l = new Set(se.value);
+          const l = new Set(ie.value);
           for (const r of n) l.delete(r);
-          se.value = l, setTimeout(() => {
-            const r = new Set(ie.value), c = new Map(Ie.value);
-            for (const h of n)
-              r.delete(h), Ae.delete(h), c.delete(h);
-            ie.value = r, Ie.value = c;
+          ie.value = l, setTimeout(() => {
+            const r = new Set(ue.value), f = new Map(Fe.value);
+            for (const p of n)
+              r.delete(p), Ce.delete(p), f.delete(p);
+            ue.value = r, Fe.value = f;
           }, Ht);
         });
       },
       { flush: "post" }
     );
     async function wt() {
-      if (fe) return fe;
-      if (ue.value || ce.value || a.mode !== "backfill" && V.value == null || a.mode === "backfill" && V.value == null && ze.value.length === 0)
+      if (de) return de;
+      if (ce.value || fe.value || a.mode !== "backfill" && L.value == null || a.mode === "backfill" && L.value == null && ze.value.length === 0)
         return;
       const e = D;
       let n = null;
       return n = (async () => {
         try {
-          if (ce.value = !0, ye.value = "", a.mode === "backfill") {
-            const r = await ht.loadBackfillBatch(V.value);
+          if (fe.value = !0, ye.value = "", a.mode === "backfill") {
+            const r = await ht.loadBackfillBatch(L.value);
             if (e !== D) return;
-            r.pages.length && (W.value = [...W.value, ...r.pages]), we(r.batchItems), m.value = [...m.value, ...r.batchItems], V.value = r.nextPage;
+            r.pages.length && (J.value = [...J.value, ...r.pages]), we(r.batchItems), m.value = [...m.value, ...r.batchItems], L.value = r.nextPage;
             return;
           }
-          const t = V.value;
+          const t = L.value;
           if (t == null) return;
           const l = await gt(t);
           if (e !== D) return;
-          W.value = [...W.value, t], we(l.items), m.value = [...m.value, ...l.items], V.value = l.nextPage;
+          J.value = [...J.value, t], we(l.items), m.value = [...m.value, ...l.items], L.value = l.nextPage;
         } catch (t) {
           if (e !== D || ct(t)) return;
           ye.value = t instanceof Error ? t.message : String(t);
         } finally {
-          e === D && (ce.value = !1), fe === n && (fe = null);
+          e === D && (fe.value = !1), de === n && (de = null);
         }
-      })(), fe = n, n;
+      })(), de = n, n;
     }
     function on() {
-      const e = u.value;
+      const e = c.value;
       if (!e) return;
       const n = e.scrollTop, t = e.clientHeight, l = e.scrollHeight;
-      j.value = n, B.value = t;
-      const r = He, c = Ve, h = n > r, E = c > 0 && l < c;
-      if (He = n, Ve = l, Fe) {
-        if (!h) return;
-        Fe = !1;
+      j.value = n, R.value = t;
+      const r = Le, f = Ve, p = n > r, E = f > 0 && l < f;
+      if (Le = n, Ve = l, _e) {
+        if (!p) return;
+        _e = !1;
       }
-      if (E && !h) return;
+      if (E && !p) return;
       l - (n + t) <= a.prefetchThresholdPx && wt();
     }
     function bt() {
-      return u.value;
+      return c.value;
     }
     function xt(e) {
-      I.value = Ee(e), B.value = e.clientHeight;
+      F.value = Be(e), R.value = e.clientHeight;
     }
     function ln() {
       typeof ResizeObserver > "u" || (re = new ResizeObserver(() => {
@@ -1141,7 +1163,7 @@ const Nn = { class: "hidden" }, Hn = {
           target: 0
         },
         cooldownMsRemaining: 0,
-        cooldownMsTotal: et(a.backfillRequestDelayMs),
+        cooldownMsTotal: tt(a.backfillRequestDelayMs),
         pageSize: Dt(a.pageSize),
         bufferSize: 0,
         lastBatch: null,
@@ -1152,25 +1174,25 @@ const Nn = { class: "hidden" }, Hn = {
       };
     }
     function kt() {
-      D += 1, Ye += 1, fe = null, de = null, He = 0, Ve = 0, Fe = !1, Le = 0, ve.clear(), me.length = 0, se.value = /* @__PURE__ */ new Set(), ie.value = /* @__PURE__ */ new Set(), Ae.clear(), Ce.value = /* @__PURE__ */ new Map(), te.value = /* @__PURE__ */ new Set(), ne.value = [], W.value = [], V.value = null, ze.value = [], Xe.value = an(), ue.value = !0, ce.value = !1, ye.value = "", je.value = !1;
+      D += 1, qe += 1, de = null, ve = null, Le = 0, Ve = 0, _e = !1, $e = 0, me.clear(), he.length = 0, ie.value = /* @__PURE__ */ new Set(), ue.value = /* @__PURE__ */ new Set(), Ce.clear(), Ne.value = /* @__PURE__ */ new Map(), oe.value = /* @__PURE__ */ new Set(), le.value = [], J.value = [], L.value = null, ze.value = [], je.value = an(), ce.value = !0, fe.value = !1, ye.value = "", Ue.value = !1;
     }
     function Mt(e) {
-      kt(), m.value = [], V.value = e;
+      kt(), m.value = [], L.value = e;
     }
     function rn(e) {
       const n = Array.isArray(e) ? e : [e], t = [], l = /* @__PURE__ */ new Set();
       for (const r of n) {
         if (r == null) continue;
-        const c = typeof r == "string" ? `s:${r}` : `n:${String(r)}`;
-        l.has(c) || (l.add(c), t.push(r));
+        const f = typeof r == "string" ? `s:${r}` : `n:${String(r)}`;
+        l.has(f) || (l.add(f), t.push(r));
       }
       return t;
     }
-    function Ge(e) {
-      kt(), W.value = e ? rn(e) : [], V.value = a.page, ue.value = !1, Kt(m.value), we(m.value);
+    function Ke(e) {
+      kt(), J.value = e ? rn(e) : [], L.value = a.page, ce.value = !1, Kt(m.value), we(m.value);
     }
     async function St(e) {
-      if (de) return de;
+      if (ve) return ve;
       const n = D;
       let t = null;
       return t = (async () => {
@@ -1178,68 +1200,68 @@ const Nn = { class: "hidden" }, Hn = {
           if (a.mode === "backfill") {
             const l = await ht.loadBackfillBatch(e);
             if (n !== D) return;
-            W.value = l.pages.length ? l.pages : [e], we(l.batchItems), m.value = l.batchItems, V.value = l.nextPage;
+            J.value = l.pages.length ? l.pages : [e], we(l.batchItems), m.value = l.batchItems, L.value = l.nextPage;
           } else {
             const l = await gt(e);
             if (n !== D) return;
-            W.value = [e], we(l.items), m.value = l.items, V.value = l.nextPage;
+            J.value = [e], we(l.items), m.value = l.items, L.value = l.nextPage;
           }
         } catch (l) {
           if (n !== D || ct(l)) return;
           ye.value = l instanceof Error ? l.message : String(l);
         } finally {
-          n === D && (ue.value = !1), de === t && (de = null);
+          n === D && (ce.value = !1), ve === t && (ve = null);
         }
-      })(), de = t, t;
+      })(), ve = t, t;
     }
     function sn() {
       const e = bt();
-      e && (xt(e), j.value = e.scrollTop, He = e.scrollTop, Ve = e.scrollHeight, re?.observe(e));
+      e && (xt(e), j.value = e.scrollTop, Le = e.scrollTop, Ve = e.scrollHeight, re?.observe(e));
     }
-    Qe(async () => {
+    Ze(async () => {
       if (ln(), sn(), a.restoredPages != null) {
-        be.value = !0, Ge(a.restoredPages);
+        be.value = !0, Ke(a.restoredPages);
         return;
       }
-      if ($e.value && m.value.length > 0) {
-        be.value = !0, Ge();
+      if (De.value && m.value.length > 0) {
+        be.value = !0, Ke();
         return;
       }
       be.value = !1, Mt(a.page), await St(a.page);
-    }), zt(() => {
-      re?.disconnect(), P && (clearTimeout(P), P = null), F && (clearTimeout(F), F = null), L(), R();
-    }), oe(
+    }), Vt(() => {
+      re?.disconnect(), T && (clearTimeout(T), T = null), I && (clearTimeout(I), I = null), z(), A();
+    }), Z(
       () => a.page,
       async (e) => {
         if (be.value) {
-          V.value = e;
+          L.value = e;
           return;
         }
         Mt(e), await St(e);
       }
-    ), oe(
+    ), Z(
       () => a.restoredPages,
       (e) => {
-        e && (be.value = !0, Ge(e));
+        e && (be.value = !0, Ke(e));
       }
-    ), oe(
-      ee,
+    ), Z(
+      ne,
       () => {
-        const e = u.value;
-        e && (I.value = Ee(e));
+        const e = c.value;
+        e && (F.value = Be(e));
       },
       { immediate: !1 }
     );
-    const Ke = k(() => Tn(I.value, a.itemWidth)), Te = k(
-      () => Pn(I.value, Ke.value, a.itemWidth, ee.value)
+    const Je = k(() => Pn(F.value, a.itemWidth)), Te = k(
+      () => Tn(F.value, Je.value, a.itemWidth, ne.value)
     );
-    oe(
-      [Ke, Te, ee, Pe, G, K],
+    Z(
+      [Je, Te, ne, Ee, G, K],
       () => {
         yt();
       },
       { immediate: !0 }
-    ), oe(
+    ), Z(
       // Performance note: this component targets very large arrays (e.g. 10k items).
       // Avoid deep watchers over items; rebuild layout only when the list structure
       // changes (new array reference or length change). This keeps metadata-only
@@ -1250,28 +1272,28 @@ const Nn = { class: "hidden" }, Hn = {
     );
     const un = k(() => [
       "mt-8 flex min-h-0 flex-1 flex-col rounded-2xl border border-slate-200/70 bg-white/70 p-5 shadow-sm backdrop-blur",
-      y.class
+      x.class
     ]);
-    return (e, n) => (_(), T("section", mn(ae.value, { class: un.value }), [
-      C("div", Nn, [
+    return (e, n) => (_(), P("section", mn(te.value, { class: un.value }), [
+      N("div", Nn, [
         hn(e.$slots, "default")
       ]),
-      C("div", {
+      N("div", {
         ref_key: "scrollViewportRef",
-        ref: u,
+        ref: c,
         "data-testid": "items-scroll-container",
         class: "mt-4 min-h-0 flex-1 overflow-auto",
-        style: U({ paddingRight: ee.value + "px" }),
+        style: W({ paddingRight: ne.value + "px" }),
         onScroll: on
       }, [
-        ue.value ? (_(), T("div", Hn, n[0] || (n[0] = [
-          C("div", { class: "inline-flex items-center gap-3 text-sm text-slate-600" }, [
-            C("svg", {
+        ce.value ? (_(), P("div", Hn, n[0] || (n[0] = [
+          N("div", { class: "inline-flex items-center gap-3 text-sm text-slate-600" }, [
+            N("svg", {
               class: "h-5 w-5 animate-spin text-slate-500",
               viewBox: "0 0 24 24",
               "aria-hidden": "true"
             }, [
-              C("circle", {
+              N("circle", {
                 class: "opacity-25",
                 cx: "12",
                 cy: "12",
@@ -1280,135 +1302,135 @@ const Nn = { class: "hidden" }, Hn = {
                 stroke: "currentColor",
                 "stroke-width": "4"
               }),
-              C("path", {
+              N("path", {
                 class: "opacity-75",
                 fill: "currentColor",
                 d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
               })
             ]),
-            C("span", null, "Loading…")
+            N("span", null, "Loading…")
           ], -1)
-        ]))) : ye.value ? (_(), T("p", Vn, "Error: " + Ze(ye.value), 1)) : (_(), T("div", {
+        ]))) : ye.value ? (_(), P("p", Ln, "Error: " + et(ye.value), 1)) : (_(), P("div", {
           key: 2,
           class: "relative",
-          style: U({ height: nn.value + "px" })
+          style: W({ height: nn.value + "px" })
         }, [
-          (_(!0), T(Pt, null, Et(We.value, (t) => (_(), T("article", {
+          (_(!0), P(Tt, null, Et(Ge.value, (t) => (_(), P("article", {
             key: m.value[t].id,
             "data-testid": "item-card",
             class: "absolute overflow-hidden rounded-xl border border-slate-200/60 bg-white shadow-sm",
-            style: U({
+            style: W({
               width: Te.value + "px",
               transition: jt(m.value[t].id),
               transitionDelay: qt(m.value[t].id),
               transform: Ut(t)
             })
           }, [
-            Be.value || G.value > 0 ? (_(), T("div", {
+            U.value || G.value > 0 ? (_(), P("div", {
               key: 0,
               "data-testid": "item-header-container",
               class: "w-full",
-              style: U(nt.value)
+              style: W(nt.value)
             }, [
-              Q(le(w), {
+              Q(ae(y), {
                 "slot-fn": ke.value,
-                "slot-props": { item: m.value[t], remove: () => De(m.value[t]) }
+                "slot-props": { item: m.value[t], remove: () => Oe(m.value[t]) }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : Z("", !0),
-            C("div", {
+            ], 4)) : ee("", !0),
+            N("div", {
               class: "group relative",
-              onMouseenter: (l) => p(m.value[t].id),
-              onMouseleave: (l) => b(m.value[t].id)
+              onMouseenter: (l) => g(m.value[t].id),
+              onMouseleave: (l) => w(m.value[t].id)
             }, [
               Q(Rt, {
                 item: m.value[t],
-                remove: () => De(m.value[t]),
-                "loader-slot-fn": ge.value,
-                "error-slot-fn": J.value,
-                hovered: d.value === m.value[t].id,
+                remove: () => Oe(m.value[t]),
+                "loader-slot-fn": Me.value,
+                "error-slot-fn": b.value,
+                hovered: u.value === m.value[t].id,
                 onSuccess: H,
                 onError: q
               }, null, 8, ["item", "remove", "loader-slot-fn", "error-slot-fn", "hovered"]),
-              tt.value ? (_(), T("div", Ln, [
-                Q(le(w), {
-                  "slot-fn": x.value,
-                  "slot-props": { item: m.value[t], remove: () => De(m.value[t]) }
+              Se.value ? (_(), P("div", zn, [
+                Q(ae(y), {
+                  "slot-fn": s.value,
+                  "slot-props": { item: m.value[t], remove: () => Oe(m.value[t]) }
                 }, null, 8, ["slot-fn", "slot-props"])
-              ])) : Z("", !0)
-            ], 40, zn),
-            Me.value || K.value > 0 ? (_(), T("div", {
+              ])) : ee("", !0)
+            ], 40, Vn),
+            Re.value || K.value > 0 ? (_(), P("div", {
               key: 1,
               "data-testid": "item-footer-container",
               class: "w-full",
-              style: U(ot.value)
+              style: W(ot.value)
             }, [
-              Q(le(w), {
-                "slot-fn": s.value,
-                "slot-props": { item: m.value[t], remove: () => De(m.value[t]) }
+              Q(ae(y), {
+                "slot-fn": se.value,
+                "slot-props": { item: m.value[t], remove: () => Oe(m.value[t]) }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : Z("", !0)
+            ], 4)) : ee("", !0)
           ], 4))), 128)),
-          (_(!0), T(Pt, null, Et(ne.value, (t) => (_(), T("article", {
+          (_(!0), P(Tt, null, Et(le.value, (t) => (_(), P("article", {
             key: t.id + ":leaving",
             "data-testid": "item-card-leaving",
             class: "pointer-events-none absolute overflow-hidden rounded-xl border border-slate-200/60 bg-white shadow-sm",
-            style: U({
+            style: W({
               width: t.width + "px",
-              transition: "transform " + Vt + "ms ease-out",
+              transition: "transform " + Lt + "ms ease-out",
               transform: t.leaving ? "translate3d(" + t.fromX + "px," + t.fromY + "px,0)" : "translate3d(" + t.fromX + "px," + t.toY + "px,0)"
             })
           }, [
-            Be.value || G.value > 0 ? (_(), T("div", {
+            U.value || G.value > 0 ? (_(), P("div", {
               key: 0,
               "data-testid": "item-header-container",
               class: "w-full",
-              style: U(nt.value)
+              style: W(nt.value)
             }, [
-              Q(le(w), {
+              Q(ae(y), {
                 "slot-fn": ke.value,
                 "slot-props": { item: t.item, remove: () => {
                 } }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : Z("", !0),
-            C("div", $n, [
+            ], 4)) : ee("", !0),
+            N("div", $n, [
               Q(Rt, {
                 item: t.item,
                 remove: () => {
                 },
-                "loader-slot-fn": ge.value,
-                "error-slot-fn": J.value,
+                "loader-slot-fn": Me.value,
+                "error-slot-fn": b.value,
                 hovered: !1
               }, null, 8, ["item", "loader-slot-fn", "error-slot-fn"]),
-              tt.value ? (_(), T("div", Dn, [
-                Q(le(w), {
-                  "slot-fn": x.value,
+              Se.value ? (_(), P("div", Dn, [
+                Q(ae(y), {
+                  "slot-fn": s.value,
                   "slot-props": { item: t.item, remove: () => {
                   } }
                 }, null, 8, ["slot-fn", "slot-props"])
-              ])) : Z("", !0)
+              ])) : ee("", !0)
             ]),
-            Me.value || K.value > 0 ? (_(), T("div", {
+            Re.value || K.value > 0 ? (_(), P("div", {
               key: 1,
               "data-testid": "item-footer-container",
               class: "w-full",
-              style: U(ot.value)
+              style: W(ot.value)
             }, [
-              Q(le(w), {
-                "slot-fn": s.value,
+              Q(ae(y), {
+                "slot-fn": se.value,
                 "slot-props": { item: t.item, remove: () => {
                 } }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : Z("", !0)
+            ], 4)) : ee("", !0)
           ], 4))), 128))
         ], 4)),
-        C("div", On, [
-          ce.value ? (_(), T("span", Yn, n[1] || (n[1] = [
-            C("svg", {
+        N("div", On, [
+          fe.value ? (_(), P("span", Yn, n[1] || (n[1] = [
+            N("svg", {
               class: "h-4 w-4 animate-spin text-slate-500",
               viewBox: "0 0 24 24",
               "aria-hidden": "true"
             }, [
-              C("circle", {
+              N("circle", {
                 class: "opacity-25",
                 cx: "12",
                 cy: "12",
@@ -1417,14 +1439,14 @@ const Nn = { class: "hidden" }, Hn = {
                 stroke: "currentColor",
                 "stroke-width": "4"
               }),
-              C("path", {
+              N("path", {
                 class: "opacity-75",
                 fill: "currentColor",
                 d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
               })
             ], -1),
-            C("span", null, "Loading more…", -1)
-          ]))) : V.value == null ? (_(), T("span", qn, "End of list")) : (_(), T("span", Xn, "Scroll to load page " + Ze(V.value), 1))
+            N("span", null, "Loading more…", -1)
+          ]))) : L.value == null ? (_(), P("span", qn, "End of list")) : (_(), P("span", Xn, "Scroll to load page " + et(L.value), 1))
         ])
       ], 36)
     ], 16));
@@ -1435,32 +1457,32 @@ const Nn = { class: "hidden" }, Hn = {
     const a = gn($t, null);
     if (!a)
       return () => null;
-    const f = i.onPreloaded, y = i.onFailed, w = M.overlay, g = M.default;
+    const d = i.onPreloaded, x = i.onFailed, y = M.overlay, h = M.default;
     return a({
       header: M.header,
       loader: M.loader,
-      overlay: w ?? g,
+      overlay: y ?? h,
       error: M.error,
       footer: M.footer,
-      onPreloaded: typeof f == "function" ? f : Array.isArray(f) ? (d) => {
-        for (const p of f)
-          typeof p == "function" && p(d);
+      onPreloaded: typeof d == "function" ? d : Array.isArray(d) ? (u) => {
+        for (const g of d)
+          typeof g == "function" && g(u);
       } : void 0,
-      onFailed: typeof y == "function" ? y : Array.isArray(y) ? (d) => {
-        for (const p of y)
-          typeof p == "function" && p(d);
+      onFailed: typeof x == "function" ? x : Array.isArray(x) ? (u) => {
+        for (const g of x)
+          typeof g == "function" && g(u);
       } : void 0
     }), () => null;
   }
 }), Zn = {
   install(o) {
-    o.component("Masonry", Kn), o.component("MasonryItem", Jn), o.component("MasonryVideoControls", Lt);
+    o.component("Masonry", Kn), o.component("MasonryItem", Jn), o.component("MasonryVideoControls", zt);
   }
 };
 export {
   Kn as Masonry,
   Jn as MasonryItem,
-  Lt as MasonryVideoControls,
+  zt as MasonryVideoControls,
   Zn as VibePlugin,
   pn as masonryDefaults
 };