@wyxos/vibe 1.6.22 → 1.6.24

package/lib/index.js

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