@peeekpage/viewer 0.4.7 → 0.4.9

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as o, Fragment as Qe } from "react/jsx-runtime";
+import { jsxs as y, jsx as r, Fragment as Qe } from "react/jsx-runtime";
 import { useState as v, useRef as E, useEffect as C, useCallback as L, useMemo as et } from "react";
 const tt = /* @__PURE__ */ new Set(["http:", "https:"]);
 function G(t) {
@@ -20,13 +20,13 @@ function de(t) {
   const e = t.trim();
   return nt.test(e) || at.test(e) ? e : null;
 }
-const ot = /url\(|image\(|image-set\(|element\(|expression|@|\/\*|;|\{|\}|<|>|\\/i, rt = /^(repeating-)?(linear|radial|conic)-gradient\([a-z0-9#.,%()\/\s-]*\)$/i, lt = /^hsla?\([a-z0-9.,%\/\s-]*\)$/i;
+const rt = /url\(|image\(|image-set\(|element\(|expression|@|\/\*|;|\{|\}|<|>|\\/i, ot = /^(repeating-)?(linear|radial|conic)-gradient\([a-z0-9#.,%()\/\s-]*\)$/i, lt = /^hsla?\([a-z0-9.,%\/\s-]*\)$/i;
 function it(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
-  if (e === "" || ot.test(e)) return null;
+  if (e === "" || rt.test(e)) return null;
   const n = de(e);
-  return n !== null ? n : lt.test(e) || rt.test(e) ? e : null;
+  return n !== null ? n : lt.test(e) || ot.test(e) ? e : null;
 }
 const st = ["en", "pt-BR"], Ne = {
   prev: "Previous page",
@@ -137,21 +137,21 @@ function mt(t) {
   const i = [];
   for (const g of e.pages) {
     if (g === null || typeof g != "object") continue;
-    const c = G(g.url);
-    c && i.push(c);
+    const u = G(g.url);
+    u && i.push(u);
   }
   if (i.length === 0)
     return { ok: !1, error: "manifest has no usable pages" };
-  const d = e.status === "wip" ? "wip" : "done", _ = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, h = {
-    fileId: Q(_.file_id),
-    filename: Q(_.filename),
-    creationDate: Q(_.creation_date),
-    fileSize: Q(_.file_size),
-    mimeType: Q(_.mime_type)
+  const d = e.status === "wip" ? "wip" : "done", h = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, k = {
+    fileId: Q(h.file_id),
+    filename: Q(h.filename),
+    creationDate: Q(h.creation_date),
+    fileSize: Q(h.file_size),
+    mimeType: Q(h.mime_type)
   };
   return {
     ok: !0,
-    value: { status: d, totalPages: a, pages: i, metadata: h }
+    value: { status: d, totalPages: a, pages: i, metadata: k }
   };
 }
 function pt(t, e) {
@@ -175,35 +175,35 @@ function pt(t, e) {
   };
 }
 function bt(t, e) {
-  const [n, a] = v("loading"), [i, d] = v(null), [_, h] = v(null), g = E(null);
+  const [n, a] = v("loading"), [i, d] = v(null), [h, k] = v(null), g = E(null);
   return C(() => {
-    let c = !1;
-    if (a("loading"), d(null), h(null), !t) return;
+    let u = !1;
+    if (a("loading"), d(null), k(null), !t) return;
     const w = () => {
       g.current !== null && (clearTimeout(g.current), g.current = null);
-    }, k = async () => {
+    }, _ = async () => {
       let f;
       try {
         const l = await fetch(t);
         if (!l.ok) throw new Error(`HTTP ${l.status}`);
         f = await l.json();
       } catch (l) {
-        if (c) return;
-        h(l instanceof Error ? l.message : "fetch failed"), a("error");
+        if (u) return;
+        k(l instanceof Error ? l.message : "fetch failed"), a("error");
         return;
       }
-      if (c) return;
-      const u = mt(f);
-      if (!u.ok) {
-        h(u.error), a("error");
+      if (u) return;
+      const s = mt(f);
+      if (!s.ok) {
+        k(s.error), a("error");
         return;
       }
-      d(u.value), a("ready"), u.value.status === "wip" && (g.current = setTimeout(k, e));
+      d(s.value), a("ready"), s.value.status === "wip" && (g.current = setTimeout(_, e));
     };
-    return k(), () => {
-      c = !0, w();
+    return _(), () => {
+      u = !0, w();
     };
-  }, [t, e]), { state: n, manifest: i, error: _ };
+  }, [t, e]), { state: n, manifest: i, error: h };
 }
 function ht(t) {
   const [e, n] = v(!1);
@@ -272,23 +272,23 @@ function Ie(t, e) {
   const a = Number(n);
   return Number.isFinite(a) ? Math.max(1, Math.min(e, a)) - 1 : null;
 }
-const _t = 640;
-function kt(t, e) {
+const kt = 640;
+function _t(t, e) {
   const [n, a] = v("auto"), [i, d] = v(null);
   C(() => {
-    const c = t.current;
-    if (!c || (c.clientWidth > 0 && d(c.clientWidth), typeof ResizeObserver > "u")) return;
-    const w = new ResizeObserver((k) => {
-      var u;
-      const f = (u = k[0]) == null ? void 0 : u.contentRect.width;
+    const u = t.current;
+    if (!u || (u.clientWidth > 0 && d(u.clientWidth), typeof ResizeObserver > "u")) return;
+    const w = new ResizeObserver((_) => {
+      var s;
+      const f = (s = _[0]) == null ? void 0 : s.contentRect.width;
       typeof f == "number" && f > 0 && d(f);
     });
-    return w.observe(c), () => w.disconnect();
+    return w.observe(u), () => w.disconnect();
   }, [t]);
-  const _ = i != null && i < _t ? "single" : e, h = n === "auto" ? _ : n, g = L(() => {
-    a(h === "single" ? "double" : "single");
-  }, [h]);
-  return { layout: h, toggle: g };
+  const h = i != null && i < kt ? "single" : e, k = n === "auto" ? h : n, g = L(() => {
+    a(k === "single" ? "double" : "single");
+  }, [k]);
+  return { layout: k, toggle: g };
 }
 function me(t, e) {
   return t <= 0 ? 0 : e === "single" ? t : 1 + Math.ceil((t - 1) / 2);
@@ -296,7 +296,7 @@ function me(t, e) {
 function yt(t, e) {
   return e === "single" ? t : t <= 0 ? 0 : Math.floor((t - 1) / 2) + 1;
 }
-function oe(t, e, n) {
+function re(t, e, n) {
   if (e <= 0) return { left: -1, right: -1 };
   if (n === "single")
     return { left: -1, right: t >= 0 && t < e ? t : -1 };
@@ -306,7 +306,7 @@ function oe(t, e, n) {
   return { left: a < e ? a : -1, right: i < e ? i : -1 };
 }
 function ge(t, e, n) {
-  const { left: a, right: i } = oe(t, e, n), d = [];
+  const { left: a, right: i } = re(t, e, n), d = [];
   return a >= 0 && d.push(a), i >= 0 && d.push(i), d;
 }
 function ne(t, e, n) {
@@ -320,14 +320,14 @@ function vt(t) {
     progress: a,
     zoom: i,
     minZoom: d,
-    maxZoom: _,
-    total: h,
+    maxZoom: h,
+    total: k,
     currentPage: g,
-    layout: c,
+    layout: u,
     thumbsOpen: w,
-    isFullscreen: k,
+    isFullscreen: _,
     downloadUrl: f,
-    show: u,
+    show: s,
     onZoomIn: l,
     onZoomOut: D,
     onZoomSet: O,
@@ -337,20 +337,20 @@ function vt(t) {
     onToggleThumbs: A,
     onToggleFullscreen: Z,
     onAbout: j
-  } = t, [M, $] = v(String(g));
-  C(() => $(String(g)), [g]);
+  } = t, [M, z] = v(String(g));
+  C(() => z(String(g)), [g]);
   const B = () => {
-    const P = Ie(M, h);
+    const P = Ie(M, k);
     if (P === null) {
-      $(String(g));
+      z(String(g));
       return;
     }
-    F(P), $(String(P + 1));
+    F(P), z(String(P + 1));
   };
   return /* @__PURE__ */ y("div", { className: "peeek__toolbar", children: [
-    /* @__PURE__ */ o("span", { className: "peeek__label", children: n }),
-    u.bar && /* @__PURE__ */ o("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ o("div", { className: "peeek__scrubber-fill", style: { width: `${a}%` } }) }),
-    u.goto && /* @__PURE__ */ o(
+    !s.goto && /* @__PURE__ */ r("span", { className: "peeek__label", children: n }),
+    s.bar && /* @__PURE__ */ r("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ r("div", { className: "peeek__scrubber-fill", style: { width: `${a}%` } }) }),
+    s.goto && /* @__PURE__ */ r(
       "input",
       {
         className: "peeek__goto",
@@ -358,14 +358,14 @@ function vt(t) {
         inputMode: "numeric",
         "aria-label": e.goToPage,
         value: M,
-        onChange: (P) => $(P.target.value),
+        onChange: (P) => z(P.target.value),
         onBlur: B,
         onKeyDown: (P) => {
           P.key === "Enter" && (P.preventDefault(), B());
         }
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -376,30 +376,30 @@ function vt(t) {
         children: "−"
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(
       "input",
       {
         type: "range",
         "aria-label": e.zoom,
         min: d,
-        max: _,
+        max: h,
         step: 0.25,
         value: i,
         onChange: (P) => O(Number(P.target.value))
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: "peeek__btn",
         "aria-label": e.zoomIn,
-        disabled: i >= _,
+        disabled: i >= h,
         onClick: l,
         children: "+"
       }
     ),
-    u.rotate && /* @__PURE__ */ o(
+    s.rotate && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -409,18 +409,18 @@ function vt(t) {
         children: "⟳"
       }
     ),
-    u.layoutToggle && /* @__PURE__ */ o(
+    s.layoutToggle && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: "peeek__btn",
-        "aria-label": c === "single" ? e.doublePage : e.singlePage,
-        "aria-pressed": c === "double",
+        "aria-label": u === "single" ? e.doublePage : e.singlePage,
+        "aria-pressed": u === "double",
         onClick: x,
-        children: c === "single" ? "▭" : "▥"
+        children: u === "single" ? "▭" : "▥"
       }
     ),
-    u.thumbnails && /* @__PURE__ */ o(
+    s.thumbnails && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -431,7 +431,7 @@ function vt(t) {
         children: "▦"
       }
     ),
-    f && /* @__PURE__ */ o(
+    f && /* @__PURE__ */ r(
       "a",
       {
         className: "peeek__btn",
@@ -443,18 +443,18 @@ function vt(t) {
         children: "↓"
       }
     ),
-    u.fullscreen && /* @__PURE__ */ o(
+    s.fullscreen && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: `peeek__btn${k ? " peeek__btn--active" : ""}`,
+        className: `peeek__btn${_ ? " peeek__btn--active" : ""}`,
         "aria-label": e.fullscreen,
-        "aria-pressed": k,
+        "aria-pressed": _,
         onClick: Z,
         children: "⛶"
       }
     ),
-    u.about && /* @__PURE__ */ o(
+    s.about && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -467,27 +467,27 @@ function vt(t) {
   ] });
 }
 function wt({ pages: t, layout: e, rtl: n, activePages: a, onJump: i }) {
-  const d = t.length, _ = new Set(a), h = me(d, e);
-  return /* @__PURE__ */ o("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: h }, (g, c) => {
-    const w = ge(c, d, e), k = w.length === 2;
+  const d = t.length, h = new Set(a), k = me(d, e);
+  return /* @__PURE__ */ r("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: k }, (g, u) => {
+    const w = ge(u, d, e), _ = w.length === 2;
     return /* @__PURE__ */ y("div", { className: "peeek__thumb-group", children: [
-      w.map((f, u) => {
+      w.map((f, s) => {
         let l = "";
-        return k && (l = (n ? u === 1 : u === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ o(
+        return _ && (l = (n ? s === 1 : s === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             "aria-label": `Go to page ${f + 1}`,
-            "aria-current": _.has(f),
-            className: `peeek__thumb${_.has(f) ? " peeek__thumb--active" : ""}${l}`,
+            "aria-current": h.has(f),
+            className: `peeek__thumb${h.has(f) ? " peeek__thumb--active" : ""}${l}`,
             onClick: () => i(f),
-            children: /* @__PURE__ */ o("img", { src: t[f], alt: "", loading: "lazy", referrerPolicy: "no-referrer" })
+            children: /* @__PURE__ */ r("img", { src: t[f], alt: "", loading: "lazy", referrerPolicy: "no-referrer" })
           },
           f
         );
       }),
-      /* @__PURE__ */ o("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: w.map((f) => f + 1).join("-") })
-    ] }, c);
+      /* @__PURE__ */ r("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: w.map((f) => f + 1).join("-") })
+    ] }, u);
   }) });
 }
 const ee = 1, ae = 4, Te = 0.5;
@@ -498,100 +498,100 @@ function Tt(t) {
     layout: a,
     rtl: i,
     pageShadows: d,
-    animateInteractions: _,
-    autoTransition: h,
+    animateInteractions: h,
+    autoTransition: k,
     autoTransitionInterval: g,
-    show: c,
+    show: u,
     downloadUrl: w,
-    isFullscreen: k,
+    isFullscreen: _,
     onToggleFullscreen: f,
-    onAbout: u
-  } = t, l = e.length, O = Ce() || !_, [F, R] = v(0), [x, A] = v(1), [Z, j] = v(!1), [M, $] = v({ x: 0, y: 0 }), [B, P] = v(!1), [X, m] = v(0), p = E(null), S = E(null), { layout: b, toggle: K } = kt(S, a), re = me(l, b), [T, le] = v(null), [xe, pe] = v(!1), ie = E(null), [be, Se] = v(0.707);
+    onAbout: s
+  } = t, l = e.length, O = Ce() || !h, [F, R] = v(0), [x, A] = v(1), [Z, j] = v(!1), [M, z] = v({ x: 0, y: 0 }), [B, P] = v(!1), [X, m] = v(0), p = E(null), S = E(null), { layout: b, toggle: K } = _t(S, a), oe = me(l, b), [T, le] = v(null), [xe, pe] = v(!1), ie = E(null), [be, Se] = v(0.707);
   C(() => {
     if (!e[0]) return;
-    const r = new globalThis.Image();
-    r.onload = () => {
-      r.naturalWidth && r.naturalHeight && Se(r.naturalWidth / r.naturalHeight);
-    }, r.src = e[0];
+    const o = new globalThis.Image();
+    o.onload = () => {
+      o.naturalWidth && o.naturalHeight && Se(o.naturalWidth / o.naturalHeight);
+    }, o.src = e[0];
   }, [e]);
-  const z = ne(F, l, b), ze = z <= 0, se = z >= re - 1, he = E(/* @__PURE__ */ new Set());
+  const $ = ne(F, l, b), $e = $ <= 0, se = $ >= oe - 1, he = E(/* @__PURE__ */ new Set());
   C(() => {
-    const r = [z - 1, z + 1, z + 2].map((s) => ne(s, l, b)).flatMap((s) => ge(s, l, b)).filter((s) => s >= 0);
-    for (const s of r) {
-      const N = e[s];
+    const o = [$ - 1, $ + 1, $ + 2].map((c) => ne(c, l, b)).flatMap((c) => ge(c, l, b)).filter((c) => c >= 0);
+    for (const c of o) {
+      const N = e[c];
       if (!N || he.current.has(N)) continue;
       he.current.add(N);
       const q = new globalThis.Image();
       q.src = N;
     }
-  }, [z, l, b, e]);
+  }, [$, l, b, e]);
   const W = L(
-    (r) => {
-      T || R((s) => {
-        const N = ne(s + r, l, b);
-        return N === s ? s : O ? N : (le({ dir: r, to: N }), s);
+    (o) => {
+      T || R((c) => {
+        const N = ne(c + o, l, b);
+        return N === c ? c : O ? N : (le({ dir: o, to: N }), c);
       });
     },
     [l, b, O, T]
-  ), $e = L((r) => {
-    r.target === ie.current && (r.propertyName && r.propertyName !== "transform" || le((s) => s && (R(s.to), pe(!0), requestAnimationFrame(
+  ), ze = L((o) => {
+    o.target === ie.current && (o.propertyName && o.propertyName !== "transform" || le((c) => c && (R(c.to), pe(!0), requestAnimationFrame(
       () => requestAnimationFrame(() => {
         le(null), pe(!1);
       })
-    ), s)));
+    ), c)));
   }, []);
   C(() => {
     if (!T) return;
-    const r = ie.current;
-    if (!r) return;
-    r.style.transform = "rotateY(0deg)";
-    let s = 0;
+    const o = ie.current;
+    if (!o) return;
+    o.style.transform = "rotateY(0deg)";
+    let c = 0;
     const N = requestAnimationFrame(() => {
-      s = requestAnimationFrame(() => {
-        r.style.transform = `rotateY(${T.dir === 1 ? -180 : 180}deg)`;
+      c = requestAnimationFrame(() => {
+        o.style.transform = `rotateY(${T.dir === 1 ? -180 : 180}deg)`;
       });
     });
     return () => {
-      cancelAnimationFrame(N), cancelAnimationFrame(s);
+      cancelAnimationFrame(N), cancelAnimationFrame(c);
     };
   }, [T]);
   const ce = L(
-    (r) => {
-      R(ne(yt(r, b), l, b));
+    (o) => {
+      R(ne(yt(o, b), l, b));
     },
     [l, b]
   ), { onKeyDown: Ae } = Pe({ go: W, jump: ce, total: l, rtl: i });
   C(() => {
-    if (!h || se) return;
-    const r = setTimeout(() => W(1), g);
-    return () => clearTimeout(r);
-  }, [h, g, se, z, W]);
-  const Fe = () => A((r) => Math.min(ae, r + Te)), Me = () => A((r) => Math.max(ee, r - Te)), Ee = () => {
-    T || A((r) => r > ee ? ee : ae);
-  }, Le = () => m((r) => (r + 90) % 360), De = X === 90 || X === 270 ? be : 1, ue = L((r, s, N) => {
+    if (!k || se) return;
+    const o = setTimeout(() => W(1), g);
+    return () => clearTimeout(o);
+  }, [k, g, se, $, W]);
+  const Fe = () => A((o) => Math.min(ae, o + Te)), Me = () => A((o) => Math.max(ee, o - Te)), Ee = () => {
+    T || A((o) => o > ee ? ee : ae);
+  }, Le = () => m((o) => (o + 90) % 360), De = X === 90 || X === 270 ? be : 1, ue = L((o, c, N) => {
     const q = S.current;
     if (!q || N <= 1) return { x: 0, y: 0 };
     const ye = (N - 1) * q.clientWidth / 2, ve = (N - 1) * q.clientHeight / 2;
-    return { x: Math.max(-ye, Math.min(ye, r)), y: Math.max(-ve, Math.min(ve, s)) };
+    return { x: Math.max(-ye, Math.min(ye, o)), y: Math.max(-ve, Math.min(ve, c)) };
   }, []);
-  C(() => $((r) => ue(r.x, r.y, x)), [x, ue]), C(() => $({ x: 0, y: 0 }), [z]);
-  const Oe = (r) => {
-    var s, N;
-    x <= 1 || (p.current = { x: r.clientX, y: r.clientY, px: M.x, py: M.y }, P(!0), (N = (s = r.currentTarget).setPointerCapture) == null || N.call(s, r.pointerId));
-  }, Re = (r) => {
-    const s = p.current;
-    s && $(ue(s.px + (r.clientX - s.x), s.py + (r.clientY - s.y), x));
-  }, _e = (r) => {
+  C(() => z((o) => ue(o.x, o.y, x)), [x, ue]), C(() => z({ x: 0, y: 0 }), [$]);
+  const Oe = (o) => {
+    var c, N;
+    x <= 1 || (p.current = { x: o.clientX, y: o.clientY, px: M.x, py: M.y }, P(!0), (N = (c = o.currentTarget).setPointerCapture) == null || N.call(c, o.pointerId));
+  }, Re = (o) => {
+    const c = p.current;
+    c && z(ue(c.px + (o.clientX - c.x), c.py + (o.clientY - c.y), x));
+  }, ke = (o) => {
     if (p.current) {
       p.current = null, P(!1);
       try {
-        r.currentTarget.releasePointerCapture(r.pointerId);
+        o.currentTarget.releasePointerCapture(o.pointerId);
       } catch {
       }
     }
-  }, Y = ge(z, l, b), te = Y[0] ?? 0, Be = b === "double" && Y.length === 2 ? `${Y[0] + 1} - ${Y[1] + 1} / ${l}` : `${te + 1} / ${l}`, Ue = re <= 1 ? 100 : z / (re - 1) * 100, Ze = n.prev, He = n.next, Ge = T ? T.to : z, H = oe(Ge, l, b), je = H.left < 0 && H.right >= 0, Ve = H.left >= 0 && H.right < 0, Xe = H.left >= 0 && H.right >= 0, Ke = je ? "-25%" : Ve ? "25%" : "0%", U = oe(z, l, b), V = T ? oe(T.to, l, b) : U, We = T ? T.dir === 1 ? U.right >= 0 ? U.right : U.left : U.left >= 0 ? U.left : U.right : te, Ye = T ? T.dir === 1 ? V.left >= 0 ? V.left : V.right : V.right >= 0 ? V.right : V.left : te, qe = T ? T.dir === 1 ? "left" : "right" : null, ke = (r) => r === qe && !xe ? U[r] : H[r], Je = [
-    ["left", ke("left")],
-    ["right", ke("right")]
+  }, Y = ge($, l, b), te = Y[0] ?? 0, Be = b === "double" && Y.length === 2 ? `${Y[0] + 1} - ${Y[1] + 1} / ${l}` : `${te + 1} / ${l}`, Ue = oe <= 1 ? 100 : $ / (oe - 1) * 100, Ze = n.prev, He = n.next, Ge = T ? T.to : $, H = re(Ge, l, b), je = H.left < 0 && H.right >= 0, Ve = H.left >= 0 && H.right < 0, Xe = H.left >= 0 && H.right >= 0, Ke = je ? "-25%" : Ve ? "25%" : "0%", U = re($, l, b), V = T ? re(T.to, l, b) : U, We = T ? T.dir === 1 ? U.right >= 0 ? U.right : U.left : U.left >= 0 ? U.left : U.right : te, Ye = T ? T.dir === 1 ? V.left >= 0 ? V.left : V.right : V.right >= 0 ? V.right : V.left : te, qe = T ? T.dir === 1 ? "left" : "right" : null, _e = (o) => o === qe && !xe ? U[o] : H[o], Je = [
+    ["left", _e("left")],
+    ["right", _e("right")]
   ];
   return /* @__PURE__ */ y(Qe, { children: [
     /* @__PURE__ */ y(
@@ -604,18 +604,18 @@ function Tt(t) {
         onKeyDown: Ae,
         style: { "--peeek-aspect": `${be}` },
         children: [
-          c.arrows && /* @__PURE__ */ o(
+          u.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--prev",
               "aria-label": Ze,
-              disabled: ze,
+              disabled: $e,
               onClick: () => W(-1),
               children: "‹"
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             "div",
             {
               className: `peeek__zoom${x > 1 ? " peeek__zoom--pannable" : ""}`,
@@ -626,32 +626,32 @@ function Tt(t) {
               onDoubleClick: Ee,
               onPointerDown: Oe,
               onPointerMove: Re,
-              onPointerUp: _e,
-              onPointerCancel: _e,
+              onPointerUp: ke,
+              onPointerCancel: ke,
               children: /* @__PURE__ */ y(
                 "div",
                 {
                   className: `peeek__spread${d ? " peeek--shadows" : ""}${Xe ? " peeek__spread--pair" : ""}`,
                   style: { transform: `translateX(${Ke})` },
                   children: [
-                    Je.map(([r, s]) => {
-                      const N = s >= 0 && c.fullscreen && !k && !T && x === 1;
-                      return /* @__PURE__ */ o(
+                    Je.map(([o, c]) => {
+                      const N = c >= 0 && u.fullscreen && !_ && !T && x === 1;
+                      return /* @__PURE__ */ r(
                         "div",
                         {
-                          className: `peeek__page peeek__page--${r}${s < 0 ? " peeek__page--empty" : ""}`,
-                          children: s >= 0 && (N ? /* @__PURE__ */ o(
+                          className: `peeek__page peeek__page--${o}${c < 0 ? " peeek__page--empty" : ""}`,
+                          children: c >= 0 && (N ? /* @__PURE__ */ r(
                             "button",
                             {
                               type: "button",
                               className: "peeek__page-btn",
                               "aria-label": n.openFullscreen,
                               onClick: f,
-                              children: /* @__PURE__ */ o("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" })
+                              children: /* @__PURE__ */ r("img", { src: e[c], alt: `Page ${c + 1}`, referrerPolicy: "no-referrer" })
                             }
-                          ) : /* @__PURE__ */ o("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" }))
+                          ) : /* @__PURE__ */ r("img", { src: e[c], alt: `Page ${c + 1}`, referrerPolicy: "no-referrer" }))
                         },
-                        r
+                        o
                       );
                     }),
                     T && /* @__PURE__ */ y(
@@ -659,10 +659,10 @@ function Tt(t) {
                       {
                         ref: ie,
                         className: `peeek__leaf peeek__leaf--${T.dir === 1 ? "fwd" : "back"}`,
-                        onTransitionEnd: $e,
+                        onTransitionEnd: ze,
                         children: [
-                          /* @__PURE__ */ o("div", { className: "peeek__leaf-face peeek__leaf-face--front", children: /* @__PURE__ */ o("img", { src: e[We], alt: "", referrerPolicy: "no-referrer" }) }),
-                          /* @__PURE__ */ o("div", { className: "peeek__leaf-face peeek__leaf-face--back", children: /* @__PURE__ */ o("img", { src: e[Ye], alt: "", referrerPolicy: "no-referrer" }) })
+                          /* @__PURE__ */ r("div", { className: "peeek__leaf-face peeek__leaf-face--front", children: /* @__PURE__ */ r("img", { src: e[We], alt: "", referrerPolicy: "no-referrer" }) }),
+                          /* @__PURE__ */ r("div", { className: "peeek__leaf-face peeek__leaf-face--back", children: /* @__PURE__ */ r("img", { src: e[Ye], alt: "", referrerPolicy: "no-referrer" }) })
                         ]
                       }
                     )
@@ -671,7 +671,7 @@ function Tt(t) {
               )
             }
           ),
-          c.arrows && /* @__PURE__ */ o(
+          u.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -685,7 +685,7 @@ function Tt(t) {
         ]
       }
     ),
-    c.toolbar && /* @__PURE__ */ o(
+    u.toolbar && /* @__PURE__ */ r(
       vt,
       {
         strings: n,
@@ -698,29 +698,29 @@ function Tt(t) {
         currentPage: te + 1,
         layout: b,
         thumbsOpen: Z,
-        isFullscreen: k,
+        isFullscreen: _,
         downloadUrl: w,
         show: {
-          bar: c.bar,
-          fullscreen: c.fullscreen,
-          thumbnails: c.thumbnails && c.overview,
-          about: c.about,
-          goto: c.goto,
-          rotate: c.rotate,
-          layoutToggle: c.layoutToggle
+          bar: u.bar,
+          fullscreen: u.fullscreen,
+          thumbnails: u.thumbnails && u.overview,
+          about: u.about,
+          goto: u.goto,
+          rotate: u.rotate,
+          layoutToggle: u.layoutToggle
         },
         onZoomIn: Fe,
         onZoomOut: Me,
-        onZoomSet: (r) => A(Math.min(ae, Math.max(ee, r))),
+        onZoomSet: (o) => A(Math.min(ae, Math.max(ee, o))),
         onJump: ce,
         onRotate: Le,
         onToggleLayout: K,
-        onToggleThumbs: () => j((r) => !r),
+        onToggleThumbs: () => j((o) => !o),
         onToggleFullscreen: f,
-        onAbout: u
+        onAbout: s
       }
     ),
-    c.overview && Z && /* @__PURE__ */ o(wt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: ce })
+    u.overview && Z && /* @__PURE__ */ r(wt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: ce })
   ] });
 }
 function Nt(t, e) {
@@ -747,42 +747,42 @@ function Pt(t) {
     filename: a,
     mimeType: i,
     rtl: d,
-    autoTransition: _,
-    autoTransitionInterval: h,
+    autoTransition: h,
+    autoTransitionInterval: k,
     downloadUrl: g,
-    isFullscreen: c,
+    isFullscreen: u,
     onToggleFullscreen: w,
-    onAbout: k,
+    onAbout: _,
     show: f
-  } = t, u = e.length, [l, D] = v(0), O = Ce(), F = L(
-    (m) => D((p) => Math.max(0, Math.min(u - 1, p + m))),
-    [u]
+  } = t, s = e.length, [l, D] = v(0), O = Ce(), F = L(
+    (m) => D((p) => Math.max(0, Math.min(s - 1, p + m))),
+    [s]
   ), R = L(
-    (m) => D(Math.max(0, Math.min(u - 1, m))),
-    [u]
-  ), x = l <= 0, A = l >= u - 1, Z = E(/* @__PURE__ */ new Set());
+    (m) => D(Math.max(0, Math.min(s - 1, m))),
+    [s]
+  ), x = l <= 0, A = l >= s - 1, Z = E(/* @__PURE__ */ new Set());
   C(() => {
     for (const m of [l - 2, l - 1, l + 1, l + 2]) {
-      const p = m >= 0 && m < u ? e[m] : void 0;
+      const p = m >= 0 && m < s ? e[m] : void 0;
       if (!p || Z.current.has(p)) continue;
       Z.current.add(p);
       const S = new globalThis.Image();
       S.src = p;
     }
-  }, [l, u, e]);
+  }, [l, s, e]);
   const j = E([]);
   C(() => {
     var m, p;
     (p = (m = j.current[l]) == null ? void 0 : m.scrollIntoView) == null || p.call(m, { behavior: "smooth", inline: "center", block: "nearest" });
   }, [l]), C(() => {
-    if (!_ || O || A) return;
-    const m = setTimeout(() => F(1), h);
+    if (!h || O || A) return;
+    const m = setTimeout(() => F(1), k);
     return () => clearTimeout(m);
-  }, [_, h, O, A, l, F]);
-  const { onKeyDown: M } = Pe({ go: F, jump: R, total: u, rtl: d }), [$, B] = v(String(l + 1));
+  }, [h, k, O, A, l, F]);
+  const { onKeyDown: M } = Pe({ go: F, jump: R, total: s, rtl: d }), [z, B] = v(String(l + 1));
   C(() => B(String(l + 1)), [l]);
   const P = () => {
-    const m = Ie($, u);
+    const m = Ie(z, s);
     if (m === null) {
       B(String(l + 1));
       return;
@@ -791,28 +791,28 @@ function Pt(t) {
   }, X = Nt(a, i);
   return /* @__PURE__ */ y("div", { className: "peeek__cf", children: [
     /* @__PURE__ */ y("div", { className: "peeek__cf-header", children: [
-      /* @__PURE__ */ o("span", { className: "peeek__cf-badge", children: X }),
+      /* @__PURE__ */ r("span", { className: "peeek__cf-badge", children: X }),
       /* @__PURE__ */ y("div", { className: "peeek__cf-meta", children: [
-        /* @__PURE__ */ o("span", { className: "peeek__cf-name", children: a }),
+        /* @__PURE__ */ r("span", { className: "peeek__cf-name", children: a }),
         /* @__PURE__ */ y("span", { className: "peeek__cf-count", children: [
-          u,
+          s,
           " ",
-          u === 1 ? n.page : n.pages
+          s === 1 ? n.page : n.pages
         ] })
       ] }),
       /* @__PURE__ */ y("span", { className: "peeek__cf-indicator", children: [
         l + 1,
         " / ",
-        u
+        s
       ] }),
-      f.goto && /* @__PURE__ */ o(
+      f.goto && /* @__PURE__ */ r(
         "input",
         {
           className: "peeek__goto",
           type: "text",
           inputMode: "numeric",
           "aria-label": n.goToPage,
-          value: $,
+          value: z,
           onChange: (m) => B(m.target.value),
           onBlur: P,
           onKeyDown: (m) => {
@@ -820,7 +820,7 @@ function Pt(t) {
           }
         }
       ),
-      g && /* @__PURE__ */ o(
+      g && /* @__PURE__ */ r(
         "a",
         {
           className: "peeek__btn",
@@ -832,24 +832,24 @@ function Pt(t) {
           children: "↓"
         }
       ),
-      f.fullscreen && /* @__PURE__ */ o(
+      f.fullscreen && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          className: `peeek__btn${c ? " peeek__btn--active" : ""}`,
+          className: `peeek__btn${u ? " peeek__btn--active" : ""}`,
           "aria-label": n.fullscreen,
-          "aria-pressed": c,
+          "aria-pressed": u,
           onClick: w,
           children: "⛶"
         }
       ),
-      f.about && /* @__PURE__ */ o(
+      f.about && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "peeek__btn",
           "aria-label": n.about,
-          onClick: k,
+          onClick: _,
           children: "?"
         }
       )
@@ -861,7 +861,7 @@ function Pt(t) {
         tabIndex: 0,
         onKeyDown: M,
         children: [
-          f.arrows && /* @__PURE__ */ o(
+          f.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -876,7 +876,7 @@ function Pt(t) {
             const S = p - l;
             if (Math.abs(S) > 1) return null;
             const b = S === 0, K = b && f.fullscreen;
-            return /* @__PURE__ */ o(
+            return /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
@@ -885,12 +885,12 @@ function Pt(t) {
                 tabIndex: b ? 0 : -1,
                 "aria-label": K ? n.openFullscreen : `Go to page ${p + 1}`,
                 onClick: () => K ? w() : D(p),
-                children: /* @__PURE__ */ o("img", { src: m, alt: b ? `Page ${p + 1}` : "", referrerPolicy: "no-referrer" })
+                children: /* @__PURE__ */ r("img", { src: m, alt: b ? `Page ${p + 1}` : "", referrerPolicy: "no-referrer" })
               },
               p
             );
           }),
-          f.arrows && /* @__PURE__ */ o(
+          f.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -904,7 +904,7 @@ function Pt(t) {
         ]
       }
     ),
-    f.thumbnails && /* @__PURE__ */ o("div", { className: "peeek__cf-thumbs", role: "group", "aria-label": "Pages", children: e.map((m, p) => {
+    f.thumbnails && /* @__PURE__ */ r("div", { className: "peeek__cf-thumbs", role: "group", "aria-label": "Pages", children: e.map((m, p) => {
       const S = p === l;
       return /* @__PURE__ */ y(
         "button",
@@ -918,8 +918,8 @@ function Pt(t) {
           "aria-current": S ? "page" : void 0,
           onClick: () => D(p),
           children: [
-            /* @__PURE__ */ o("img", { src: m, alt: "", loading: "lazy", referrerPolicy: "no-referrer" }),
-            /* @__PURE__ */ o("span", { className: "peeek__cf-thumb-num", children: String(p + 1).padStart(2, "0") })
+            /* @__PURE__ */ r("img", { src: m, alt: "", loading: "lazy", referrerPolicy: "no-referrer" }),
+            /* @__PURE__ */ r("span", { className: "peeek__cf-thumb-num", children: String(p + 1).padStart(2, "0") })
           ]
         },
         p
@@ -929,8 +929,8 @@ function Pt(t) {
 }
 function It({ logo: t, logoLink: e }) {
   if (!t) return null;
-  const n = /* @__PURE__ */ o("img", { src: t, alt: "Logo", loading: "lazy", referrerPolicy: "no-referrer" });
-  return /* @__PURE__ */ o("div", { className: "peeek__branding", children: e ? /* @__PURE__ */ o("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: n }) : n });
+  const n = /* @__PURE__ */ r("img", { src: t, alt: "Logo", loading: "lazy", referrerPolicy: "no-referrer" });
+  return /* @__PURE__ */ r("div", { className: "peeek__branding", children: e ? /* @__PURE__ */ r("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: n }) : n });
 }
 const xt = [
   { top: "12%", left: "10%", size: 3, v: "A", dur: 13, delay: 0 },
@@ -956,7 +956,7 @@ function St({ strings: t, onClose: e }) {
       i.key === "Escape" && e();
     };
     return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [e]), /* @__PURE__ */ o("div", { className: "peeek__about-backdrop", onClick: e, children: /* @__PURE__ */ y(
+  }, [e]), /* @__PURE__ */ r("div", { className: "peeek__about-backdrop", onClick: e, children: /* @__PURE__ */ y(
     "div",
     {
       role: "dialog",
@@ -965,7 +965,7 @@ function St({ strings: t, onClose: e }) {
       className: "peeek__about",
       onClick: (a) => a.stopPropagation(),
       children: [
-        /* @__PURE__ */ o("span", { className: "peeek__about-particles", "aria-hidden": "true", children: xt.map((a, i) => /* @__PURE__ */ o(
+        /* @__PURE__ */ r("span", { className: "peeek__about-particles", "aria-hidden": "true", children: xt.map((a, i) => /* @__PURE__ */ r(
           "span",
           {
             className: "peeek__about-particle",
@@ -979,7 +979,7 @@ function St({ strings: t, onClose: e }) {
           },
           i
         )) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "button",
           {
             ref: n,
@@ -992,7 +992,7 @@ function St({ strings: t, onClose: e }) {
         ),
         /* @__PURE__ */ y("div", { className: "peeek__about-content", children: [
           /* @__PURE__ */ y("div", { className: "peeek__about-orbwrap", children: [
-            /* @__PURE__ */ o("span", { className: "peeek__about-ring", "aria-hidden": "true" }),
+            /* @__PURE__ */ r("span", { className: "peeek__about-ring", "aria-hidden": "true" }),
             /* @__PURE__ */ y(
               "svg",
               {
@@ -1002,13 +1002,13 @@ function St({ strings: t, onClose: e }) {
                 viewBox: "0 0 256 256",
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ y("radialGradient", { id: "peeek-about-orb", cx: "38%", cy: "30%", r: "80%", children: [
-                    /* @__PURE__ */ o("stop", { offset: "0%", stopColor: "#9aa2e6" }),
-                    /* @__PURE__ */ o("stop", { offset: "55%", stopColor: "#6E79D6" }),
-                    /* @__PURE__ */ o("stop", { offset: "100%", stopColor: "#535cc0" })
+                  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ y("radialGradient", { id: "peeek-about-orb", cx: "38%", cy: "30%", r: "80%", children: [
+                    /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#9aa2e6" }),
+                    /* @__PURE__ */ r("stop", { offset: "55%", stopColor: "#6E79D6" }),
+                    /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#535cc0" })
                   ] }) }),
-                  /* @__PURE__ */ o("circle", { cx: "128", cy: "128", r: "128", fill: "url(#peeek-about-orb)" }),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r("circle", { cx: "128", cy: "128", r: "128", fill: "url(#peeek-about-orb)" }),
+                  /* @__PURE__ */ r(
                     "path",
                     {
                       d: "M90 196 V70 H140 A38 38 0 0 1 140 146 H90",
@@ -1023,26 +1023,36 @@ function St({ strings: t, onClose: e }) {
               }
             )
           ] }),
-          /* @__PURE__ */ o("div", { className: "peeek__about-name", children: "Peeek Viewer" }),
-          /* @__PURE__ */ o("div", { className: "peeek__about-tagline", children: t.aboutTagline }),
+          /* @__PURE__ */ r("div", { className: "peeek__about-name", children: "Peeek Viewer" }),
+          /* @__PURE__ */ r("div", { className: "peeek__about-tagline", children: t.aboutTagline }),
           /* @__PURE__ */ y("div", { className: "peeek__about-version", children: [
             "v",
-            "0.4.7"
+            "0.4.9"
           ] }),
-          /* @__PURE__ */ o("p", { className: "peeek__about-desc", children: t.aboutDescription })
+          /* @__PURE__ */ r("p", { className: "peeek__about-desc", children: t.aboutDescription }),
+          /* @__PURE__ */ r(
+            "a",
+            {
+              className: "peeek__about-link",
+              href: "https://peeek.page",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "peeek.page"
+            }
+          )
         ] })
       ]
     }
   ) });
 }
 function Ft(t) {
-  const e = gt(t), n = dt(e.language), a = E(null), { isFullscreen: i, toggle: d } = ht(a), [_, h] = v(!1), g = t.pages !== void 0, c = et(
+  const e = gt(t), n = dt(e.language), a = E(null), { isFullscreen: i, toggle: d } = ht(a), [h, k] = v(!1), g = t.pages !== void 0, u = et(
     () => g ? pt(t.pages, { filename: t.filename, mimeType: t.mimeType }) : null,
     [g, t.pages, t.filename, t.mimeType]
-  ), w = bt(g ? null : e.src, e.pollInterval), k = g ? c : w.manifest, f = g ? c ? "ready" : "loading" : w.state, u = {
+  ), w = bt(g ? null : e.src, e.pollInterval), _ = g ? u : w.manifest, f = g ? u ? "ready" : "loading" : w.state, s = {
     "--peeek-accent": e.accentColor
   };
-  e.background === "transparent" ? u["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? u["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (u["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
+  e.background === "transparent" ? s["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? s["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (s["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
   const l = {
     toolbar: e.navigationControls,
     bar: e.navigationBar,
@@ -1059,39 +1069,39 @@ function Ft(t) {
     "div",
     {
       ref: a,
-      className: `peeek${e.fillHeight ? " peeek--fill-height" : ""}${e.className ? " " + e.className : ""}`,
+      className: `peeek${e.fillHeight ? " peeek--fill-height" : ""}${h ? " peeek--about-open" : ""}${e.className ? " " + e.className : ""}`,
       "data-skin": e.skin,
       "data-layout": e.layout,
       dir: e.rtl ? "rtl" : void 0,
-      style: u,
+      style: s,
       children: [
-        /* @__PURE__ */ o(It, { logo: e.logo, logoLink: e.logoLink }),
+        /* @__PURE__ */ r(It, { logo: e.logo, logoLink: e.logoLink }),
         f === "loading" && /* @__PURE__ */ y("div", { className: "peeek__state", style: e.loadingColor ? { color: e.loadingColor } : void 0, children: [
-          e.loadingImage && /* @__PURE__ */ o("img", { className: "peeek__state-img", src: e.loadingImage, alt: "", referrerPolicy: "no-referrer" }),
-          /* @__PURE__ */ o("span", { children: e.loadingCaption ?? n.loading })
+          e.loadingImage && /* @__PURE__ */ r("img", { className: "peeek__state-img", src: e.loadingImage, alt: "", referrerPolicy: "no-referrer" }),
+          /* @__PURE__ */ r("span", { children: e.loadingCaption ?? n.loading })
         ] }),
-        f === "error" && /* @__PURE__ */ o("div", { className: "peeek__state", children: n.error }),
-        f === "ready" && k && e.mode === "coverflow" && /* @__PURE__ */ o(
+        f === "error" && /* @__PURE__ */ r("div", { className: "peeek__state", children: n.error }),
+        f === "ready" && _ && e.mode === "coverflow" && /* @__PURE__ */ r(
           Pt,
           {
-            pages: k.pages,
+            pages: _.pages,
             strings: n,
-            filename: k.metadata.filename,
-            mimeType: k.metadata.mimeType,
+            filename: _.metadata.filename,
+            mimeType: _.metadata.mimeType,
             rtl: e.rtl,
             autoTransition: e.autoTransition,
             autoTransitionInterval: e.autoTransitionInterval,
             downloadUrl: e.downloadUrl,
             isFullscreen: i,
             onToggleFullscreen: d,
-            onAbout: () => h(!0),
+            onAbout: () => k(!0),
             show: { arrows: e.arrows, thumbnails: e.pagesOverview, fullscreen: e.fullscreen, about: e.aboutButton, goto: e.goToPage }
           }
         ),
-        f === "ready" && k && e.mode === "flip" && /* @__PURE__ */ o(
+        f === "ready" && _ && e.mode === "flip" && /* @__PURE__ */ r(
           Tt,
           {
-            pages: k.pages,
+            pages: _.pages,
             strings: n,
             layout: e.layout,
             rtl: e.rtl,
@@ -1103,10 +1113,10 @@ function Ft(t) {
             downloadUrl: e.downloadUrl,
             isFullscreen: i,
             onToggleFullscreen: d,
-            onAbout: () => h(!0)
+            onAbout: () => k(!0)
           }
         ),
-        _ && /* @__PURE__ */ o(St, { strings: n, onClose: () => h(!1) })
+        h && /* @__PURE__ */ r(St, { strings: n, onClose: () => k(!1) })
       ]
     }
   );

package/dist/peeekviewer.css

@@ -1 +1 @@
-.peeek{--peeek-accent: #6E79D6;--peeek-bg: #0b0b10;--peeek-surface: rgba(255, 255, 255, .06);--peeek-text: #f5f5fa;--peeek-radius: 16px;position:relative;display:flex;flex-direction:column;width:100%;color:var(--peeek-text);background:var(--peeek-bg);border-radius:var(--peeek-radius);overflow:hidden;font-family:ui-sans-serif,system-ui,sans-serif;container-type:inline-size}.peeek__stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:24rem;padding:1.75rem 3rem;overflow:hidden;perspective:2000px}.peeek__zoom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center center}.peeek__zoom--pannable{cursor:grab;touch-action:none}.peeek__zoom--pannable:active{cursor:grabbing}.peeek__zoom--pannable img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.peeek__spread{position:relative;display:flex;width:100%;transition:transform .5s cubic-bezier(.6,.05,.3,.95);transform-style:preserve-3d}.peeek__page{position:relative;width:50%;aspect-ratio:var(--peeek-aspect, .707);background:#fff;overflow:hidden}.peeek__page--empty{background:transparent;box-shadow:none}.peeek__page--left{border-top-left-radius:8px;border-bottom-left-radius:8px}.peeek__page--right{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek__spread:not(.peeek__spread--pair) .peeek__page{border-radius:8px}.peeek__page img{display:block;width:100%;height:100%;object-fit:contain}.peeek__page-btn{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}.peeek--shadows .peeek__spread{box-shadow:0 24px 60px -24px #000000b3}.peeek--shadows.peeek__spread--pair{--peeek-spine-x: clamp(7px, 1.6cqi, 30px);--peeek-spine-blur: clamp(10px, 1.9cqi, 36px);--peeek-spine-spread: clamp(6px, 1.2cqi, 22px);--peeek-spine-grad: clamp(4px, .8cqi, 14px)}.peeek--shadows.peeek__spread--pair .peeek__page--left{box-shadow:inset calc(-1 * var(--peeek-spine-x)) 0 var(--peeek-spine-blur) calc(-1 * var(--peeek-spine-spread)) #0009}.peeek--shadows.peeek__spread--pair .peeek__page--right{box-shadow:inset var(--peeek-spine-x) 0 var(--peeek-spine-blur) calc(-1 * var(--peeek-spine-spread)) #0009}.peeek--shadows.peeek__spread--pair .peeek__page--left:after,.peeek--shadows.peeek__spread--pair .peeek__page--right:after{content:"";position:absolute;top:0;bottom:0;width:var(--peeek-spine-grad);pointer-events:none}.peeek--shadows.peeek__spread--pair .peeek__page--left:after{right:0;background:linear-gradient(to right,#0000,#00000047)}.peeek--shadows.peeek__spread--pair .peeek__page--right:after{left:0;background:linear-gradient(to left,#0000,#00000047)}.peeek__leaf{position:absolute;top:0;width:50%;height:100%;z-index:3;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.55,.06,.3,.98);will-change:transform}.peeek__leaf--fwd{left:50%;transform-origin:left center}.peeek__leaf--back{right:50%;transform-origin:right center}.peeek__leaf-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:#fff;overflow:hidden}.peeek__leaf-face img{display:block;width:100%;height:100%;object-fit:contain}.peeek__leaf-face--back{transform:rotateY(180deg)}.peeek__leaf-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.15;animation:peeek-curl .62s cubic-bezier(.55,.06,.3,.98) forwards;background:linear-gradient(var(--peeek-curl-dir, to right),rgba(0,0,0,.34),rgba(0,0,0,0) 58%,rgba(255,255,255,.05))}.peeek__leaf--fwd .peeek__leaf-face:after{--peeek-curl-dir: to right}.peeek__leaf--back .peeek__leaf-face:after{--peeek-curl-dir: to left}.peeek__leaf-face--back:after{transform:scaleX(-1)}@keyframes peeek-curl{0%{opacity:.15}45%{opacity:1}to{opacity:.55}}.peeek__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:9999px;background:#00000059;color:#fff;cursor:pointer}.peeek__arrow:disabled{opacity:.3;cursor:default}.peeek__arrow--prev{left:.75rem}.peeek__arrow--next{right:.75rem}.peeek__toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08);font-size:14px}.peeek__scrubber{flex:1;height:2px;background:#ffffff26;border-radius:9999px;overflow:hidden}.peeek__scrubber-fill{height:100%;background:var(--peeek-accent)}.peeek__btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:8px;background:transparent;color:var(--peeek-text);cursor:pointer}.peeek__btn:disabled{opacity:.3;cursor:default}.peeek__btn--active{color:var(--peeek-accent)}.peeek__goto{width:3rem;height:2rem;padding:0 .4rem;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:transparent;color:var(--peeek-text);font:inherit}.peeek__goto:focus-visible{outline:2px solid var(--peeek-accent);outline-offset:1px}.peeek__thumbs{display:flex;gap:.4rem;overflow-x:auto;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08)}.peeek__thumb-group{flex:0 0 auto;display:flex;gap:2px;position:relative}.peeek__thumb{flex:0 0 auto;width:4rem;height:5rem;padding:0;border:2px solid transparent;border-radius:6px;background:#fff;cursor:pointer;overflow:hidden}.peeek__thumb img{width:100%;height:100%;object-fit:contain}.peeek__thumb--active{border-color:var(--peeek-accent)}.peeek__thumb--flat-right{border-top-right-radius:0;border-bottom-right-radius:0}.peeek__thumb--flat-left{border-top-left-radius:0;border-bottom-left-radius:0}.peeek__branding{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.peeek__branding img{height:1.5rem;width:auto}.peeek__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:24rem;font-size:16px;color:var(--peeek-text)}.peeek__state-img{max-width:8rem;max-height:8rem;object-fit:contain}@container (max-width: 480px){.peeek__toolbar{gap:.4rem;padding:.5rem .6rem}.peeek__toolbar input[type=range],.peeek__scrubber{display:none}}.peeek[data-skin=minimal] .peeek__toolbar,.peeek[data-skin=minimal] .peeek__thumbs{border-top:none;background:#00000040}.peeek[data-skin=minimal] .peeek__arrow{background:#0003}.peeek[dir=rtl] .peeek__leaf{transform-origin:right center}.peeek__cf{display:flex;flex:1;flex-direction:column;min-height:0}.peeek__cf-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.peeek__cf-badge{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.75rem;flex:0 0 auto;border-radius:6px;background:var(--peeek-accent);color:#fff;font-size:13px;font-weight:700}.peeek__cf-meta{display:flex;min-width:0;flex:1;flex-direction:column}.peeek__cf-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.peeek__cf-count{font-size:14px;opacity:.6}.peeek__cf-indicator{padding:.25rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:ui-monospace,monospace;font-size:14px}.peeek__cf-stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:20rem;overflow:hidden;perspective:1400px}.peeek__cf-card{position:absolute;display:flex;max-width:55%;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .3s ease-out,opacity .3s ease-out}.peeek__cf-card--center{max-width:70%}.peeek__cf-card--zoom{cursor:zoom-in}.peeek__cf-card img{max-width:100%;max-height:19rem;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 18px 40px -12px #0009}.peeek__cf-thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08);scrollbar-width:none}.peeek__cf-thumbs::-webkit-scrollbar{display:none}.peeek__cf-thumb{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.peeek__cf-thumb img{width:3rem;height:4rem;border-radius:4px;background:#fff;object-fit:cover;opacity:.8}.peeek__cf-thumb--active{border-color:var(--peeek-accent);background:#ffffff0f}.peeek__cf-thumb--active img{opacity:1}.peeek__cf-thumb-num{font-family:ui-monospace,monospace;font-size:14px;opacity:.6}.peeek__cf-thumb--active .peeek__cf-thumb-num{color:var(--peeek-accent);opacity:1}.peeek:fullscreen .peeek__cf-card img{max-height:78vh}.peeek:fullscreen .peeek__spread{width:auto;height:100%}.peeek:fullscreen .peeek__page{width:auto;height:100%}.peeek[data-skin=minimal] .peeek__cf-header,.peeek[data-skin=minimal] .peeek__cf-thumbs{border-color:transparent;background:#00000040}.peeek[data-skin=showcase] .peeek__label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.peeek[data-skin=showcase] .peeek__scrubber{height:2px}.peeek[data-skin=showcase] .peeek__scrubber-fill{background:var(--peeek-accent)}.peeek[data-skin=showcase] .peeek__arrow{width:2.5rem;height:2.5rem;border-radius:9999px;background:#0000004d;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.peeek[data-skin=showcase] .peeek__arrow:hover{background:#00000080}.peeek__thumb-badge{position:absolute;right:2px;bottom:2px;padding:0 4px;border-radius:4px;background:#000000b3;color:#fff;font-size:14px;font-weight:500;pointer-events:none}.peeek--fill-height{height:100%}.peeek--fill-height .peeek__stage{min-height:0}.peeek--fill-height .peeek__spread,.peeek--fill-height .peeek__page{width:auto;height:100%}.peeek__stage[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--right{border-radius:0 8px 8px 0}.peeek__stage[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--left{border-radius:8px 0 0 8px}.peeek__stage[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--front{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek__stage[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--back,.peeek__stage[data-layout=double] .peeek__leaf--back .peeek__leaf-face--front{border-top-left-radius:8px;border-bottom-left-radius:8px}.peeek__stage[data-layout=double] .peeek__leaf--back .peeek__leaf-face--back{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek__stage[data-layout=single] .peeek__leaf-face{border-radius:8px}.peeek__about-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;padding:1rem;background:#06060c9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.peeek__about{position:relative;width:100%;max-width:360px;box-sizing:border-box;padding:1.75rem 1.5rem 1.25rem;text-align:center;color:var(--peeek-text);background:#16161f;border:1px solid rgba(255,255,255,.1);border-radius:var(--peeek-radius);box-shadow:0 24px 60px #00000080;overflow:hidden;-webkit-user-select:none;user-select:none}.peeek__about-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.peeek__about-particle{position:absolute;border-radius:9999px;background:#6e79d673;box-shadow:0 0 9px #6e79d659}@keyframes peeekAboutDriftA{0%,to{transform:translate(0)}50%{transform:translate(6px,-8px)}}@keyframes peeekAboutDriftB{0%,to{transform:translate(0)}50%{transform:translate(-7px,6px)}}@keyframes peeekAboutDriftC{0%,to{transform:translate(0)}50%{transform:translate(5px,7px)}}.peeek__about-content{position:relative;z-index:1}.peeek__about-orbwrap{position:relative;width:48px;height:48px;margin-inline:auto;border-radius:9999px;animation:peeekAboutPulse 3.2s ease-in-out infinite}.peeek__about-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:9999px;background:conic-gradient(from 0deg,transparent 0 66%,#828ce0 86%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:peeekAboutSpin 2.6s linear infinite}@keyframes peeekAboutSpin{to{transform:rotate(360deg)}}@keyframes peeekAboutPulse{0%,to{box-shadow:0 0 26px -8px #6e79d699}50%{box-shadow:0 0 40px -4px #6e79d6e6}}@media (prefers-reduced-motion: reduce){.peeek__about-particle,.peeek__about-ring,.peeek__about-orbwrap{animation:none}}.peeek__about-close{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--peeek-text);font-size:20px;line-height:1;cursor:pointer}.peeek__about-close:hover{background:#ffffff14}.peeek__about-mark{display:block;margin-inline:auto;color:var(--peeek-accent)}.peeek__about-name{margin-top:.5rem;font-size:20px;font-weight:700;letter-spacing:.01em}.peeek__about-tagline{margin-top:.25rem;font-size:14px;color:#f5f5fab3}.peeek__about-version{display:inline-block;margin-top:.75rem;padding:.15rem .6rem;font-size:14px;font-weight:600;color:var(--peeek-accent);background:#6e79d629;border-radius:9999px}.peeek__about-desc{margin:.9rem 0 0;font-size:14px;line-height:1.5;color:#f5f5fad1}
+.peeek{--peeek-accent: #6E79D6;--peeek-bg: #0b0b10;--peeek-surface: rgba(255, 255, 255, .06);--peeek-text: #f5f5fa;--peeek-radius: 16px;position:relative;display:flex;flex-direction:column;width:100%;color:var(--peeek-text);background:var(--peeek-bg);border-radius:var(--peeek-radius);overflow:hidden;font-family:ui-sans-serif,system-ui,sans-serif;container-type:inline-size}.peeek__stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:24rem;padding:1.75rem 3rem;overflow:hidden;perspective:2000px}.peeek__zoom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center center}.peeek__zoom--pannable{cursor:grab;touch-action:none}.peeek__zoom--pannable:active{cursor:grabbing}.peeek__zoom--pannable img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.peeek__spread{position:relative;display:flex;width:100%;transition:transform .5s cubic-bezier(.6,.05,.3,.95);transform-style:preserve-3d}.peeek__page{position:relative;width:50%;aspect-ratio:var(--peeek-aspect, .707);background:#fff;overflow:hidden}.peeek__page--empty{background:transparent;box-shadow:none}.peeek__page--left{border-top-left-radius:8px;border-bottom-left-radius:8px}.peeek__page--right{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek__spread:not(.peeek__spread--pair) .peeek__page{border-radius:8px}.peeek__page img{display:block;width:100%;height:100%;object-fit:contain}.peeek__page-btn{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}.peeek--shadows .peeek__spread{box-shadow:0 24px 60px -24px #000000b3}.peeek--shadows.peeek__spread--pair{--peeek-spine-x: clamp(7px, 1.6cqi, 30px);--peeek-spine-blur: clamp(10px, 1.9cqi, 36px);--peeek-spine-spread: clamp(6px, 1.2cqi, 22px);--peeek-spine-grad: clamp(4px, .8cqi, 14px)}.peeek--shadows.peeek__spread--pair .peeek__page--left{box-shadow:inset calc(-1 * var(--peeek-spine-x)) 0 var(--peeek-spine-blur) calc(-1 * var(--peeek-spine-spread)) #0009}.peeek--shadows.peeek__spread--pair .peeek__page--right{box-shadow:inset var(--peeek-spine-x) 0 var(--peeek-spine-blur) calc(-1 * var(--peeek-spine-spread)) #0009}.peeek--shadows.peeek__spread--pair .peeek__page--left:after,.peeek--shadows.peeek__spread--pair .peeek__page--right:after{content:"";position:absolute;top:0;bottom:0;width:var(--peeek-spine-grad);pointer-events:none}.peeek--shadows.peeek__spread--pair .peeek__page--left:after{right:0;background:linear-gradient(to right,#0000,#00000047)}.peeek--shadows.peeek__spread--pair .peeek__page--right:after{left:0;background:linear-gradient(to left,#0000,#00000047)}.peeek__leaf{position:absolute;top:0;width:50%;height:100%;z-index:3;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.55,.06,.3,.98);will-change:transform}.peeek__leaf--fwd{left:50%;transform-origin:left center}.peeek__leaf--back{right:50%;transform-origin:right center}.peeek__leaf-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:#fff;overflow:hidden}.peeek__leaf-face img{display:block;width:100%;height:100%;object-fit:contain}.peeek__leaf-face--back{transform:rotateY(180deg)}.peeek__leaf-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.15;animation:peeek-curl .62s cubic-bezier(.55,.06,.3,.98) forwards;background:linear-gradient(var(--peeek-curl-dir, to right),rgba(0,0,0,.34),rgba(0,0,0,0) 58%,rgba(255,255,255,.05))}.peeek__leaf--fwd .peeek__leaf-face:after{--peeek-curl-dir: to right}.peeek__leaf--back .peeek__leaf-face:after{--peeek-curl-dir: to left}.peeek__leaf-face--back:after{transform:scaleX(-1)}@keyframes peeek-curl{0%{opacity:.15}45%{opacity:1}to{opacity:.55}}.peeek__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:9999px;background:#00000059;color:#fff;cursor:pointer}.peeek__arrow:disabled{opacity:.3;cursor:default}.peeek__arrow--prev{left:.75rem}.peeek__arrow--next{right:.75rem}.peeek__toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08);font-size:14px}.peeek__scrubber{flex:1;height:2px;background:#ffffff26;border-radius:9999px;overflow:hidden}.peeek__scrubber-fill{height:100%;background:var(--peeek-accent)}.peeek__btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:8px;background:transparent;color:var(--peeek-text);cursor:pointer}.peeek__btn:disabled{opacity:.3;cursor:default}.peeek__btn--active{color:var(--peeek-accent)}.peeek__goto{width:3rem;height:2rem;padding:0 .4rem;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:transparent;color:var(--peeek-text);font:inherit}.peeek__goto:focus-visible{outline:2px solid var(--peeek-accent);outline-offset:1px}.peeek__thumbs{display:flex;gap:.4rem;overflow-x:auto;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08)}.peeek__thumb-group{flex:0 0 auto;display:flex;gap:2px;position:relative}.peeek__thumb{flex:0 0 auto;width:4rem;height:5rem;padding:0;border:2px solid transparent;border-radius:6px;background:#fff;cursor:pointer;overflow:hidden}.peeek__thumb img{width:100%;height:100%;object-fit:contain}.peeek__thumb--active{border-color:var(--peeek-accent)}.peeek__thumb--flat-right{border-top-right-radius:0;border-bottom-right-radius:0}.peeek__thumb--flat-left{border-top-left-radius:0;border-bottom-left-radius:0}.peeek__branding{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.peeek__branding img{height:1.5rem;width:auto}.peeek__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:24rem;font-size:16px;color:var(--peeek-text)}.peeek__state-img{max-width:8rem;max-height:8rem;object-fit:contain}@container (max-width: 480px){.peeek__toolbar{gap:.4rem;padding:.5rem .6rem}.peeek__toolbar input[type=range],.peeek__scrubber{display:none}}.peeek[data-skin=minimal] .peeek__toolbar,.peeek[data-skin=minimal] .peeek__thumbs{border-top:none;background:#00000040}.peeek[data-skin=minimal] .peeek__arrow{background:#0003}.peeek[dir=rtl] .peeek__leaf{transform-origin:right center}.peeek__cf{display:flex;flex:1;flex-direction:column;min-height:0}.peeek__cf-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.peeek__cf-badge{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.75rem;flex:0 0 auto;border-radius:6px;background:var(--peeek-accent);color:#fff;font-size:13px;font-weight:700}.peeek__cf-meta{display:flex;min-width:0;flex:1;flex-direction:column}.peeek__cf-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.peeek__cf-count{font-size:14px;opacity:.6}.peeek__cf-indicator{padding:.25rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:ui-monospace,monospace;font-size:14px}.peeek__cf-stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:20rem;overflow:hidden;perspective:1400px}.peeek__cf-card{position:absolute;display:flex;max-width:55%;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .3s ease-out,opacity .3s ease-out}.peeek__cf-card--center{max-width:70%}.peeek__cf-card--zoom{cursor:zoom-in}.peeek__cf-card img{max-width:100%;max-height:19rem;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 18px 40px -12px #0009}.peeek__cf-thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08);scrollbar-width:none}.peeek__cf-thumbs::-webkit-scrollbar{display:none}.peeek__cf-thumb{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.peeek__cf-thumb img{width:3rem;height:4rem;border-radius:4px;background:#fff;object-fit:cover;opacity:.8}.peeek__cf-thumb--active{border-color:var(--peeek-accent);background:#ffffff0f}.peeek__cf-thumb--active img{opacity:1}.peeek__cf-thumb-num{font-family:ui-monospace,monospace;font-size:14px;opacity:.6}.peeek__cf-thumb--active .peeek__cf-thumb-num{color:var(--peeek-accent);opacity:1}.peeek:fullscreen .peeek__cf-card img{max-height:78vh}.peeek:fullscreen .peeek__spread{width:auto;height:100%}.peeek:fullscreen .peeek__page{width:auto;height:100%}.peeek[data-skin=minimal] .peeek__cf-header,.peeek[data-skin=minimal] .peeek__cf-thumbs{border-color:transparent;background:#00000040}.peeek[data-skin=showcase] .peeek__label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.peeek[data-skin=showcase] .peeek__scrubber{height:2px}.peeek[data-skin=showcase] .peeek__scrubber-fill{background:var(--peeek-accent)}.peeek[data-skin=showcase] .peeek__arrow{width:2.5rem;height:2.5rem;border-radius:9999px;background:#0000004d;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.peeek[data-skin=showcase] .peeek__arrow:hover{background:#00000080}.peeek__thumb-badge{position:absolute;right:2px;bottom:2px;padding:0 4px;border-radius:4px;background:#000000b3;color:#fff;font-size:14px;font-weight:500;pointer-events:none}.peeek--fill-height{height:100%}.peeek--fill-height .peeek__stage{min-height:0}.peeek--fill-height .peeek__spread,.peeek--fill-height .peeek__page{width:auto;height:100%}.peeek__stage[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--right{border-radius:0 8px 8px 0}.peeek__stage[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--left{border-radius:8px 0 0 8px}.peeek__stage[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--front{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek__stage[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--back,.peeek__stage[data-layout=double] .peeek__leaf--back .peeek__leaf-face--front{border-top-left-radius:8px;border-bottom-left-radius:8px}.peeek__stage[data-layout=double] .peeek__leaf--back .peeek__leaf-face--back{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek__stage[data-layout=single] .peeek__leaf-face{border-radius:8px}.peeek__about-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;padding:1rem;background:#06060c9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.peeek__about{position:relative;width:100%;max-width:360px;box-sizing:border-box;padding:1.75rem 1.5rem 1.25rem;text-align:center;color:var(--peeek-text);background:#16161f;border:1px solid rgba(255,255,255,.1);border-radius:var(--peeek-radius);box-shadow:0 24px 60px #00000080;overflow:hidden;-webkit-user-select:none;user-select:none}.peeek__about-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.peeek__about-particle{position:absolute;border-radius:9999px;background:#6e79d673;box-shadow:0 0 9px #6e79d659}@keyframes peeekAboutDriftA{0%,to{transform:translate(0)}50%{transform:translate(6px,-8px)}}@keyframes peeekAboutDriftB{0%,to{transform:translate(0)}50%{transform:translate(-7px,6px)}}@keyframes peeekAboutDriftC{0%,to{transform:translate(0)}50%{transform:translate(5px,7px)}}.peeek__about-content{position:relative;z-index:1}.peeek__about-orbwrap{position:relative;width:48px;height:48px;margin-inline:auto;border-radius:9999px;animation:peeekAboutPulse 3.2s ease-in-out infinite}.peeek__about-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:9999px;background:conic-gradient(from 0deg,transparent 0 66%,#828ce0 86%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:peeekAboutSpin 2.6s linear infinite}@keyframes peeekAboutSpin{to{transform:rotate(360deg)}}@keyframes peeekAboutPulse{0%,to{box-shadow:0 0 26px -8px #6e79d699}50%{box-shadow:0 0 40px -4px #6e79d6e6}}@media (prefers-reduced-motion: reduce){.peeek__about-particle,.peeek__about-ring,.peeek__about-orbwrap{animation:none}}.peeek__about-close{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--peeek-text);font-size:20px;line-height:1;cursor:pointer}.peeek__about-close:hover{background:#ffffff14}.peeek__about-mark{display:block;margin-inline:auto;color:var(--peeek-accent)}.peeek__about-name{margin-top:.5rem;font-size:20px;font-weight:700;letter-spacing:.01em}.peeek__about-tagline{margin-top:.25rem;font-size:14px;color:#f5f5fab3}.peeek__about-version{display:inline-block;margin-top:.75rem;padding:.15rem .6rem;font-size:14px;font-weight:600;color:var(--peeek-accent);background:#6e79d629;border-radius:9999px}.peeek__about-desc{margin:.9rem 0 0;font-size:14px;line-height:1.5;color:#f5f5fad1}.peeek__about-link{display:inline-block;margin:.9rem 0 0;font-size:14px;font-weight:600;color:var(--peeek-accent, #6E79D6);text-decoration:none}.peeek__about-link:hover{text-decoration:underline}.peeek--about-open .peeek__stage,.peeek--about-open .peeek__toolbar{filter:blur(4px);transition:filter .2s ease-out}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peeekpage/viewer",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "PeeekViewer: embeddable document viewer (flip and coverflow) for peeek.page.",
   "type": "module",
   "license": "MIT",