@peeekpage/viewer 0.4.6 → 0.4.8

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",
@@ -142,16 +142,16 @@ function mt(t) {
   }
   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,13 +175,13 @@ 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;
+    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);
@@ -189,21 +189,21 @@ function bt(t, e) {
         f = await l.json();
       } catch (l) {
         if (c) return;
-        h(l instanceof Error ? l.message : "fetch failed"), a("error");
+        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");
+        k(u.error), a("error");
         return;
       }
-      d(u.value), a("ready"), u.value.status === "wip" && (g.current = setTimeout(k, e));
+      d(u.value), a("ready"), u.value.status === "wip" && (g.current = setTimeout(_, e));
     };
-    return k(), () => {
+    return _(), () => {
       c = !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) => {
+    const w = new ResizeObserver((_) => {
       var u;
-      const f = (u = k[0]) == null ? void 0 : u.contentRect.width;
+      const f = (u = _[0]) == null ? void 0 : u.contentRect.width;
       typeof f == "number" && f > 0 && d(f);
     });
     return w.observe(c), () => 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,12 +320,12 @@ function vt(t) {
     progress: a,
     zoom: i,
     minZoom: d,
-    maxZoom: _,
-    total: h,
+    maxZoom: h,
+    total: k,
     currentPage: g,
     layout: c,
     thumbsOpen: w,
-    isFullscreen: k,
+    isFullscreen: _,
     downloadUrl: f,
     show: u,
     onZoomIn: l,
@@ -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(
+    /* @__PURE__ */ r("span", { className: "peeek__label", children: n }),
+    u.bar && /* @__PURE__ */ r("div", { className: "peeek__scrubber", "aria-hidden": !0, children: /* @__PURE__ */ r("div", { className: "peeek__scrubber-fill", style: { width: `${a}%` } }) }),
+    u.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(
+    u.rotate && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -409,7 +409,7 @@ function vt(t) {
         children: "⟳"
       }
     ),
-    u.layoutToggle && /* @__PURE__ */ o(
+    u.layoutToggle && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -420,7 +420,7 @@ function vt(t) {
         children: c === "single" ? "▭" : "▥"
       }
     ),
-    u.thumbnails && /* @__PURE__ */ o(
+    u.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(
+    u.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(
+    u.about && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -467,26 +467,26 @@ 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, c) => {
+    const w = ge(c, d, e), _ = w.length === 2;
     return /* @__PURE__ */ y("div", { className: "peeek__thumb-group", children: [
       w.map((f, u) => {
         let l = "";
-        return k && (l = (n ? u === 1 : u === 0) ? " peeek__thumb--flat-right" : " peeek__thumb--flat-left"), /* @__PURE__ */ o(
+        return _ && (l = (n ? u === 1 : u === 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("-") })
+      /* @__PURE__ */ r("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: w.map((f) => f + 1).join("-") })
     ] }, c);
   }) });
 }
@@ -498,43 +498,43 @@ function Tt(t) {
     layout: a,
     rtl: i,
     pageShadows: d,
-    animateInteractions: _,
-    autoTransition: h,
+    animateInteractions: h,
+    autoTransition: k,
     autoTransitionInterval: g,
     show: c,
     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);
+  } = 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 o = [$ - 1, $ + 1, $ + 2].map((s) => ne(s, l, b)).flatMap((s) => ge(s, l, b)).filter((s) => s >= 0);
+    for (const s of o) {
       const N = e[s];
       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) => {
+    (o) => {
       T || R((s) => {
-        const N = ne(s + r, l, b);
-        return N === s ? s : O ? N : (le({ dir: r, to: N }), s);
+        const N = ne(s + o, l, b);
+        return N === s ? s : O ? N : (le({ dir: o, to: N }), s);
       });
     },
     [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((s) => s && (R(s.to), pe(!0), requestAnimationFrame(
       () => requestAnimationFrame(() => {
         le(null), pe(!1);
       })
@@ -542,13 +542,13 @@ function Tt(t) {
   }, []);
   C(() => {
     if (!T) return;
-    const r = ie.current;
-    if (!r) return;
-    r.style.transform = "rotateY(0deg)";
+    const o = ie.current;
+    if (!o) return;
+    o.style.transform = "rotateY(0deg)";
     let s = 0;
     const N = requestAnimationFrame(() => {
       s = requestAnimationFrame(() => {
-        r.style.transform = `rotateY(${T.dir === 1 ? -180 : 180}deg)`;
+        o.style.transform = `rotateY(${T.dir === 1 ? -180 : 180}deg)`;
       });
     });
     return () => {
@@ -556,42 +556,42 @@ function Tt(t) {
     };
   }, [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, s, 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, s)) };
   }, []);
-  C(() => $((r) => ue(r.x, r.y, x)), [x, ue]), C(() => $({ x: 0, y: 0 }), [z]);
-  const Oe = (r) => {
+  C(() => z((o) => ue(o.x, o.y, x)), [x, ue]), C(() => z({ x: 0, y: 0 }), [$]);
+  const Oe = (o) => {
     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) => {
+    x <= 1 || (p.current = { x: o.clientX, y: o.clientY, px: M.x, py: M.y }, P(!0), (N = (s = o.currentTarget).setPointerCapture) == null || N.call(s, o.pointerId));
+  }, Re = (o) => {
     const s = p.current;
-    s && $(ue(s.px + (r.clientX - s.x), s.py + (r.clientY - s.y), x));
-  }, _e = (r) => {
+    s && z(ue(s.px + (o.clientX - s.x), s.py + (o.clientY - s.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(
+          c.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, s]) => {
+                      const N = s >= 0 && c.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}${s < 0 ? " peeek__page--empty" : ""}`,
+                          children: s >= 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[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" })
                             }
-                          ) : /* @__PURE__ */ o("img", { src: e[s], alt: `Page ${s + 1}`, referrerPolicy: "no-referrer" }))
+                          ) : /* @__PURE__ */ r("img", { src: e[s], alt: `Page ${s + 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(
+          c.arrows && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -685,7 +685,7 @@ function Tt(t) {
         ]
       }
     ),
-    c.toolbar && /* @__PURE__ */ o(
+    c.toolbar && /* @__PURE__ */ r(
       vt,
       {
         strings: n,
@@ -698,7 +698,7 @@ function Tt(t) {
         currentPage: te + 1,
         layout: b,
         thumbsOpen: Z,
-        isFullscreen: k,
+        isFullscreen: _,
         downloadUrl: w,
         show: {
           bar: c.bar,
@@ -711,16 +711,16 @@ function Tt(t) {
         },
         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
       }
     ),
-    c.overview && Z && /* @__PURE__ */ o(wt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: ce })
+    c.overview && Z && /* @__PURE__ */ r(wt, { pages: e, layout: b, rtl: i, activePages: Y, onJump: ce })
   ] });
 }
 function Nt(t, e) {
@@ -747,12 +747,12 @@ function Pt(t) {
     filename: a,
     mimeType: i,
     rtl: d,
-    autoTransition: _,
-    autoTransitionInterval: h,
+    autoTransition: h,
+    autoTransitionInterval: k,
     downloadUrl: g,
     isFullscreen: c,
     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))),
@@ -775,14 +775,14 @@ function Pt(t) {
     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: u, rtl: d }), [z, B] = v(String(l + 1));
   C(() => B(String(l + 1)), [l]);
   const P = () => {
-    const m = Ie($, u);
+    const m = Ie(z, u);
     if (m === null) {
       B(String(l + 1));
       return;
@@ -791,9 +791,9 @@ 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,
           " ",
@@ -805,14 +805,14 @@ function Pt(t) {
         " / ",
         u
       ] }),
-      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,7 +832,7 @@ function Pt(t) {
           children: "↓"
         }
       ),
-      f.fullscreen && /* @__PURE__ */ o(
+      f.fullscreen && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
@@ -843,13 +843,13 @@ function Pt(t) {
           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,23 +1023,33 @@ 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.6"
+            "0.4.8"
           ] }),
-          /* @__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, c = 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 ? c : w.manifest, f = g ? c ? "ready" : "loading" : w.state, u = {
     "--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}")`);
@@ -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,
       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__page--left{box-shadow:inset -30px 0 36px -22px #0009}.peeek--shadows.peeek__spread--pair .peeek__page--right{box-shadow:inset 30px 0 36px -22px #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:14px;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.6",
+  "version": "0.4.8",
   "description": "PeeekViewer: embeddable document viewer (flip and coverflow) for peeek.page.",
   "type": "module",
   "license": "MIT",