@wyxos/vibe 1.6.24 → 1.6.25

package/lib/index.js

@@ -1,19 +1,19 @@
-import { nextTick as q, ref as D, computed as Q, defineComponent as Ke, onMounted as Qe, onUnmounted as Ze, watch as ee, createElementBlock as R, openBlock as O, createCommentVNode as te, createElementVNode as V, normalizeStyle as ge, renderSlot as _, normalizeClass as re, withModifiers as je, toDisplayString as $e, unref as U, Fragment as Ve, renderList as qe, createVNode as Pe, withCtx as fe, mergeProps as de, TransitionGroup as xt } from "vue";
-let Se = null;
-function bt() {
-  if (Se != null) return Se;
+import { nextTick as q, ref as B, computed as Z, defineComponent as et, onMounted as tt, onUnmounted as at, watch as te, createElementBlock as R, openBlock as O, createCommentVNode as ae, createElementVNode as V, normalizeStyle as ge, renderSlot as X, normalizeClass as re, withModifiers as Ye, toDisplayString as Be, unref as U, Fragment as Ue, renderList as _e, createVNode as He, withCtx as fe, mergeProps as de, TransitionGroup as Tt } from "vue";
+let $e = null;
+function It() {
+  if ($e != null) return $e;
   const e = document.createElement("div");
   e.style.visibility = "hidden", e.style.overflow = "scroll", e.style.msOverflowStyle = "scrollbar", e.style.width = "100px", e.style.height = "100px", document.body.appendChild(e);
   const l = document.createElement("div");
   l.style.width = "100%", e.appendChild(l);
   const r = e.offsetWidth - l.offsetWidth;
-  return document.body.removeChild(e), Se = r, r;
+  return document.body.removeChild(e), $e = r, r;
 }
-function Ye(e, l, r, t = {}) {
+function Xe(e, l, r, t = {}) {
   const {
     gutterX: y = 0,
-    gutterY: h = 0,
-    header: m = 0,
+    gutterY: g = 0,
+    header: h = 0,
     footer: i = 0,
     paddingLeft: w = 0,
     paddingRight: b = 0,
@@ -27,57 +27,57 @@ function Ye(e, l, r, t = {}) {
     },
     placement: p = "masonry"
   } = t;
-  let x = 0, M = 0;
+  let x = 0, T = 0;
   try {
     if (l && l.nodeType === 1 && typeof window < "u" && window.getComputedStyle) {
       const L = window.getComputedStyle(l);
-      x = parseFloat(L.paddingLeft) || 0, M = parseFloat(L.paddingRight) || 0;
+      x = parseFloat(L.paddingLeft) || 0, T = parseFloat(L.paddingRight) || 0;
     }
   } catch {
   }
-  const s = (w || 0) + x, g = (b || 0) + M, a = l.offsetWidth - l.clientWidth, d = a > 0 ? a + 2 : bt() + 2, v = l.offsetWidth - d - s - g, T = y * (r - 1), P = Math.floor((v - T) / r), I = e.map((L) => {
+  const s = (w || 0) + x, m = (b || 0) + T, a = l.offsetWidth - l.clientWidth, d = a > 0 ? a + 2 : It() + 2, v = l.offsetWidth - d - s - m, M = y * (r - 1), P = Math.floor((v - M) / r), I = e.map((L) => {
     const k = L.width, W = L.height;
-    return Math.round(P * W / k) + i + m;
+    return Math.round(P * W / k) + i + h;
   });
   if (p === "sequential-balanced") {
     const L = I.length;
     if (L === 0) return [];
-    const k = (z, Y, G) => z + (Y > 0 ? h : 0) + G;
-    let W = Math.max(...I), o = I.reduce((z, Y) => z + Y, 0) + h * Math.max(0, L - 1);
-    const u = (z) => {
-      let Y = 1, G = 0, ne = 0;
-      for (let J = 0; J < L; J++) {
-        const ie = I[J], Z = k(G, ne, ie);
-        if (Z <= z)
-          G = Z, ne++;
-        else if (Y++, G = ie, ne = 1, ie > z || Y > r) return !1;
+    const k = (D, Y, J) => D + (Y > 0 ? g : 0) + J;
+    let W = Math.max(...I), o = I.reduce((D, Y) => D + Y, 0) + g * Math.max(0, L - 1);
+    const u = (D) => {
+      let Y = 1, J = 0, ne = 0;
+      for (let K = 0; K < L; K++) {
+        const ie = I[K], ee = k(J, ne, ie);
+        if (ee <= D)
+          J = ee, ne++;
+        else if (Y++, J = ie, ne = 1, ie > D || Y > r) return !1;
       }
       return Y <= r;
     };
     for (; W < o; ) {
-      const z = Math.floor((W + o) / 2);
-      u(z) ? o = z : W = z + 1;
+      const D = Math.floor((W + o) / 2);
+      u(D) ? o = D : W = D + 1;
     }
     const E = o, $ = new Array(r).fill(0);
-    let C = r - 1, F = 0, N = 0;
-    for (let z = L - 1; z >= 0; z--) {
-      const Y = I[z], G = z < C;
-      !(k(F, N, Y) <= E) || G ? ($[C] = z + 1, C--, F = Y, N = 1) : (F = k(F, N, Y), N++);
+    let C = r - 1, A = 0, N = 0;
+    for (let D = L - 1; D >= 0; D--) {
+      const Y = I[D], J = D < C;
+      !(k(A, N, Y) <= E) || J ? ($[C] = D + 1, C--, A = Y, N = 1) : (A = k(A, N, Y), N++);
     }
     $[0] = 0;
-    const j = [], X = new Array(r).fill(0);
-    for (let z = 0; z < r; z++) {
-      const Y = $[z], G = z + 1 < r ? $[z + 1] : L, ne = z * (P + y);
-      for (let J = Y; J < G; J++) {
-        const Z = {
-          ...e[J],
+    const j = [], G = new Array(r).fill(0);
+    for (let D = 0; D < r; D++) {
+      const Y = $[D], J = D + 1 < r ? $[D + 1] : L, ne = D * (P + y);
+      for (let K = Y; K < J; K++) {
+        const ee = {
+          ...e[K],
           columnWidth: P,
           imageHeight: 0,
           columnHeight: 0,
           left: 0,
           top: 0
         };
-        Z.imageHeight = I[J] - (i + m), Z.columnHeight = I[J], Z.left = ne, Z.top = X[z], X[z] += Z.columnHeight + (J + 1 < G ? h : 0), j.push(Z);
+        ee.imageHeight = I[K] - (i + h), ee.columnHeight = I[K], ee.left = ne, ee.top = G[D], G[D] += ee.columnHeight + (K + 1 < J ? g : 0), j.push(ee);
       }
     }
     return j;
@@ -92,128 +92,128 @@ function Ye(e, l, r, t = {}) {
       left: 0,
       top: 0
     }, o = f.indexOf(Math.min(...f)), u = k.width, E = k.height;
-    W.columnWidth = P, W.left = o * (P + y), W.imageHeight = Math.round(P * E / u), W.columnHeight = W.imageHeight + i + m, W.top = f[o], f[o] += W.columnHeight + h, H.push(W);
+    W.columnWidth = P, W.left = o * (P + y), W.imageHeight = Math.round(P * E / u), W.columnHeight = W.imageHeight + i + h, W.top = f[o], f[o] += W.columnHeight + g, H.push(W);
   }
   return H;
 }
-var Mt = typeof global == "object" && global && global.Object === Object && global, Tt = typeof self == "object" && self && self.Object === Object && self, et = Mt || Tt || Function("return this")(), xe = et.Symbol, tt = Object.prototype, It = tt.hasOwnProperty, Et = tt.toString, me = xe ? xe.toStringTag : void 0;
-function kt(e) {
-  var l = It.call(e, me), r = e[me];
+var Et = typeof global == "object" && global && global.Object === Object && global, kt = typeof self == "object" && self && self.Object === Object && self, nt = Et || kt || Function("return this")(), xe = nt.Symbol, lt = Object.prototype, Pt = lt.hasOwnProperty, Lt = lt.toString, he = xe ? xe.toStringTag : void 0;
+function St(e) {
+  var l = Pt.call(e, he), r = e[he];
   try {
-    e[me] = void 0;
+    e[he] = void 0;
     var t = !0;
   } catch {
   }
-  var y = Et.call(e);
-  return t && (l ? e[me] = r : delete e[me]), y;
-}
-var Lt = Object.prototype, Pt = Lt.toString;
-function St(e) {
-  return Pt.call(e);
+  var y = Lt.call(e);
+  return t && (l ? e[he] = r : delete e[he]), y;
 }
-var Ht = "[object Null]", $t = "[object Undefined]", Ue = xe ? xe.toStringTag : void 0;
+var Ht = Object.prototype, $t = Ht.toString;
 function Nt(e) {
-  return e == null ? e === void 0 ? $t : Ht : Ue && Ue in Object(e) ? kt(e) : St(e);
+  return $t.call(e);
+}
+var Bt = "[object Null]", Dt = "[object Undefined]", Ge = xe ? xe.toStringTag : void 0;
+function zt(e) {
+  return e == null ? e === void 0 ? Dt : Bt : Ge && Ge in Object(e) ? St(e) : Nt(e);
 }
-function Dt(e) {
+function Ft(e) {
   return e != null && typeof e == "object";
 }
-var zt = "[object Symbol]";
-function Bt(e) {
-  return typeof e == "symbol" || Dt(e) && Nt(e) == zt;
+var At = "[object Symbol]";
+function Wt(e) {
+  return typeof e == "symbol" || Ft(e) && zt(e) == At;
 }
-var Ft = /\s/;
-function At(e) {
-  for (var l = e.length; l-- && Ft.test(e.charAt(l)); )
+var Rt = /\s/;
+function Ot(e) {
+  for (var l = e.length; l-- && Rt.test(e.charAt(l)); )
     ;
   return l;
 }
-var Wt = /^\s+/;
-function Rt(e) {
-  return e && e.slice(0, At(e) + 1).replace(Wt, "");
+var Ct = /^\s+/;
+function jt(e) {
+  return e && e.slice(0, Ot(e) + 1).replace(Ct, "");
 }
-function Ne(e) {
+function De(e) {
   var l = typeof e;
   return e != null && (l == "object" || l == "function");
 }
-var _e = NaN, Ot = /^[-+]0x[0-9a-f]+$/i, Ct = /^0b[01]+$/i, jt = /^0o[0-7]+$/i, Vt = parseInt;
-function Xe(e) {
+var Je = NaN, Vt = /^[-+]0x[0-9a-f]+$/i, qt = /^0b[01]+$/i, Yt = /^0o[0-7]+$/i, Ut = parseInt;
+function Ke(e) {
   if (typeof e == "number")
     return e;
-  if (Bt(e))
-    return _e;
-  if (Ne(e)) {
+  if (Wt(e))
+    return Je;
+  if (De(e)) {
     var l = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Ne(l) ? l + "" : l;
+    e = De(l) ? l + "" : l;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Rt(e);
-  var r = Ct.test(e);
-  return r || jt.test(e) ? Vt(e.slice(2), r ? 2 : 8) : Ot.test(e) ? _e : +e;
+  e = jt(e);
+  var r = qt.test(e);
+  return r || Yt.test(e) ? Ut(e.slice(2), r ? 2 : 8) : Vt.test(e) ? Je : +e;
 }
-var He = function() {
-  return et.Date.now();
-}, qt = "Expected a function", Yt = Math.max, Ut = Math.min;
-function Ge(e, l, r) {
-  var t, y, h, m, i, w, b = 0, n = !1, p = !1, x = !0;
+var Ne = function() {
+  return nt.Date.now();
+}, _t = "Expected a function", Xt = Math.max, Gt = Math.min;
+function Qe(e, l, r) {
+  var t, y, g, h, i, w, b = 0, n = !1, p = !1, x = !0;
   if (typeof e != "function")
-    throw new TypeError(qt);
-  l = Xe(l) || 0, Ne(r) && (n = !!r.leading, p = "maxWait" in r, h = p ? Yt(Xe(r.maxWait) || 0, l) : h, x = "trailing" in r ? !!r.trailing : x);
-  function M(f) {
+    throw new TypeError(_t);
+  l = Ke(l) || 0, De(r) && (n = !!r.leading, p = "maxWait" in r, g = p ? Xt(Ke(r.maxWait) || 0, l) : g, x = "trailing" in r ? !!r.trailing : x);
+  function T(f) {
     var H = t, L = y;
-    return t = y = void 0, b = f, m = e.apply(L, H), m;
+    return t = y = void 0, b = f, h = e.apply(L, H), h;
   }
   function s(f) {
-    return b = f, i = setTimeout(d, l), n ? M(f) : m;
+    return b = f, i = setTimeout(d, l), n ? T(f) : h;
   }
-  function g(f) {
+  function m(f) {
     var H = f - w, L = f - b, k = l - H;
-    return p ? Ut(k, h - L) : k;
+    return p ? Gt(k, g - L) : k;
   }
   function a(f) {
     var H = f - w, L = f - b;
-    return w === void 0 || H >= l || H < 0 || p && L >= h;
+    return w === void 0 || H >= l || H < 0 || p && L >= g;
   }
   function d() {
-    var f = He();
+    var f = Ne();
     if (a(f))
       return v(f);
-    i = setTimeout(d, g(f));
+    i = setTimeout(d, m(f));
   }
   function v(f) {
-    return i = void 0, x && t ? M(f) : (t = y = void 0, m);
+    return i = void 0, x && t ? T(f) : (t = y = void 0, h);
   }
-  function T() {
+  function M() {
     i !== void 0 && clearTimeout(i), b = 0, t = w = y = i = void 0;
   }
   function P() {
-    return i === void 0 ? m : v(He());
+    return i === void 0 ? h : v(Ne());
   }
   function I() {
-    var f = He(), H = a(f);
+    var f = Ne(), H = a(f);
     if (t = arguments, y = this, w = f, H) {
       if (i === void 0)
         return s(w);
       if (p)
-        return clearTimeout(i), i = setTimeout(d, l), M(w);
+        return clearTimeout(i), i = setTimeout(d, l), T(w);
     }
-    return i === void 0 && (i = setTimeout(d, l)), m;
+    return i === void 0 && (i = setTimeout(d, l)), h;
   }
-  return I.cancel = T, I.flush = P, I;
+  return I.cancel = M, I.flush = P, I;
 }
 function ue(e, l) {
   const r = l ?? (typeof window < "u" ? window.innerWidth : 1024), t = e.sizes;
   return r >= 1536 && t["2xl"] ? t["2xl"] : r >= 1280 && t.xl ? t.xl : r >= 1024 && t.lg ? t.lg : r >= 768 && t.md ? t.md : r >= 640 && t.sm ? t.sm : t.base;
 }
-function _t(e) {
+function Jt(e) {
   const l = e ?? (typeof window < "u" ? window.innerWidth : 1024);
   return l >= 1536 ? "2xl" : l >= 1280 ? "xl" : l >= 1024 ? "lg" : l >= 768 ? "md" : l >= 640 ? "sm" : "base";
 }
-function Xt(e) {
+function Kt(e) {
   return e.reduce((r, t) => Math.max(r, t.top + t.columnHeight), 0) + 500;
 }
-function Gt(e) {
+function Qt(e) {
   return {
     transform: `translate3d(${e.left}px, ${e.top}px, 0)`,
     top: "0px",
@@ -222,66 +222,66 @@ function Gt(e) {
     height: `${e.columnHeight}px`
   };
 }
-function Jt(e, l = 0) {
+function Zt(e, l = 0) {
   return {
-    style: Gt(e),
+    style: Qt(e),
     "data-top": e.top,
     "data-left": e.left,
     "data-id": `${e.page}-${e.id}`,
     "data-index": l
   };
 }
-function De(e, l) {
+function be(e, l) {
   if (!e.length || l <= 0)
     return new Array(Math.max(1, l)).fill(0);
-  const t = Array.from(new Set(e.map((m) => m.left))).sort((m, i) => m - i).slice(0, l), y = /* @__PURE__ */ new Map();
-  for (let m = 0; m < t.length; m++) y.set(t[m], m);
-  const h = new Array(t.length).fill(0);
-  for (const m of e) {
-    const i = y.get(m.left);
-    i != null && (h[i] = Math.max(h[i], m.top + m.columnHeight));
+  const t = Array.from(new Set(e.map((h) => h.left))).sort((h, i) => h - i).slice(0, l), y = /* @__PURE__ */ new Map();
+  for (let h = 0; h < t.length; h++) y.set(t[h], h);
+  const g = new Array(t.length).fill(0);
+  for (const h of e) {
+    const i = y.get(h.left);
+    i != null && (g[i] = Math.max(g[i], h.top + h.columnHeight));
   }
-  for (; h.length < l; ) h.push(0);
-  return h;
+  for (; g.length < l; ) g.push(0);
+  return g;
 }
-function Kt(e, l) {
+function ea(e, l) {
   let r = 0, t = 0;
   const y = 1e3;
-  function h(n, p) {
+  function g(n, p) {
     var s;
     const x = (s = e.container) == null ? void 0 : s.value;
     if (x) {
-      const g = x.scrollTop, a = x.clientHeight;
-      r = g - y, t = g + a + y;
+      const m = x.scrollTop, a = x.clientHeight;
+      r = m - y, t = m + a + y;
     }
     return n + p >= r && n <= t;
   }
-  function m(n, p) {
+  function h(n, p) {
     var v;
-    const x = parseInt(n.dataset.left || "0", 10), M = parseInt(n.dataset.top || "0", 10), s = parseInt(n.dataset.index || "0", 10), g = n.offsetHeight || parseInt(getComputedStyle(n).height || "200", 10) || 200;
+    const x = parseInt(n.dataset.left || "0", 10), T = parseInt(n.dataset.top || "0", 10), s = parseInt(n.dataset.index || "0", 10), m = n.offsetHeight || parseInt(getComputedStyle(n).height || "200", 10) || 200;
     if ((v = l == null ? void 0 : l.virtualizing) != null && v.value) {
-      n.style.transition = "none", n.style.opacity = "1", n.style.transform = `translate3d(${x}px, ${M}px, 0) scale(1)`, n.style.removeProperty("--masonry-opacity-delay"), requestAnimationFrame(() => {
+      n.style.transition = "none", n.style.opacity = "1", n.style.transform = `translate3d(${x}px, ${T}px, 0) scale(1)`, n.style.removeProperty("--masonry-opacity-delay"), requestAnimationFrame(() => {
         n.style.transition = "", p();
       });
       return;
     }
-    if (!h(M, g)) {
-      n.style.opacity = "1", n.style.transform = `translate3d(${x}px, ${M}px, 0) scale(1)`, n.style.transition = "none", p();
+    if (!g(T, m)) {
+      n.style.opacity = "1", n.style.transform = `translate3d(${x}px, ${T}px, 0) scale(1)`, n.style.transition = "none", p();
       return;
     }
     const a = Math.min(s * 20, 160), d = n.style.getPropertyValue("--masonry-opacity-delay");
     n.style.setProperty("--masonry-opacity-delay", `${a}ms`), requestAnimationFrame(() => {
-      n.style.opacity = "1", n.style.transform = `translate3d(${x}px, ${M}px, 0) scale(1)`;
-      const T = () => {
-        d ? n.style.setProperty("--masonry-opacity-delay", d) : n.style.removeProperty("--masonry-opacity-delay"), n.removeEventListener("transitionend", T), p();
+      n.style.opacity = "1", n.style.transform = `translate3d(${x}px, ${T}px, 0) scale(1)`;
+      const M = () => {
+        d ? n.style.setProperty("--masonry-opacity-delay", d) : n.style.removeProperty("--masonry-opacity-delay"), n.removeEventListener("transitionend", M), p();
       };
-      n.addEventListener("transitionend", T);
+      n.addEventListener("transitionend", M);
     });
   }
   function i(n) {
-    var M;
+    var T;
     const p = parseInt(n.dataset.left || "0", 10), x = parseInt(n.dataset.top || "0", 10);
-    if ((M = l == null ? void 0 : l.virtualizing) != null && M.value) {
+    if ((T = l == null ? void 0 : l.virtualizing) != null && T.value) {
       n.style.transition = "none", n.style.opacity = "1", n.style.transform = `translate3d(${p}px, ${x}px, 0) scale(1)`, n.style.removeProperty("--masonry-opacity-delay");
       return;
     }
@@ -289,9 +289,9 @@ function Kt(e, l) {
   }
   function w(n) {
     var s;
-    const p = parseInt(n.dataset.left || "0", 10), x = parseInt(n.dataset.top || "0", 10), M = n.offsetHeight || parseInt(getComputedStyle(n).height || "200", 10) || 200;
+    const p = parseInt(n.dataset.left || "0", 10), x = parseInt(n.dataset.top || "0", 10), T = n.offsetHeight || parseInt(getComputedStyle(n).height || "200", 10) || 200;
     if (!((s = l == null ? void 0 : l.virtualizing) != null && s.value)) {
-      if (!h(x, M)) {
+      if (!g(x, T)) {
         n.style.transition = "none";
         return;
       }
@@ -302,58 +302,58 @@ function Kt(e, l) {
   }
   function b(n, p) {
     var I;
-    const x = parseInt(n.dataset.left || "0", 10), M = parseInt(n.dataset.top || "0", 10), s = n.offsetHeight || parseInt(getComputedStyle(n).height || "200", 10) || 200;
+    const x = parseInt(n.dataset.left || "0", 10), T = parseInt(n.dataset.top || "0", 10), s = n.offsetHeight || parseInt(getComputedStyle(n).height || "200", 10) || 200;
     if ((I = l == null ? void 0 : l.virtualizing) != null && I.value) {
       p();
       return;
     }
-    if (!h(M, s)) {
+    if (!g(T, s)) {
       n.style.transition = "none", n.style.opacity = "0", p();
       return;
     }
-    const g = typeof (l == null ? void 0 : l.leaveDurationMs) == "number" ? l.leaveDurationMs : NaN;
-    let a = Number.isFinite(g) && g > 0 ? g : NaN;
+    const m = typeof (l == null ? void 0 : l.leaveDurationMs) == "number" ? l.leaveDurationMs : NaN;
+    let a = Number.isFinite(m) && m > 0 ? m : NaN;
     if (!Number.isFinite(a)) {
       const H = getComputedStyle(n).getPropertyValue("--masonry-leave-duration") || "", L = parseFloat(H);
       a = Number.isFinite(L) && L > 0 ? L : 200;
     }
     const d = n.style.transitionDuration, v = () => {
-      n.removeEventListener("transitionend", T), clearTimeout(P), n.style.transitionDuration = d || "";
-    }, T = (f) => {
+      n.removeEventListener("transitionend", M), clearTimeout(P), n.style.transitionDuration = d || "";
+    }, M = (f) => {
       (!f || f.target === n) && (v(), p());
     }, P = setTimeout(() => {
       v(), p();
     }, a + 100);
     requestAnimationFrame(() => {
-      n.style.transitionDuration = `${a}ms`, n.style.opacity = "0", n.style.transform = `translate3d(${x}px, ${M + 10}px, 0) scale(0.985)`, n.addEventListener("transitionend", T);
+      n.style.transitionDuration = `${a}ms`, n.style.opacity = "0", n.style.transform = `translate3d(${x}px, ${T + 10}px, 0) scale(0.985)`, n.addEventListener("transitionend", M);
     });
   }
   return {
-    onEnter: m,
+    onEnter: h,
     onBeforeEnter: i,
     onBeforeLeave: w,
     onLeave: b
   };
 }
-function Qt({
+function ta({
   container: e,
   masonry: l,
   columns: r,
   containerHeight: t,
   isLoading: y,
-  pageSize: h,
-  refreshLayout: m,
+  pageSize: g,
+  refreshLayout: h,
   setItemsRaw: i,
   loadNext: w,
   loadThresholdPx: b
 }) {
   let n = 0;
-  async function p(x) {
+  async function p(x, T = !1) {
     if (!e.value) return;
-    const M = x ?? De(l.value, r.value), s = M.length ? Math.max(...M) : 0, g = e.value.scrollTop + e.value.clientHeight, a = e.value.scrollTop > n + 1;
+    const s = x ?? be(l.value, r.value), m = s.length ? Math.max(...s) : 0, a = e.value.scrollTop + e.value.clientHeight, d = e.value.scrollTop > n + 1;
     n = e.value.scrollTop;
-    const d = typeof b == "number" ? b : 200, v = d >= 0 ? Math.max(0, s - d) : Math.max(0, s + d);
-    if (g >= v && a && !y.value) {
+    const v = typeof b == "number" ? b : 200, M = v >= 0 ? Math.max(0, m - v) : Math.max(0, m + v);
+    if (a >= M && (d || T) && !y.value) {
       await w(), await q();
       return;
     }
@@ -362,17 +362,17 @@ function Qt({
     handleScroll: p
   };
 }
-function Zt(e) {
-  const { useSwipeMode: l, masonry: r, isLoading: t, loadNext: y, loadPage: h, paginationHistory: m } = e, i = D(0), w = D(0), b = D(!1), n = D(0), p = D(0), x = D(null), M = Q(() => {
+function aa(e) {
+  const { useSwipeMode: l, masonry: r, isLoading: t, loadNext: y, loadPage: g, paginationHistory: h } = e, i = B(0), w = B(0), b = B(!1), n = B(0), p = B(0), x = B(null), T = Z(() => {
     if (!l.value || r.value.length === 0) return null;
     const o = Math.max(0, Math.min(i.value, r.value.length - 1));
     return r.value[o] || null;
-  }), s = Q(() => {
-    if (!l.value || !M.value) return null;
+  }), s = Z(() => {
+    if (!l.value || !T.value) return null;
     const o = i.value + 1;
     return o >= r.value.length ? null : r.value[o] || null;
-  }), g = Q(() => {
-    if (!l.value || !M.value) return null;
+  }), m = Z(() => {
+    if (!l.value || !T.value) return null;
     const o = i.value - 1;
     return o < 0 ? null : r.value[o] || null;
   });
@@ -389,9 +389,9 @@ function Zt(e) {
     i.value++, a(), i.value >= r.value.length - 5 && y();
   }
   function v() {
-    g.value && (i.value--, a());
+    m.value && (i.value--, a());
   }
-  function T(o) {
+  function M(o) {
     l.value && (b.value = !0, n.value = o.touches[0].clientY, p.value = w.value, o.preventDefault());
   }
   function P(o) {
@@ -403,7 +403,7 @@ function Zt(e) {
     if (!l.value || !b.value) return;
     b.value = !1;
     const u = w.value - p.value;
-    Math.abs(u) > 100 ? u > 0 && g.value ? v() : u < 0 && s.value ? d() : a() : a(), o.preventDefault();
+    Math.abs(u) > 100 ? u > 0 && m.value ? v() : u < 0 && s.value ? d() : a() : a(), o.preventDefault();
   }
   function f(o) {
     l.value && (b.value = !0, n.value = o.clientY, p.value = w.value, o.preventDefault());
@@ -417,10 +417,10 @@ function Zt(e) {
     if (!l.value || !b.value) return;
     b.value = !1;
     const u = w.value - p.value;
-    Math.abs(u) > 100 ? u > 0 && g.value ? v() : u < 0 && s.value ? d() : a() : a(), o.preventDefault();
+    Math.abs(u) > 100 ? u > 0 && m.value ? v() : u < 0 && s.value ? d() : a() : a(), o.preventDefault();
   }
   function k() {
-    !l.value && i.value > 0 && (i.value = 0, w.value = 0), l.value && r.value.length === 0 && !t.value && h(m.value[0]), l.value && a();
+    !l.value && i.value > 0 && (i.value = 0, w.value = 0), l.value && r.value.length === 0 && !t.value && g(h.value[0]), l.value && a();
   }
   function W() {
     i.value = 0, w.value = 0, b.value = !1;
@@ -432,11 +432,11 @@ function Zt(e) {
     isDragging: b,
     swipeContainer: x,
     // Computed
-    currentItem: M,
+    currentItem: T,
     nextItem: s,
-    previousItem: g,
+    previousItem: m,
     // Functions
-    handleTouchStart: T,
+    handleTouchStart: M,
     handleTouchMove: P,
     handleTouchEnd: I,
     handleMouseDown: f,
@@ -449,41 +449,41 @@ function Zt(e) {
     reset: W
   };
 }
-function he(e) {
+function me(e) {
   return e instanceof Error ? e : new Error(String(e));
 }
-function ea(e) {
+function na(e) {
   const {
     getNextPage: l,
     masonry: r,
     isLoading: t,
     hasReachedEnd: y,
-    loadError: h,
-    currentPage: m,
+    loadError: g,
+    currentPage: h,
     paginationHistory: i,
     refreshLayout: w,
     retryMaxAttempts: b,
     retryInitialDelayMs: n,
     retryBackoffStepMs: p,
     backfillEnabled: x,
-    backfillDelayMs: M,
+    backfillDelayMs: T,
     backfillMaxCalls: s,
-    pageSize: g,
+    pageSize: m,
     autoRefreshOnEmpty: a,
     emits: d
-  } = e, v = D(!1);
-  let T = !1;
+  } = e, v = B(!1);
+  let M = !1;
   function P(u, E) {
     return new Promise(($) => {
-      const C = Math.max(0, u | 0), F = Date.now();
+      const C = Math.max(0, u | 0), A = Date.now();
       E(C, C);
       const N = setInterval(() => {
         if (v.value) {
           clearInterval(N), $();
           return;
         }
-        const j = Date.now() - F, X = Math.max(0, C - j);
-        E(X, C), X <= 0 && (clearInterval(N), $());
+        const j = Date.now() - A, G = Math.max(0, C - j);
+        E(G, C), G <= 0 && (clearInterval(N), $());
       }, 100);
     });
   }
@@ -493,11 +493,11 @@ function ea(e) {
     let C = n;
     for (; ; )
       try {
-        const F = await u();
-        return E > 0 && d("retry:stop", { attempt: E, success: !0 }), F;
-      } catch (F) {
+        const A = await u();
+        return E > 0 && d("retry:stop", { attempt: E, success: !0 }), A;
+      } catch (A) {
         if (E++, E > $)
-          throw d("retry:stop", { attempt: E - 1, success: !1 }), F;
+          throw d("retry:stop", { attempt: E - 1, success: !1 }), A;
         d("retry:start", { attempt: E, max: $, totalMs: C }), await P(C, (N, j) => {
           d("retry:tick", { attempt: E, remainingMs: N, totalMs: j });
         }), C += p;
@@ -512,58 +512,58 @@ function ea(e) {
     }
   }
   async function H(u, E = !1) {
-    if (!E && !x || T || v.value || y.value) return;
-    const $ = (u || 0) + (g || 0);
-    if (!g || g <= 0) return;
+    if (!E && !x || M || v.value || y.value) return;
+    const $ = (u || 0) + (m || 0);
+    if (!m || m <= 0) return;
     if (i.value[i.value.length - 1] == null) {
       y.value = !0;
       return;
     }
     if (!(r.value.length >= $)) {
-      T = !0, t.value = !0;
+      M = !0, t.value = !0;
       try {
-        let F = 0;
-        for (d("backfill:start", { target: $, fetched: r.value.length, calls: F }); r.value.length < $ && F < s && i.value[i.value.length - 1] != null && !v.value && !y.value && T && (await P(M, (j, X) => {
+        let A = 0;
+        for (d("backfill:start", { target: $, fetched: r.value.length, calls: A }); r.value.length < $ && A < s && i.value[i.value.length - 1] != null && !v.value && !y.value && M && (await P(T, (j, G) => {
           d("backfill:tick", {
             fetched: r.value.length,
             target: $,
-            calls: F,
+            calls: A,
             remainingMs: j,
-            totalMs: X
+            totalMs: G
           });
-        }), !(v.value || !T)); ) {
+        }), !(v.value || !M)); ) {
           const N = i.value[i.value.length - 1];
           if (N == null) {
             y.value = !0;
             break;
           }
           try {
-            if (v.value || !T) break;
+            if (v.value || !M) break;
             const j = await f(N);
-            if (v.value || !T) break;
-            h.value = null, i.value.push(j.nextPage), j.nextPage == null && (y.value = !0);
+            if (v.value || !M) break;
+            g.value = null, i.value.push(j.nextPage), j.nextPage == null && (y.value = !0);
           } catch (j) {
-            if (v.value || !T) break;
-            h.value = he(j);
+            if (v.value || !M) break;
+            g.value = me(j);
           }
-          F++;
+          A++;
         }
-        d("backfill:stop", { fetched: r.value.length, calls: F });
+        d("backfill:stop", { fetched: r.value.length, calls: A });
       } finally {
-        T = !1, t.value = !1;
+        M = !1, t.value = !1;
       }
     }
   }
   async function L(u) {
     if (!t.value) {
-      v.value = !1, t.value = !0, y.value = !1, h.value = null;
+      v.value = !1, t.value = !0, y.value = !1, g.value = null;
       try {
         const E = r.value.length;
         if (v.value) return;
         const $ = await f(u);
-        return v.value ? void 0 : (h.value = null, m.value = u, i.value.push($.nextPage), $.nextPage == null && (y.value = !0), await H(E), $);
+        return v.value ? void 0 : (g.value = null, h.value = u, i.value.push($.nextPage), $.nextPage == null && (y.value = !0), await H(E), $);
       } catch (E) {
-        throw h.value = he(E), E;
+        throw g.value = me(E), E;
       } finally {
         t.value = !1;
       }
@@ -571,7 +571,7 @@ function ea(e) {
   }
   async function k() {
     if (!t.value && !y.value) {
-      v.value = !1, t.value = !0, h.value = null;
+      v.value = !1, t.value = !0, g.value = null;
       try {
         const u = r.value.length;
         if (v.value) return;
@@ -581,9 +581,9 @@ function ea(e) {
           return;
         }
         const $ = await f(E);
-        return v.value ? void 0 : (h.value = null, m.value = E, i.value.push($.nextPage), $.nextPage == null && (y.value = !0), await H(u), $);
+        return v.value ? void 0 : (g.value = null, h.value = E, i.value.push($.nextPage), $.nextPage == null && (y.value = !0), await H(u), $);
       } catch (u) {
-        throw h.value = he(u), u;
+        throw g.value = me(u), u;
       } finally {
         t.value = !1;
       }
@@ -593,27 +593,27 @@ function ea(e) {
     if (!t.value) {
       v.value = !1, t.value = !0;
       try {
-        const u = m.value;
+        const u = h.value;
         if (u == null) {
-          console.warn("[Masonry] No current page to refresh - currentPage:", m.value, "paginationHistory:", i.value);
+          console.warn("[Masonry] No current page to refresh - currentPage:", h.value, "paginationHistory:", i.value);
           return;
         }
-        r.value = [], y.value = !1, h.value = null, i.value = [u];
+        r.value = [], y.value = !1, g.value = null, i.value = [u];
         const E = await f(u);
         if (v.value) return;
-        h.value = null, m.value = u, i.value.push(E.nextPage), E.nextPage == null && (y.value = !0);
+        g.value = null, h.value = u, i.value.push(E.nextPage), E.nextPage == null && (y.value = !0);
         const $ = r.value.length;
         return await H($), E;
       } catch (u) {
-        throw h.value = he(u), u;
+        throw g.value = me(u), u;
       } finally {
         t.value = !1;
       }
     }
   }
   function o() {
-    const u = T;
-    v.value = !0, t.value = !1, T = !1, u && d("backfill:stop", { fetched: r.value.length, calls: 0, cancelled: !0 });
+    const u = M;
+    v.value = !0, t.value = !1, M = !1, u && d("backfill:stop", { fetched: r.value.length, calls: 0, cancelled: !0 });
   }
   return {
     loadPage: L,
@@ -624,42 +624,42 @@ function ea(e) {
     getContent: f
   };
 }
-function ta(e) {
+function la(e) {
   const {
     masonry: l,
     useSwipeMode: r,
     refreshLayout: t,
     refreshCurrentPage: y,
-    loadNext: h,
-    maybeBackfillToTarget: m,
+    loadNext: g,
+    maybeBackfillToTarget: h,
     autoRefreshOnEmpty: i,
     paginationHistory: w
   } = e;
   async function b(s) {
-    const g = l.value.filter((a) => a.id !== s.id);
-    if (l.value = g, await q(), g.length === 0 && w.value.length > 0) {
+    const m = l.value.filter((a) => a.id !== s.id);
+    if (l.value = m, await q(), m.length === 0 && w.value.length > 0) {
       if (i)
         await y();
       else
         try {
-          await h(), await m(0, !0);
+          await g(), await h(0, !0);
         } catch {
         }
       return;
     }
     await new Promise((a) => requestAnimationFrame(() => a())), requestAnimationFrame(() => {
-      t(g);
+      t(m);
     });
   }
   async function n(s) {
     if (!s || s.length === 0) return;
-    const g = new Set(s.map((d) => d.id)), a = l.value.filter((d) => !g.has(d.id));
+    const m = new Set(s.map((d) => d.id)), a = l.value.filter((d) => !m.has(d.id));
     if (l.value = a, await q(), a.length === 0 && w.value.length > 0) {
       if (i)
         await y();
       else
         try {
-          await h(), await m(0, !0);
+          await g(), await h(0, !0);
         } catch {
         }
       return;
@@ -668,40 +668,40 @@ function ta(e) {
       t(a);
     });
   }
-  async function p(s, g) {
+  async function p(s, m) {
     if (!s) return;
     const a = l.value;
     if (a.findIndex((P) => P.id === s.id) !== -1) return;
-    const v = [...a], T = Math.min(g, v.length);
-    v.splice(T, 0, s), l.value = v, await q(), r.value || (await new Promise((P) => requestAnimationFrame(() => P())), requestAnimationFrame(() => {
+    const v = [...a], M = Math.min(m, v.length);
+    v.splice(M, 0, s), l.value = v, await q(), r.value || (await new Promise((P) => requestAnimationFrame(() => P())), requestAnimationFrame(() => {
       t(v);
     }));
   }
-  async function x(s, g) {
+  async function x(s, m) {
     var L;
     if (!s || s.length === 0) return;
-    if (!g || g.length !== s.length) {
+    if (!m || m.length !== s.length) {
       console.warn("[Masonry] restoreMany: items and indices arrays must have the same length");
       return;
     }
     const a = l.value, d = new Set(a.map((k) => k.id)), v = [];
     for (let k = 0; k < s.length; k++)
-      d.has((L = s[k]) == null ? void 0 : L.id) || v.push({ item: s[k], index: g[k] });
+      d.has((L = s[k]) == null ? void 0 : L.id) || v.push({ item: s[k], index: m[k] });
     if (v.length === 0) return;
-    const T = /* @__PURE__ */ new Map();
+    const M = /* @__PURE__ */ new Map();
     for (const { item: k, index: W } of v)
-      T.set(W, k);
+      M.set(W, k);
     const P = v.length > 0 ? Math.max(...v.map(({ index: k }) => k)) : -1, I = Math.max(a.length - 1, P), f = [];
     let H = 0;
     for (let k = 0; k <= I; k++)
-      T.has(k) ? f.push(T.get(k)) : H < a.length && (f.push(a[H]), H++);
+      M.has(k) ? f.push(M.get(k)) : H < a.length && (f.push(a[H]), H++);
     for (; H < a.length; )
       f.push(a[H]), H++;
     l.value = f, await q(), r.value || (await new Promise((k) => requestAnimationFrame(() => k())), requestAnimationFrame(() => {
       t(f);
     }));
   }
-  async function M() {
+  async function T() {
     l.value = [];
   }
   return {
@@ -709,47 +709,47 @@ function ta(e) {
     removeMany: n,
     restore: p,
     restoreMany: x,
-    removeAll: M
+    removeAll: T
   };
 }
-function aa(e) {
+function oa(e) {
   const {
     masonry: l,
     useSwipeMode: r,
     container: t,
     columns: y,
-    containerWidth: h,
-    masonryContentHeight: m,
+    containerWidth: g,
+    masonryContentHeight: h,
     layout: i,
     fixedDimensions: w,
     checkItemDimensions: b
   } = e;
   let n = [];
-  function p(g) {
-    const a = Xt(g);
+  function p(m) {
+    const a = Kt(m);
     let d = 0;
     if (t.value) {
-      const { scrollTop: v, clientHeight: T } = t.value;
-      d = v + T + 100;
+      const { scrollTop: v, clientHeight: M } = t.value;
+      d = v + M + 100;
     }
-    m.value = Math.max(a, d);
+    h.value = Math.max(a, d);
   }
-  function x(g) {
-    var T, P;
+  function x(m) {
+    var M, P;
     if (r.value) {
-      l.value = g;
+      l.value = m;
       return;
     }
     if (!t.value) return;
-    if (b(g, "refreshLayout"), g.length > 1e3 && n.length > g.length && n.length - g.length < 100) {
+    if (b(m, "refreshLayout"), m.length > 1e3 && n.length > m.length && n.length - m.length < 100) {
       let I = !0;
-      for (let f = 0; f < g.length; f++)
-        if (((T = g[f]) == null ? void 0 : T.id) !== ((P = n[f]) == null ? void 0 : P.id)) {
+      for (let f = 0; f < m.length; f++)
+        if (((M = m[f]) == null ? void 0 : M.id) !== ((P = n[f]) == null ? void 0 : P.id)) {
           I = !1;
           break;
         }
       if (I) {
-        const f = g.map((H, L) => ({
+        const f = m.map((H, L) => ({
           ...n[L],
           originalIndex: L
         }));
@@ -757,46 +757,46 @@ function aa(e) {
         return;
       }
     }
-    const d = g.map((I, f) => ({
+    const d = m.map((I, f) => ({
       ...I,
       originalIndex: f
     })), v = t.value;
     if (w.value && w.value.width !== void 0) {
       const I = v.style.width, f = v.style.boxSizing;
       v.style.boxSizing = "border-box", v.style.width = `${w.value.width}px`, v.offsetWidth;
-      const H = Ye(d, v, y.value, i.value);
+      const H = Xe(d, v, y.value, i.value);
       v.style.width = I, v.style.boxSizing = f, p(H), l.value = H, n = H;
     } else {
-      const I = Ye(d, v, y.value, i.value);
+      const I = Xe(d, v, y.value, i.value);
       p(I), l.value = I, n = I;
     }
   }
-  function M(g, a) {
-    w.value = g, g && (g.width !== void 0 && (h.value = g.width), !r.value && t.value && l.value.length > 0 && q(() => {
-      y.value = ue(i.value, h.value), x(l.value), a && a();
+  function T(m, a) {
+    w.value = m, m && (m.width !== void 0 && (g.value = m.width), !r.value && t.value && l.value.length > 0 && q(() => {
+      y.value = ue(i.value, g.value), x(l.value), a && a();
     }));
   }
   function s() {
-    y.value = ue(i.value, h.value), x(l.value);
+    y.value = ue(i.value, g.value), x(l.value);
   }
   return {
     refreshLayout: x,
-    setFixedDimensions: M,
+    setFixedDimensions: T,
     onResize: s,
     calculateHeight: p
   };
 }
-function na(e) {
+function ra(e) {
   const {
     masonry: l,
     container: r,
     columns: t,
     virtualBufferPx: y,
-    loadThresholdPx: h
-  } = e, m = D(e.handleScroll), i = D(0), w = D(0), b = y, n = D(!1), p = D({
+    loadThresholdPx: g
+  } = e, h = B(e.handleScroll), i = B(0), w = B(0), b = y, n = B(!1), p = B({
     distanceToTrigger: 0,
     isNearTrigger: !1
-  }), x = Q(() => {
+  }), x = Z(() => {
     const a = i.value - b, d = i.value + w.value + b, v = l.value;
     return !v || v.length === 0 ? [] : v.filter((P) => {
       if (typeof P.top != "number" || typeof P.columnHeight != "number")
@@ -805,9 +805,9 @@ function na(e) {
       return P.top + P.columnHeight >= a && I <= d;
     });
   });
-  function M(a) {
+  function T(a) {
     if (!r.value) return;
-    const { scrollTop: d, clientHeight: v } = r.value, T = d + v, P = a ?? De(l.value, t.value), I = P.length ? Math.max(...P) : 0, f = typeof h == "number" ? h : 200, H = f >= 0 ? Math.max(0, I - f) : Math.max(0, I + f), L = Math.max(0, H - T), k = L <= 100;
+    const { scrollTop: d, clientHeight: v } = r.value, M = d + v, P = a ?? be(l.value, t.value), I = P.length ? Math.max(...P) : 0, f = typeof g == "number" ? g : 200, H = f >= 0 ? Math.max(0, I - f) : Math.max(0, I + f), L = Math.max(0, H - M), k = L <= 100;
     p.value = {
       distanceToTrigger: Math.round(L),
       isNearTrigger: k
@@ -815,14 +815,14 @@ function na(e) {
   }
   async function s() {
     if (r.value) {
-      const d = r.value.scrollTop, v = r.value.clientHeight || window.innerHeight, T = v > 0 ? v : window.innerHeight;
-      i.value = d, w.value = T;
+      const d = r.value.scrollTop, v = r.value.clientHeight || window.innerHeight, M = v > 0 ? v : window.innerHeight;
+      i.value = d, w.value = M;
     }
     n.value = !0, await q(), await new Promise((d) => requestAnimationFrame(() => d())), n.value = !1;
-    const a = De(l.value, t.value);
-    m.value(a), M(a);
+    const a = be(l.value, t.value);
+    h.value(a), T(a);
   }
-  function g() {
+  function m() {
     i.value = 0, w.value = 0, n.value = !1, p.value = {
       distanceToTrigger: 0,
       isNearTrigger: !1
@@ -834,21 +834,21 @@ function na(e) {
     virtualizing: n,
     scrollProgress: p,
     visibleMasonry: x,
-    updateScrollProgress: M,
+    updateScrollProgress: T,
     updateViewport: s,
-    reset: g,
-    handleScroll: m
+    reset: m,
+    handleScroll: h
   };
 }
-function la(e) {
-  const { masonry: l } = e, r = D(/* @__PURE__ */ new Set());
-  function t(m) {
-    return typeof m == "number" && m > 0 && Number.isFinite(m);
+function ia(e) {
+  const { masonry: l } = e, r = B(/* @__PURE__ */ new Set());
+  function t(h) {
+    return typeof h == "number" && h > 0 && Number.isFinite(h);
   }
-  function y(m, i) {
+  function y(h, i) {
     try {
-      if (!Array.isArray(m) || m.length === 0) return;
-      const w = m.filter((n) => !t(n == null ? void 0 : n.width) || !t(n == null ? void 0 : n.height));
+      if (!Array.isArray(h) || h.length === 0) return;
+      const w = h.filter((n) => !t(n == null ? void 0 : n.width) || !t(n == null ? void 0 : n.height));
       if (w.length === 0) return;
       const b = [];
       for (const n of w) {
@@ -870,28 +870,28 @@ function la(e) {
     } catch {
     }
   }
-  function h() {
+  function g() {
     r.value.clear();
   }
   return {
     checkItemDimensions: y,
     invalidDimensionIds: r,
-    reset: h
+    reset: g
   };
 }
-const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full rounded-xl overflow-hidden shadow-sm transition-all duration-300 bg-white relative" }, ia = {
+const sa = { class: "flex-1 relative min-h-0" }, ua = { class: "w-full h-full rounded-xl overflow-hidden shadow-sm transition-all duration-300 bg-white relative" }, ca = {
   key: 0,
   class: "absolute inset-0 flex flex-col items-center justify-center bg-slate-100 text-slate-400 text-sm p-4 text-center"
-}, sa = {
+}, va = {
   key: 1,
   class: "relative w-full h-full"
-}, ua = ["src"], ca = ["src", "autoplay", "controls"], va = { class: "w-12 h-12 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center shadow-sm" }, fa = {
+}, fa = ["src"], da = ["src", "autoplay", "controls"], ha = { class: "w-12 h-12 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center shadow-sm" }, ma = {
   key: 3,
   class: "absolute bottom-2 left-1/2 transform -translate-x-1/2 flex items-center justify-center z-10"
-}, da = {
+}, ga = {
   key: 4,
   class: "absolute inset-0 flex flex-col items-center justify-center bg-slate-50 text-slate-400 text-sm p-4 text-center"
-}, be = /* @__PURE__ */ Ke({
+}, Me = /* @__PURE__ */ et({
   __name: "MasonryItem",
   props: {
     item: {},
@@ -905,16 +905,16 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
   },
   emits: ["preload:success", "preload:error", "mouse-enter", "mouse-leave"],
   setup(e, { emit: l }) {
-    const r = e, t = l, y = D(!1), h = D(!1), m = D(null), i = D(!1), w = D(!1), b = D(null), n = D(!1), p = D(!1), x = D(!1), M = D(null), s = D(null);
-    let g = null;
-    const a = Q(() => {
+    const r = e, t = l, y = B(!1), g = B(!1), h = B(null), i = B(!1), w = B(!1), b = B(null), n = B(!1), p = B(!1), x = B(!1), T = B(null), s = B(null);
+    let m = null;
+    const a = Z(() => {
       var o;
       return r.type ?? ((o = r.item) == null ? void 0 : o.type) ?? "image";
-    }), d = Q(() => {
+    }), d = Z(() => {
       var o;
       return r.notFound ?? ((o = r.item) == null ? void 0 : o.notFound) ?? !1;
-    }), v = Q(() => !!r.inSwipeMode);
-    function T(o) {
+    }), v = Z(() => !!r.inSwipeMode);
+    function M(o) {
       t("mouse-enter", { item: r.item, type: o });
     }
     function P(o) {
@@ -927,7 +927,7 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
     }
     function f(o) {
       const u = o.target;
-      u && (v.value || u.play(), T("video"));
+      u && (v.value || u.play(), M("video"));
     }
     function H(o) {
       const u = o.target;
@@ -940,14 +940,14 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
           t("preload:error", { item: r.item, type: "image", src: o, error: N }), E(N);
           return;
         }
-        const $ = new Image(), C = Date.now(), F = 300;
+        const $ = new Image(), C = Date.now(), A = 300;
         $.onload = () => {
-          const N = Date.now() - C, j = Math.max(0, F - N);
+          const N = Date.now() - C, j = Math.max(0, A - N);
           setTimeout(async () => {
-            y.value = !0, h.value = !1, p.value = !1, await q(), await new Promise((X) => setTimeout(X, 100)), x.value = !0, t("preload:success", { item: r.item, type: "image", src: o }), u();
+            y.value = !0, g.value = !1, p.value = !1, await q(), await new Promise((G) => setTimeout(G, 100)), x.value = !0, t("preload:success", { item: r.item, type: "image", src: o }), u();
           }, j);
         }, $.onerror = () => {
-          h.value = !0, y.value = !1, p.value = !1;
+          g.value = !0, y.value = !1, p.value = !1;
           const N = new Error("Failed to load image");
           t("preload:error", { item: r.item, type: "image", src: o, error: N }), E(N);
         }, $.src = o;
@@ -960,11 +960,11 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
           t("preload:error", { item: r.item, type: "video", src: o, error: N }), E(N);
           return;
         }
-        const $ = document.createElement("video"), C = Date.now(), F = 300;
+        const $ = document.createElement("video"), C = Date.now(), A = 300;
         $.preload = "metadata", $.muted = !0, $.onloadedmetadata = () => {
-          const N = Date.now() - C, j = Math.max(0, F - N);
+          const N = Date.now() - C, j = Math.max(0, A - N);
           setTimeout(async () => {
-            i.value = !0, w.value = !1, p.value = !1, await q(), await new Promise((X) => setTimeout(X, 100)), x.value = !0, t("preload:success", { item: r.item, type: "video", src: o }), u();
+            i.value = !0, w.value = !1, p.value = !1, await q(), await new Promise((G) => setTimeout(G, 100)), x.value = !0, t("preload:success", { item: r.item, type: "video", src: o }), u();
           }, j);
         }, $.onerror = () => {
           w.value = !0, i.value = !1, p.value = !1;
@@ -986,15 +986,15 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
           } catch {
           }
         } else {
-          m.value = o, y.value = !1, h.value = !1;
+          h.value = o, y.value = !1, g.value = !1;
           try {
             await L(o);
           } catch {
           }
         }
     }
-    return Qe(() => {
-      M.value && (g = new IntersectionObserver(
+    return tt(() => {
+      T.value && (m = new IntersectionObserver(
         (o) => {
           o.forEach((u) => {
             u.isIntersecting && u.intersectionRatio >= 1 ? n.value || (n.value = !0, W()) : u.isIntersecting;
@@ -1004,10 +1004,10 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
           // Only trigger when item is 100% visible (full height in view)
           threshold: [1]
         }
-      ), g.observe(M.value));
-    }), Ze(() => {
-      g && (g.disconnect(), g = null);
-    }), ee(
+      ), m.observe(T.value));
+    }), at(() => {
+      m && (m.disconnect(), m = null);
+    }), te(
       () => {
         var o;
         return (o = r.item) == null ? void 0 : o.src;
@@ -1022,7 +1022,7 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
               } catch {
               }
             }
-          } else if (o !== m.value && (y.value = !1, h.value = !1, m.value = o, n.value)) {
+          } else if (o !== h.value && (y.value = !1, g.value = !1, h.value = o, n.value)) {
             p.value = !0;
             try {
               await L(o);
@@ -1031,14 +1031,14 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
           }
         }
       }
-    ), ee(
+    ), te(
       () => r.isActive,
       (o) => {
         !v.value || !s.value || (o ? s.value.play() : s.value.pause());
       }
     ), (o, u) => (O(), R("div", {
       ref_key: "containerRef",
-      ref: M,
+      ref: T,
       class: "relative w-full h-full flex flex-col"
     }, [
       o.headerHeight > 0 ? (O(), R("div", {
@@ -1046,42 +1046,42 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
         class: "relative z-10",
         style: ge({ height: `${o.headerHeight}px` })
       }, [
-        _(o.$slots, "header", {
+        X(o.$slots, "header", {
           item: o.item,
           remove: o.remove,
           imageLoaded: y.value,
-          imageError: h.value,
+          imageError: g.value,
           videoLoaded: i.value,
           videoError: w.value,
           showNotFound: d.value,
           isLoading: p.value,
           mediaType: a.value
         })
-      ], 4)) : te("", !0),
-      V("div", oa, [
-        _(o.$slots, "default", {
+      ], 4)) : ae("", !0),
+      V("div", sa, [
+        X(o.$slots, "default", {
           item: o.item,
           remove: o.remove,
           imageLoaded: y.value,
-          imageError: h.value,
+          imageError: g.value,
           videoLoaded: i.value,
           videoError: w.value,
           showNotFound: d.value,
           isLoading: p.value,
           mediaType: a.value,
-          imageSrc: m.value,
+          imageSrc: h.value,
           videoSrc: b.value,
           showMedia: x.value
         }, () => [
-          V("div", ra, [
-            d.value ? (O(), R("div", ia, u[3] || (u[3] = [
+          V("div", ua, [
+            d.value ? (O(), R("div", ca, u[3] || (u[3] = [
               V("i", { class: "fas fa-search text-3xl mb-3 opacity-50" }, null, -1),
               V("span", { class: "font-medium" }, "Not Found", -1),
               V("span", { class: "text-xs mt-1 opacity-75" }, "This item could not be located", -1)
-            ]))) : (O(), R("div", sa, [
-              a.value === "image" && m.value ? (O(), R("img", {
+            ]))) : (O(), R("div", va, [
+              a.value === "image" && h.value ? (O(), R("img", {
                 key: 0,
-                src: m.value,
+                src: h.value,
                 class: re([
                   "w-full h-full object-cover transition-opacity duration-700 ease-in-out",
                   y.value && x.value ? "opacity-100" : "opacity-0"
@@ -1090,9 +1090,9 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
                 loading: "lazy",
                 decoding: "async",
                 alt: "",
-                onMouseenter: u[0] || (u[0] = (E) => T("image")),
+                onMouseenter: u[0] || (u[0] = (E) => M("image")),
                 onMouseleave: u[1] || (u[1] = (E) => P("image"))
-              }, null, 42, ua)) : te("", !0),
+              }, null, 42, fa)) : ae("", !0),
               a.value === "video" && b.value ? (O(), R("video", {
                 key: 1,
                 ref_key: "videoEl",
@@ -1108,38 +1108,38 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
                 playsinline: "",
                 autoplay: v.value && r.isActive,
                 controls: v.value,
-                onClick: je(I, ["stop"]),
-                onTouchend: je(I, ["stop", "prevent"]),
+                onClick: Ye(I, ["stop"]),
+                onTouchend: Ye(I, ["stop", "prevent"]),
                 onMouseenter: f,
                 onMouseleave: H,
                 onError: u[2] || (u[2] = (E) => w.value = !0)
-              }, null, 42, ca)) : te("", !0),
-              !y.value && !i.value && !h.value && !w.value ? (O(), R("div", {
+              }, null, 42, da)) : ae("", !0),
+              !y.value && !i.value && !g.value && !w.value ? (O(), R("div", {
                 key: 2,
                 class: re([
                   "absolute inset-0 bg-slate-100 flex items-center justify-center transition-opacity duration-500",
                   x.value ? "opacity-0 pointer-events-none" : "opacity-100"
                 ])
               }, [
-                V("div", va, [
-                  _(o.$slots, "placeholder-icon", { mediaType: a.value }, () => [
+                V("div", ha, [
+                  X(o.$slots, "placeholder-icon", { mediaType: a.value }, () => [
                     V("i", {
                       class: re(a.value === "video" ? "fas fa-video text-xl text-slate-400" : "fas fa-image text-xl text-slate-400")
                     }, null, 2)
                   ])
                 ])
-              ], 2)) : te("", !0),
-              p.value ? (O(), R("div", fa, u[4] || (u[4] = [
+              ], 2)) : ae("", !0),
+              p.value ? (O(), R("div", ma, u[4] || (u[4] = [
                 V("div", { class: "bg-white/90 backdrop-blur-sm rounded-full px-3 py-1.5 shadow-sm" }, [
                   V("div", { class: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" })
                 ], -1)
-              ]))) : te("", !0),
-              a.value === "image" && h.value || a.value === "video" && w.value ? (O(), R("div", da, [
+              ]))) : ae("", !0),
+              a.value === "image" && g.value || a.value === "video" && w.value ? (O(), R("div", ga, [
                 V("i", {
                   class: re(a.value === "video" ? "fas fa-video text-2xl mb-2 opacity-50" : "fas fa-image text-2xl mb-2 opacity-50")
                 }, null, 2),
-                V("span", null, "Failed to load " + $e(a.value), 1)
-              ])) : te("", !0)
+                V("span", null, "Failed to load " + Be(a.value), 1)
+              ])) : ae("", !0)
             ]))
           ])
         ])
@@ -1149,33 +1149,33 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
         class: "relative z-10",
         style: ge({ height: `${o.footerHeight}px` })
       }, [
-        _(o.$slots, "footer", {
+        X(o.$slots, "footer", {
           item: o.item,
           remove: o.remove,
           imageLoaded: y.value,
-          imageError: h.value,
+          imageError: g.value,
           videoLoaded: i.value,
           videoError: w.value,
           showNotFound: d.value,
           isLoading: p.value,
           mediaType: a.value
         })
-      ], 4)) : te("", !0)
+      ], 4)) : ae("", !0)
     ], 512));
   }
-}), ma = { class: "w-full h-full flex items-center justify-center p-4" }, ha = { class: "w-full h-full max-w-full max-h-full relative" }, ga = {
+}), pa = { class: "w-full h-full flex items-center justify-center p-4" }, ya = { class: "w-full h-full max-w-full max-h-full relative" }, wa = {
   key: 0,
   class: "w-full py-8 text-center"
-}, pa = {
+}, xa = {
   key: 1,
   class: "w-full py-8 text-center"
-}, ya = { class: "text-red-500 dark:text-red-400" }, wa = {
+}, ba = { class: "text-red-500 dark:text-red-400" }, Ma = {
   key: 0,
   class: "w-full py-8 text-center"
-}, xa = {
+}, Ta = {
   key: 1,
   class: "w-full py-8 text-center"
-}, ba = { class: "text-red-500 dark:text-red-400" }, Ma = /* @__PURE__ */ Ke({
+}, Ia = { class: "text-red-500 dark:text-red-400" }, Ea = /* @__PURE__ */ et({
   __name: "Masonry",
   props: {
     getNextPage: {
@@ -1312,7 +1312,7 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
       paddingLeft: 0,
       paddingRight: 0,
       placement: "masonry"
-    }, h = Q(() => {
+    }, g = Z(() => {
       var c;
       return {
         ...y,
@@ -1322,7 +1322,7 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
           ...((c = t.layout) == null ? void 0 : c.sizes) || {}
         }
       };
-    }), m = D(null), i = D(typeof window < "u" ? window.innerWidth : 1024), w = D(typeof window < "u" ? window.innerHeight : 768), b = D(null);
+    }), h = B(null), i = B(typeof window < "u" ? window.innerWidth : 1024), w = B(typeof window < "u" ? window.innerHeight : 768), b = B(null);
     let n = null;
     function p(c) {
       return {
@@ -1333,42 +1333,42 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
         "2xl": 1536
       }[c] || 768;
     }
-    const x = Q(() => {
+    const x = Z(() => {
       if (t.layoutMode === "masonry") return !1;
       if (t.layoutMode === "swipe") return !0;
       const c = typeof t.mobileBreakpoint == "string" ? p(t.mobileBreakpoint) : t.mobileBreakpoint;
       return i.value < c;
-    }), M = r, s = Q({
+    }), T = r, s = Z({
       get: () => t.items,
-      set: (c) => M("update:items", c)
-    }), g = D(7), a = D(null), d = D([]), v = D(null), T = D(!1), P = D(0), I = D(!1), f = D(null), H = Q(() => _t(i.value)), L = la({
+      set: (c) => T("update:items", c)
+    }), m = B(7), a = B(null), d = B([]), v = B(null), M = B(!1), P = B(0), I = B(!1), f = B(null), H = Z(() => Jt(i.value)), L = ia({
       masonry: s
-    }), { checkItemDimensions: k, reset: W } = L, o = aa({
+    }), { checkItemDimensions: k, reset: W } = L, o = oa({
       masonry: s,
       useSwipeMode: x,
       container: a,
-      columns: g,
+      columns: m,
       containerWidth: i,
       masonryContentHeight: P,
-      layout: h,
+      layout: g,
       fixedDimensions: b,
       checkItemDimensions: k
-    }), { refreshLayout: u, setFixedDimensions: E, onResize: $ } = o, C = na({
+    }), { refreshLayout: u, setFixedDimensions: E, onResize: $ } = o, C = ra({
       masonry: s,
       container: a,
-      columns: g,
+      columns: m,
       virtualBufferPx: t.virtualBufferPx,
       loadThresholdPx: t.loadThresholdPx,
       handleScroll: () => {
       }
       // Will be set after pagination is initialized
-    }), { viewportTop: F, viewportHeight: N, virtualizing: j, visibleMasonry: X, updateScrollProgress: z, updateViewport: Y, reset: G } = C, { onEnter: ne, onBeforeEnter: J, onBeforeLeave: ie, onLeave: Z } = Kt(
+    }), { viewportTop: A, viewportHeight: N, virtualizing: j, visibleMasonry: G, updateScrollProgress: D, updateViewport: Y, reset: J } = C, { onEnter: ne, onBeforeEnter: K, onBeforeLeave: ie, onLeave: ee } = ea(
       { container: a },
       { leaveDurationMs: t.leaveDurationMs, virtualizing: j }
-    ), at = ne, nt = J, lt = ie, ot = Z, rt = ea({
+    ), ot = ne, rt = K, it = ie, st = ee, ut = na({
       getNextPage: t.getNextPage,
       masonry: s,
-      isLoading: T,
+      isLoading: M,
       hasReachedEnd: I,
       loadError: f,
       currentPage: v,
@@ -1382,20 +1382,20 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
       backfillMaxCalls: t.backfillMaxCalls,
       pageSize: t.pageSize,
       autoRefreshOnEmpty: t.autoRefreshOnEmpty,
-      emits: M
-    }), { loadPage: Me, loadNext: pe, refreshCurrentPage: ze, cancelLoad: Te, maybeBackfillToTarget: it } = rt, K = Zt({
+      emits: T
+    }), { loadPage: Te, loadNext: pe, refreshCurrentPage: ze, cancelLoad: Ie, maybeBackfillToTarget: ct } = ut, Q = aa({
       useSwipeMode: x,
       masonry: s,
-      isLoading: T,
+      isLoading: M,
       loadNext: pe,
-      loadPage: Me,
+      loadPage: Te,
       paginationHistory: d
-    }), { handleScroll: st } = Qt({
+    }), { handleScroll: Fe } = ta({
       container: a,
       masonry: s,
-      columns: g,
+      columns: m,
       containerHeight: P,
-      isLoading: T,
+      isLoading: M,
       pageSize: t.pageSize,
       refreshLayout: u,
       setItemsRaw: (c) => {
@@ -1404,22 +1404,22 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
       loadNext: pe,
       loadThresholdPx: t.loadThresholdPx
     });
-    C.handleScroll.value = st;
-    const ut = ta({
+    C.handleScroll.value = Fe;
+    const vt = la({
       masonry: s,
       useSwipeMode: x,
       refreshLayout: u,
       refreshCurrentPage: ze,
       loadNext: pe,
-      maybeBackfillToTarget: it,
+      maybeBackfillToTarget: ct,
       autoRefreshOnEmpty: t.autoRefreshOnEmpty,
       paginationHistory: d
-    }), { remove: ce, removeMany: ct, restore: vt, restoreMany: ft, removeAll: dt } = ut;
-    function mt(c) {
-      E(c, z), !c && m.value && (i.value = m.value.clientWidth, w.value = m.value.clientHeight);
+    }), { remove: ce, removeMany: ft, restore: dt, restoreMany: ht, removeAll: mt } = vt;
+    function gt(c) {
+      E(c, D), !c && h.value && (i.value = h.value.clientWidth, w.value = h.value.clientHeight);
     }
     l({
-      isLoading: T,
+      isLoading: M,
       refreshLayout: u,
       // Container dimensions (wrapper element)
       containerWidth: i,
@@ -1433,138 +1433,144 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
       // Load error tracking
       loadError: f,
       // Set fixed dimensions (overrides ResizeObserver)
-      setFixedDimensions: mt,
+      setFixedDimensions: gt,
       remove: ce,
-      removeMany: ct,
-      removeAll: dt,
-      restore: vt,
-      restoreMany: ft,
+      removeMany: ft,
+      removeAll: mt,
+      restore: dt,
+      restoreMany: ht,
       loadNext: pe,
-      loadPage: Me,
+      loadPage: Te,
       refreshCurrentPage: ze,
-      reset: yt,
-      destroy: wt,
-      init: Ce,
+      reset: xt,
+      destroy: bt,
+      init: Ve,
       restoreItems: Le,
       paginationHistory: d,
-      cancelLoad: Te,
-      scrollToTop: ht,
-      scrollTo: gt,
-      totalItems: Q(() => s.value.length),
+      cancelLoad: Ie,
+      scrollToTop: pt,
+      scrollTo: yt,
+      totalItems: Z(() => s.value.length),
       currentBreakpoint: H
     });
-    const se = K.currentSwipeIndex, ve = K.swipeOffset, ye = K.isDragging, le = K.swipeContainer, Be = K.handleTouchStart, Fe = K.handleTouchMove, Ae = K.handleTouchEnd, We = K.handleMouseDown, Ie = K.handleMouseMove, Ee = K.handleMouseUp, ke = K.snapToCurrentItem;
-    function ht(c) {
+    const se = Q.currentSwipeIndex, ve = Q.swipeOffset, ye = Q.isDragging, le = Q.swipeContainer, Ae = Q.handleTouchStart, We = Q.handleTouchMove, Re = Q.handleTouchEnd, Oe = Q.handleMouseDown, Ee = Q.handleMouseMove, ke = Q.handleMouseUp, Pe = Q.snapToCurrentItem;
+    function pt(c) {
       a.value && a.value.scrollTo({
         top: 0,
         behavior: (c == null ? void 0 : c.behavior) ?? "smooth",
         ...c
       });
     }
-    function gt(c) {
+    function yt(c) {
       a.value && (a.value.scrollTo({
         top: c.top ?? a.value.scrollTop,
         left: c.left ?? a.value.scrollLeft,
         behavior: c.behavior ?? "auto"
-      }), a.value && (F.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight));
+      }), a.value && (A.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight));
     }
-    function pt() {
-      $(), a.value && (F.value = a.value.scrollTop, N.value = a.value.clientHeight);
+    function wt() {
+      $(), a.value && (A.value = a.value.scrollTop, N.value = a.value.clientHeight);
     }
-    function yt() {
-      Te(), a.value && a.value.scrollTo({
+    function xt() {
+      Ie(), a.value && a.value.scrollTo({
         top: 0,
         behavior: "smooth"
-      }), s.value = [], w.value = 0, v.value = t.loadAtPage, d.value = [t.loadAtPage], I.value = !1, f.value = null, G(), we = !1;
+      }), s.value = [], w.value = 0, v.value = t.loadAtPage, d.value = [t.loadAtPage], I.value = !1, f.value = null, J(), we = !1;
     }
-    function wt() {
-      Te(), s.value = [], P.value = 0, v.value = null, d.value = [], I.value = !1, f.value = null, T.value = !1, se.value = 0, ve.value = 0, ye.value = !1, G(), W(), a.value && a.value.scrollTo({
+    function bt() {
+      Ie(), s.value = [], P.value = 0, v.value = null, d.value = [], I.value = !1, f.value = null, M.value = !1, se.value = 0, ve.value = 0, ye.value = !1, J(), W(), a.value && a.value.scrollTo({
         top: 0,
         behavior: "auto"
         // Instant scroll for destroy
       });
     }
-    const oe = Ge(async () => {
+    const oe = Qe(async () => {
       x.value || await Y();
-    }, 200), Re = Ge(pt, 200);
-    function Oe() {
-      K.handleWindowResize();
+    }, 200), Ce = Qe(wt, 200);
+    function je() {
+      Q.handleWindowResize();
     }
-    function Ce(c, S, B) {
-      v.value = S, d.value = [S], d.value.push(B), I.value = B == null, k(c, "init"), x.value ? (s.value = [...s.value, ...c], se.value === 0 && s.value.length > 0 && (ve.value = 0)) : (u([...s.value, ...c]), a.value && (F.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight), q(() => {
-        a.value && (F.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight, z());
+    function Ve(c, S, z) {
+      v.value = S, d.value = [S], d.value.push(z), I.value = z == null, k(c, "init"), x.value ? (s.value = [...s.value, ...c], se.value === 0 && s.value.length > 0 && (ve.value = 0)) : (u([...s.value, ...c]), a.value && (A.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight), q(() => {
+        a.value && (A.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight, D());
       }));
     }
-    async function Le(c, S, B) {
+    async function Le(c, S, z) {
       if (!t.skipInitialLoad) {
-        Ce(c, S, B);
+        Ve(c, S, z);
         return;
       }
-      v.value = S, d.value = [S], B != null && d.value.push(B), I.value = B === null, f.value = null, k(c, "restoreItems"), x.value ? (s.value = c, se.value === 0 && s.value.length > 0 && (ve.value = 0)) : (u(c), a.value && (F.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight), await q(), a.value && (F.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight, z()));
+      if (v.value = S, d.value = [S], z != null && d.value.push(z), I.value = z === null, f.value = null, k(c, "restoreItems"), x.value)
+        s.value = c, se.value === 0 && s.value.length > 0 && (ve.value = 0);
+      else if (u(c), a.value && (A.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight), await q(), a.value) {
+        A.value = a.value.scrollTop, N.value = a.value.clientHeight || window.innerHeight, D(), await q();
+        const _ = be(s.value, m.value), F = _.length ? Math.max(..._) : 0, qe = a.value.scrollTop + a.value.clientHeight, Se = typeof t.loadThresholdPx == "number" ? t.loadThresholdPx : 200, Mt = Se >= 0 ? Math.max(0, F - Se) : Math.max(0, F + Se);
+        qe >= Mt && !I.value && !M.value && d.value.length > 0 && d.value[d.value.length - 1] != null && await Fe(_, !0);
+      }
     }
-    ee(
-      h,
+    te(
+      g,
       () => {
-        x.value || a.value && (g.value = ue(h.value, i.value), u(s.value));
+        x.value || a.value && (m.value = ue(g.value, i.value), u(s.value));
       },
       { deep: !0 }
-    ), ee(() => t.layoutMode, () => {
-      b.value && b.value.width !== void 0 ? i.value = b.value.width : m.value && (i.value = m.value.clientWidth);
-    }), ee(a, (c) => {
+    ), te(() => t.layoutMode, () => {
+      b.value && b.value.width !== void 0 ? i.value = b.value.width : h.value && (i.value = h.value.clientWidth);
+    }), te(a, (c) => {
       c && !x.value ? (c.removeEventListener("scroll", oe), c.addEventListener("scroll", oe, { passive: !0 })) : c && c.removeEventListener("scroll", oe);
     }, { immediate: !0 });
     let we = !1;
-    return ee(
+    return te(
       () => [t.items, t.skipInitialLoad, t.initialPage, t.initialNextPage],
-      ([c, S, B, ae]) => {
+      ([c, S, z, _]) => {
         if (S && c && c.length > 0 && !we) {
           we = !0;
-          const A = B ?? t.loadAtPage;
-          Le(c, A, ae !== void 0 ? ae : void 0);
+          const F = z ?? t.loadAtPage;
+          Le(c, F, _ !== void 0 ? _ : void 0);
         }
       },
       { immediate: !1 }
-    ), ee(x, (c, S) => {
+    ), te(x, (c, S) => {
       S === void 0 && c === !1 || q(() => {
-        c ? (document.addEventListener("mousemove", Ie), document.addEventListener("mouseup", Ee), a.value && a.value.removeEventListener("scroll", oe), se.value = 0, ve.value = 0, s.value.length > 0 && ke()) : (document.removeEventListener("mousemove", Ie), document.removeEventListener("mouseup", Ee), a.value && m.value && (b.value && b.value.width !== void 0 ? i.value = b.value.width : i.value = m.value.clientWidth, a.value.removeEventListener("scroll", oe), a.value.addEventListener("scroll", oe, { passive: !0 }), s.value.length > 0 && (g.value = ue(h.value, i.value), u(s.value), F.value = a.value.scrollTop, N.value = a.value.clientHeight, z())));
+        c ? (document.addEventListener("mousemove", Ee), document.addEventListener("mouseup", ke), a.value && a.value.removeEventListener("scroll", oe), se.value = 0, ve.value = 0, s.value.length > 0 && Pe()) : (document.removeEventListener("mousemove", Ee), document.removeEventListener("mouseup", ke), a.value && h.value && (b.value && b.value.width !== void 0 ? i.value = b.value.width : i.value = h.value.clientWidth, a.value.removeEventListener("scroll", oe), a.value.addEventListener("scroll", oe, { passive: !0 }), s.value.length > 0 && (m.value = ue(g.value, i.value), u(s.value), A.value = a.value.scrollTop, N.value = a.value.clientHeight, D())));
       });
-    }, { immediate: !0 }), ee(le, (c) => {
-      c && (c.addEventListener("touchstart", Be, { passive: !1 }), c.addEventListener("touchmove", Fe, { passive: !1 }), c.addEventListener("touchend", Ae), c.addEventListener("mousedown", We));
-    }), ee(() => s.value.length, (c, S) => {
-      x.value && c > 0 && S === 0 && (se.value = 0, q(() => ke()));
-    }), ee(m, (c) => {
+    }, { immediate: !0 }), te(le, (c) => {
+      c && (c.addEventListener("touchstart", Ae, { passive: !1 }), c.addEventListener("touchmove", We, { passive: !1 }), c.addEventListener("touchend", Re), c.addEventListener("mousedown", Oe));
+    }), te(() => s.value.length, (c, S) => {
+      x.value && c > 0 && S === 0 && (se.value = 0, q(() => Pe()));
+    }), te(h, (c) => {
       n && (n.disconnect(), n = null), c && typeof ResizeObserver < "u" ? (n = new ResizeObserver((S) => {
         if (!b.value)
-          for (const B of S) {
-            const ae = B.contentRect.width, A = B.contentRect.height;
-            i.value !== ae && (i.value = ae), w.value !== A && (w.value = A);
+          for (const z of S) {
+            const _ = z.contentRect.width, F = z.contentRect.height;
+            i.value !== _ && (i.value = _), w.value !== F && (w.value = F);
           }
       }), n.observe(c), b.value || (i.value = c.clientWidth, w.value = c.clientHeight)) : c && (b.value || (i.value = c.clientWidth, w.value = c.clientHeight));
-    }, { immediate: !0 }), ee(i, (c, S) => {
+    }, { immediate: !0 }), te(i, (c, S) => {
       c !== S && c > 0 && !x.value && a.value && s.value.length > 0 && q(() => {
-        g.value = ue(h.value, c), u(s.value), z();
+        m.value = ue(g.value, c), u(s.value), D();
       });
-    }), Qe(async () => {
+    }), tt(async () => {
       try {
-        await q(), m.value && !n && (i.value = m.value.clientWidth, w.value = m.value.clientHeight), x.value || (g.value = ue(h.value, i.value), a.value && (F.value = a.value.scrollTop, N.value = a.value.clientHeight));
+        await q(), h.value && !n && (i.value = h.value.clientWidth, w.value = h.value.clientHeight), x.value || (m.value = ue(g.value, i.value), a.value && (A.value = a.value.scrollTop, N.value = a.value.clientHeight));
         const c = t.loadAtPage;
         if (d.value = [c], !t.skipInitialLoad)
-          await Me(d.value[0]);
+          await Te(d.value[0]);
         else if (t.items && t.items.length > 0) {
-          const S = t.initialPage !== null && t.initialPage !== void 0 ? t.initialPage : t.loadAtPage, B = t.initialNextPage !== void 0 ? t.initialNextPage : void 0;
-          await Le(t.items, S, B), we = !0;
+          const S = t.initialPage !== null && t.initialPage !== void 0 ? t.initialPage : t.loadAtPage, z = t.initialNextPage !== void 0 ? t.initialNextPage : void 0;
+          await Le(t.items, S, z), we = !0;
         }
-        x.value ? q(() => ke()) : z();
+        x.value ? q(() => Pe()) : D();
       } catch (c) {
-        f.value || (console.error("Error during component initialization:", c), f.value = he(c)), T.value = !1;
+        f.value || (console.error("Error during component initialization:", c), f.value = me(c)), M.value = !1;
       }
-      window.addEventListener("resize", Re), window.addEventListener("resize", Oe);
-    }), Ze(() => {
+      window.addEventListener("resize", Ce), window.addEventListener("resize", je);
+    }), at(() => {
       var c;
-      n && (n.disconnect(), n = null), (c = a.value) == null || c.removeEventListener("scroll", oe), window.removeEventListener("resize", Re), window.removeEventListener("resize", Oe), le.value && (le.value.removeEventListener("touchstart", Be), le.value.removeEventListener("touchmove", Fe), le.value.removeEventListener("touchend", Ae), le.value.removeEventListener("mousedown", We)), document.removeEventListener("mousemove", Ie), document.removeEventListener("mouseup", Ee);
+      n && (n.disconnect(), n = null), (c = a.value) == null || c.removeEventListener("scroll", oe), window.removeEventListener("resize", Ce), window.removeEventListener("resize", je), le.value && (le.value.removeEventListener("touchstart", Ae), le.value.removeEventListener("touchmove", We), le.value.removeEventListener("touchend", Re), le.value.removeEventListener("mousedown", Oe)), document.removeEventListener("mousemove", Ee), document.removeEventListener("mouseup", ke);
     }), (c, S) => (O(), R("div", {
       ref_key: "wrapper",
-      ref: m,
+      ref: h,
       class: "w-full h-full flex flex-col relative"
     }, [
       x.value ? (O(), R("div", {
@@ -1582,38 +1588,38 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
             height: `${s.value.length * 100}%`
           })
         }, [
-          (O(!0), R(Ve, null, qe(s.value, (B, ae) => (O(), R("div", {
-            key: `${B.page}-${B.id}`,
+          (O(!0), R(Ue, null, _e(s.value, (z, _) => (O(), R("div", {
+            key: `${z.page}-${z.id}`,
             class: "absolute top-0 left-0 w-full",
             style: ge({
-              top: `${ae * (100 / s.value.length)}%`,
+              top: `${_ * (100 / s.value.length)}%`,
               height: `${100 / s.value.length}%`
             })
           }, [
-            V("div", ma, [
-              V("div", ha, [
-                _(c.$slots, "default", {
-                  item: B,
+            V("div", pa, [
+              V("div", ya, [
+                X(c.$slots, "default", {
+                  item: z,
                   remove: U(ce),
-                  index: B.originalIndex ?? s.value.indexOf(B)
+                  index: z.originalIndex ?? s.value.indexOf(z)
                 }, () => [
-                  Pe(be, {
-                    item: B,
+                  He(Me, {
+                    item: z,
                     remove: U(ce),
-                    "header-height": h.value.header,
-                    "footer-height": h.value.footer,
+                    "header-height": g.value.header,
+                    "footer-height": g.value.footer,
                     "in-swipe-mode": !0,
-                    "is-active": ae === U(se),
-                    "onPreload:success": S[0] || (S[0] = (A) => M("item:preload:success", A)),
-                    "onPreload:error": S[1] || (S[1] = (A) => M("item:preload:error", A)),
-                    onMouseEnter: S[2] || (S[2] = (A) => M("item:mouse-enter", A)),
-                    onMouseLeave: S[3] || (S[3] = (A) => M("item:mouse-leave", A))
+                    "is-active": _ === U(se),
+                    "onPreload:success": S[0] || (S[0] = (F) => T("item:preload:success", F)),
+                    "onPreload:error": S[1] || (S[1] = (F) => T("item:preload:error", F)),
+                    onMouseEnter: S[2] || (S[2] = (F) => T("item:mouse-enter", F)),
+                    onMouseLeave: S[3] || (S[3] = (F) => T("item:mouse-leave", F))
                   }, {
-                    header: fe((A) => [
-                      _(c.$slots, "item-header", de({ ref_for: !0 }, A), void 0, !0)
+                    header: fe((F) => [
+                      X(c.$slots, "item-header", de({ ref_for: !0 }, F), void 0, !0)
                     ]),
-                    footer: fe((A) => [
-                      _(c.$slots, "item-footer", de({ ref_for: !0 }, A), void 0, !0)
+                    footer: fe((F) => [
+                      X(c.$slots, "item-footer", de({ ref_for: !0 }, F), void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item", "remove", "header-height", "footer-height", "is-active"])
@@ -1622,16 +1628,16 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
             ])
           ], 4))), 128))
         ], 4),
-        I.value && s.value.length > 0 ? (O(), R("div", ga, [
-          _(c.$slots, "end-message", {}, () => [
+        I.value && s.value.length > 0 ? (O(), R("div", wa, [
+          X(c.$slots, "end-message", {}, () => [
             S[8] || (S[8] = V("p", { class: "text-gray-500 dark:text-gray-400" }, "You've reached the end", -1))
           ], !0)
-        ])) : te("", !0),
-        f.value && s.value.length > 0 ? (O(), R("div", pa, [
-          _(c.$slots, "error-message", { error: f.value }, () => [
-            V("p", ya, "Failed to load content: " + $e(f.value.message), 1)
+        ])) : ae("", !0),
+        f.value && s.value.length > 0 ? (O(), R("div", xa, [
+          X(c.$slots, "error-message", { error: f.value }, () => [
+            V("p", ba, "Failed to load content: " + Be(f.value.message), 1)
           ], !0)
-        ])) : te("", !0)
+        ])) : ae("", !0)
       ], 2)) : (O(), R("div", {
         key: 1,
         class: re(["overflow-auto w-full flex-1 masonry-container", { "force-motion": t.forceMotion }]),
@@ -1642,42 +1648,42 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
           class: "relative",
           style: ge({ height: `${P.value}px`, "--masonry-duration": `${e.transitionDurationMs}ms`, "--masonry-leave-duration": `${e.leaveDurationMs}ms`, "--masonry-ease": e.transitionEasing })
         }, [
-          Pe(xt, {
+          He(Tt, {
             name: "masonry",
             css: !1,
-            onEnter: U(at),
-            onBeforeEnter: U(nt),
-            onLeave: U(ot),
-            onBeforeLeave: U(lt)
+            onEnter: U(ot),
+            onBeforeEnter: U(rt),
+            onLeave: U(st),
+            onBeforeLeave: U(it)
           }, {
             default: fe(() => [
-              (O(!0), R(Ve, null, qe(U(X), (B, ae) => (O(), R("div", de({
-                key: `${B.page}-${B.id}`,
+              (O(!0), R(Ue, null, _e(U(G), (z, _) => (O(), R("div", de({
+                key: `${z.page}-${z.id}`,
                 class: "absolute masonry-item",
                 ref_for: !0
-              }, U(Jt)(B, ae)), [
-                _(c.$slots, "default", {
-                  item: B,
+              }, U(Zt)(z, _)), [
+                X(c.$slots, "default", {
+                  item: z,
                   remove: U(ce),
-                  index: B.originalIndex ?? s.value.indexOf(B)
+                  index: z.originalIndex ?? s.value.indexOf(z)
                 }, () => [
-                  Pe(be, {
-                    item: B,
+                  He(Me, {
+                    item: z,
                     remove: U(ce),
-                    "header-height": h.value.header,
-                    "footer-height": h.value.footer,
+                    "header-height": g.value.header,
+                    "footer-height": g.value.footer,
                     "in-swipe-mode": !1,
                     "is-active": !1,
-                    "onPreload:success": S[4] || (S[4] = (A) => M("item:preload:success", A)),
-                    "onPreload:error": S[5] || (S[5] = (A) => M("item:preload:error", A)),
-                    onMouseEnter: S[6] || (S[6] = (A) => M("item:mouse-enter", A)),
-                    onMouseLeave: S[7] || (S[7] = (A) => M("item:mouse-leave", A))
+                    "onPreload:success": S[4] || (S[4] = (F) => T("item:preload:success", F)),
+                    "onPreload:error": S[5] || (S[5] = (F) => T("item:preload:error", F)),
+                    onMouseEnter: S[6] || (S[6] = (F) => T("item:mouse-enter", F)),
+                    onMouseLeave: S[7] || (S[7] = (F) => T("item:mouse-leave", F))
                   }, {
-                    header: fe((A) => [
-                      _(c.$slots, "item-header", de({ ref_for: !0 }, A), void 0, !0)
+                    header: fe((F) => [
+                      X(c.$slots, "item-header", de({ ref_for: !0 }, F), void 0, !0)
                     ]),
-                    footer: fe((A) => [
-                      _(c.$slots, "item-footer", de({ ref_for: !0 }, A), void 0, !0)
+                    footer: fe((F) => [
+                      X(c.$slots, "item-footer", de({ ref_for: !0 }, F), void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item", "remove", "header-height", "footer-height"])
@@ -1687,31 +1693,31 @@ const oa = { class: "flex-1 relative min-h-0" }, ra = { class: "w-full h-full ro
             _: 3
           }, 8, ["onEnter", "onBeforeEnter", "onLeave", "onBeforeLeave"])
         ], 4),
-        I.value && s.value.length > 0 ? (O(), R("div", wa, [
-          _(c.$slots, "end-message", {}, () => [
+        I.value && s.value.length > 0 ? (O(), R("div", Ma, [
+          X(c.$slots, "end-message", {}, () => [
             S[9] || (S[9] = V("p", { class: "text-gray-500 dark:text-gray-400" }, "You've reached the end", -1))
           ], !0)
-        ])) : te("", !0),
-        f.value && s.value.length > 0 ? (O(), R("div", xa, [
-          _(c.$slots, "error-message", { error: f.value }, () => [
-            V("p", ba, "Failed to load content: " + $e(f.value.message), 1)
+        ])) : ae("", !0),
+        f.value && s.value.length > 0 ? (O(), R("div", Ta, [
+          X(c.$slots, "error-message", { error: f.value }, () => [
+            V("p", Ia, "Failed to load content: " + Be(f.value.message), 1)
           ], !0)
-        ])) : te("", !0)
+        ])) : ae("", !0)
       ], 2))
     ], 512));
   }
-}), Ta = (e, l) => {
+}), ka = (e, l) => {
   const r = e.__vccOpts || e;
   for (const [t, y] of l)
     r[t] = y;
   return r;
-}, Je = /* @__PURE__ */ Ta(Ma, [["__scopeId", "data-v-c6a3147d"]]), ka = {
+}, Ze = /* @__PURE__ */ ka(Ea, [["__scopeId", "data-v-2c2a4c76"]]), Ha = {
   install(e) {
-    e.component("WyxosMasonry", Je), e.component("WMasonry", Je), e.component("WyxosMasonryItem", be), e.component("WMasonryItem", be);
+    e.component("WyxosMasonry", Ze), e.component("WMasonry", Ze), e.component("WyxosMasonryItem", Me), e.component("WMasonryItem", Me);
   }
 };
 export {
-  Je as Masonry,
-  be as MasonryItem,
-  ka as default
+  Ze as Masonry,
+  Me as MasonryItem,
+  Ha as default
 };