@wyxos/vibe 1.6.28 → 1.6.29

package/lib/index.js

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