@wyxos/vibe 1.6.20 → 1.6.22

package/lib/index.js

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