@peeekpage/viewer 0.3.15 → 0.3.17

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as a, Fragment as Ze } from "react/jsx-runtime";
-import { useState as w, useRef as O, useEffect as T, useCallback as F, useMemo as Ue } from "react";
+import { useState as w, useRef as O, useEffect as T, useCallback as S, useMemo as Ue } from "react";
 const je = /* @__PURE__ */ new Set(["http:", "https:"]);
-function B(t) {
+function D(t) {
   if (typeof t != "string") return null;
   const e = t.trim();
   if (e === "" || e.includes(" ")) return null;
@@ -45,10 +45,6 @@ const qe = ["en", "pt-BR"], pe = {
   about: "About",
   aboutTagline: "Embeddable document viewer by Peeek Page",
   aboutDescription: "Peeek Viewer shows document pages that live in your own storage, so your files stay yours.",
-  aboutLearnMore: "Learn more",
-  aboutDocs: "Documentation",
-  aboutReport: "Report a problem",
-  aboutLegal: "Legal",
   aboutClose: "Close"
 }, Ke = {
   prev: "Página anterior",
@@ -67,10 +63,6 @@ const qe = ["en", "pt-BR"], pe = {
   about: "Sobre",
   aboutTagline: "Visualizador de documentos incorporável do Peeek Page",
   aboutDescription: "O Peeek Viewer exibe as páginas de documentos que ficam no seu próprio armazenamento, então seus arquivos continuam seus.",
-  aboutLearnMore: "Saiba mais",
-  aboutDocs: "Documentação",
-  aboutReport: "Relatar um problema",
-  aboutLegal: "Aviso legal",
   aboutClose: "Fechar"
 }, Je = { en: pe, "pt-BR": Ke };
 function Qe(t) {
@@ -87,12 +79,12 @@ function tt(t) {
   return {
     src: typeof t.src == "string" ? t.src : "",
     mode: H(t.mode, ["flip", "coverflow"], "flip"),
-    logo: B(t.logo),
-    logoLink: B(t.logoLink),
+    logo: D(t.logo),
+    logoLink: D(t.logoLink),
     accentColor: ge(t.accentColor) ?? et,
     background: H(t.background, ["color", "image", "transparent"], "color"),
     backgroundColor: We(t.backgroundColor),
-    backgroundImage: B(t.backgroundImage),
+    backgroundImage: D(t.backgroundImage),
     layout: H(t.layout, ["single", "double"], "double"),
     fillHeight: I(t.fillHeight, !1),
     pageShadows: I(t.pageShadows, !0),
@@ -107,13 +99,13 @@ function tt(t) {
     arrows: I(t.arrows, !0),
     navigationBar: I(t.navigationBar, !0),
     pagesOverview: I(t.pagesOverview, !0),
-    downloadUrl: B(t.downloadUrl),
+    downloadUrl: D(t.downloadUrl),
     aboutButton: I(t.aboutButton, !0),
     pollInterval: typeof t.pollInterval == "number" && t.pollInterval > 0 ? t.pollInterval : 2e3,
     className: typeof t.className == "string" ? t.className : ""
   };
 }
-const ae = 5e3;
+const re = 5e3;
 function V(t) {
   return typeof t == "string" ? t : "";
 }
@@ -123,20 +115,20 @@ function nt(t) {
   const e = t;
   if (!Array.isArray(e.pages))
     return { ok: !1, error: "manifest.pages is missing or not an array" };
-  if (e.pages.length > ae)
+  if (e.pages.length > re)
     return { ok: !1, error: "manifest.pages exceeds the maximum" };
   const n = e.total_pages, r = typeof n == "number" && Number.isFinite(n) && n >= 0 ? n : e.pages.length;
-  if (r > ae)
+  if (r > re)
     return { ok: !1, error: "manifest.total_pages exceeds the maximum" };
   const l = [];
   for (const d of e.pages) {
     if (d === null || typeof d != "object") continue;
-    const c = B(d.url);
-    c && l.push(c);
+    const i = D(d.url);
+    i && l.push(i);
   }
   if (l.length === 0)
     return { ok: !1, error: "manifest has no usable pages" };
-  const i = e.status === "wip" ? "wip" : "done", p = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, b = {
+  const c = e.status === "wip" ? "wip" : "done", p = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, b = {
     fileId: V(p.file_id),
     filename: V(p.filename),
     creationDate: V(p.creation_date),
@@ -145,15 +137,15 @@ function nt(t) {
   };
   return {
     ok: !0,
-    value: { status: i, totalPages: r, pages: l, metadata: b }
+    value: { status: c, totalPages: r, pages: l, metadata: b }
   };
 }
-function at(t, e) {
-  if (!Array.isArray(t) || t.length > ae) return null;
+function rt(t, e) {
+  if (!Array.isArray(t) || t.length > re) return null;
   const n = [];
   for (const l of t) {
-    const i = B(l);
-    i && n.push(i);
+    const c = D(l);
+    c && n.push(c);
   }
   return n.length === 0 ? null : {
     status: "done",
@@ -168,11 +160,11 @@ function at(t, e) {
     }
   };
 }
-function rt(t, e) {
-  const [n, r] = w("loading"), [l, i] = w(null), [p, b] = w(null), d = O(null);
+function at(t, e) {
+  const [n, r] = w("loading"), [l, c] = w(null), [p, b] = w(null), d = O(null);
   return T(() => {
-    let c = !1;
-    if (r("loading"), i(null), b(null), !t) return;
+    let i = !1;
+    if (r("loading"), c(null), b(null), !t) return;
     const h = () => {
       d.current !== null && (clearTimeout(d.current), d.current = null);
     }, _ = async () => {
@@ -182,20 +174,20 @@ function rt(t, e) {
         if (!s.ok) throw new Error(`HTTP ${s.status}`);
         u = await s.json();
       } catch (s) {
-        if (c) return;
+        if (i) return;
         b(s instanceof Error ? s.message : "fetch failed"), r("error");
         return;
       }
-      if (c) return;
+      if (i) return;
       const f = nt(u);
       if (!f.ok) {
         b(f.error), r("error");
         return;
       }
-      i(f.value), r("ready"), f.value.status === "wip" && (d.current = setTimeout(_, e));
+      c(f.value), r("ready"), f.value.status === "wip" && (d.current = setTimeout(_, e));
     };
     return _(), () => {
-      c = !0, h();
+      i = !0, h();
     };
   }, [t, e]), { state: n, manifest: l, error: p };
 }
@@ -205,7 +197,7 @@ function ot(t) {
     const l = () => n(document.fullscreenElement != null);
     return document.addEventListener("fullscreenchange", l), () => document.removeEventListener("fullscreenchange", l);
   }, []);
-  const r = F(async () => {
+  const r = S(async () => {
     const l = t.current;
     if (l)
       try {
@@ -228,7 +220,7 @@ function be() {
     return n.addEventListener("change", r), () => n.removeEventListener("change", r);
   }, []), t;
 }
-function re(t, e) {
+function ae(t, e) {
   return t <= 0 ? 0 : e === "single" ? t : 1 + Math.ceil((t - 1) / 2);
 }
 function lt(t, e) {
@@ -244,11 +236,11 @@ function Y(t, e, n) {
   return { left: r < e ? r : -1, right: l < e ? l : -1 };
 }
 function he(t, e, n) {
-  const { left: r, right: l } = Y(t, e, n), i = [];
-  return r >= 0 && i.push(r), l >= 0 && i.push(l), i;
+  const { left: r, right: l } = Y(t, e, n), c = [];
+  return r >= 0 && c.push(r), l >= 0 && c.push(l), c;
 }
 function ee(t, e, n) {
-  const r = re(e, n) - 1;
+  const r = ae(e, n) - 1;
   return t < 0 ? 0 : t > r ? r : t;
 }
 function st(t) {
@@ -257,11 +249,11 @@ function st(t) {
     label: n,
     progress: r,
     zoom: l,
-    minZoom: i,
+    minZoom: c,
     maxZoom: p,
     thumbsOpen: b,
     isFullscreen: d,
-    downloadUrl: c,
+    downloadUrl: i,
     show: h,
     onZoomIn: _,
     onZoomOut: u,
@@ -279,7 +271,7 @@ function st(t) {
         type: "button",
         className: "peeek__btn",
         "aria-label": e.zoomOut,
-        disabled: l <= i,
+        disabled: l <= c,
         onClick: u,
         children: "−"
       }
@@ -289,7 +281,7 @@ function st(t) {
       {
         type: "range",
         "aria-label": e.zoom,
-        min: i,
+        min: c,
         max: p,
         step: 0.25,
         value: l,
@@ -318,11 +310,11 @@ function st(t) {
         children: "▦"
       }
     ),
-    c && /* @__PURE__ */ a(
+    i && /* @__PURE__ */ a(
       "a",
       {
         className: "peeek__btn",
-        href: c,
+        href: i,
         "aria-label": e.download,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -354,9 +346,9 @@ function st(t) {
   ] });
 }
 function it({ pages: t, layout: e, rtl: n, activePages: r, onJump: l }) {
-  const i = t.length, p = new Set(r), b = re(i, e);
-  return /* @__PURE__ */ a("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: b }, (d, c) => {
-    const h = he(c, i, e), _ = h.length === 2;
+  const c = t.length, p = new Set(r), b = ae(c, e);
+  return /* @__PURE__ */ a("div", { className: "peeek__thumbs", role: "group", "aria-label": "Pages", children: Array.from({ length: b }, (d, i) => {
+    const h = he(i, c, e), _ = h.length === 2;
     return /* @__PURE__ */ y("div", { className: "peeek__thumb-group", children: [
       h.map((u, f) => {
         let s = "";
@@ -374,7 +366,7 @@ function it({ pages: t, layout: e, rtl: n, activePages: r, onJump: l }) {
         );
       }),
       /* @__PURE__ */ a("span", { className: "peeek__thumb-badge", "aria-hidden": !0, children: h.map((u) => u + 1).join("-") })
-    ] }, c);
+    ] }, i);
   }) });
 }
 const te = 1, ne = 2, me = 0.25;
@@ -384,16 +376,16 @@ function ct(t) {
     strings: n,
     layout: r,
     rtl: l,
-    pageShadows: i,
+    pageShadows: c,
     animateInteractions: p,
     autoTransition: b,
     autoTransitionInterval: d,
-    show: c,
+    show: i,
     downloadUrl: h,
     isFullscreen: _,
     onToggleFullscreen: u,
     onAbout: f
-  } = t, s = e.length, P = re(s, r), N = be() || !p, [W, S] = w(0), [C, U] = w(1), [X, v] = w(!1), [g, $] = w({ x: 0, y: 0 }), [M, R] = w(!1), G = O(null), oe = O(null), [k, le] = w(null), se = O(null), [_e, ke] = w(0.707);
+  } = t, s = e.length, P = ae(s, r), N = be() || !p, [W, z] = w(0), [C, U] = w(1), [X, v] = w(!1), [g, $] = w({ x: 0, y: 0 }), [A, R] = w(!1), G = O(null), oe = O(null), [k, le] = w(null), se = O(null), [_e, ke] = w(0.707);
   T(() => {
     if (!e[0]) return;
     const o = new globalThis.Image();
@@ -401,16 +393,16 @@ function ct(t) {
       o.naturalWidth && o.naturalHeight && ke(o.naturalWidth / o.naturalHeight);
     }, o.src = e[0];
   }, [e]);
-  const L = ee(W, s, r), ye = L <= 0, q = L >= P - 1, z = F(
+  const F = ee(W, s, r), ye = F <= 0, q = F >= P - 1, E = S(
     (o) => {
-      k || S((m) => {
+      k || z((m) => {
         const x = ee(m + o, s, r);
         return x === m ? m : N ? x : (le({ dir: o, to: x }), m);
       });
     },
     [s, r, N, k]
-  ), ve = F(() => {
-    le((o) => (o && S(o.to), null));
+  ), ve = S(() => {
+    le((o) => (o && z(o.to), null));
   }, []);
   T(() => {
     if (!k) return;
@@ -427,29 +419,29 @@ function ct(t) {
       cancelAnimationFrame(x), cancelAnimationFrame(m);
     };
   }, [k]);
-  const we = F(
+  const we = S(
     (o) => {
-      S(ee(lt(o, r), s, r));
+      z(ee(lt(o, r), s, r));
     },
     [s, r]
-  ), Ne = F(
+  ), Ne = S(
     (o) => {
-      o.key === "ArrowRight" ? z(l ? -1 : 1) : o.key === "ArrowLeft" && z(l ? 1 : -1);
+      o.key === "ArrowRight" ? E(l ? -1 : 1) : o.key === "ArrowLeft" && E(l ? 1 : -1);
     },
-    [z, l]
+    [E, l]
   );
   T(() => {
     if (!b || q) return;
-    const o = setTimeout(() => z(1), d);
+    const o = setTimeout(() => E(1), d);
     return () => clearTimeout(o);
-  }, [b, d, q, L, z]);
-  const Te = () => U((o) => Math.min(ne, o + me)), Ce = () => U((o) => Math.max(te, o - me)), K = F((o, m, x) => {
+  }, [b, d, q, F, E]);
+  const Te = () => U((o) => Math.min(ne, o + me)), Ce = () => U((o) => Math.max(te, o - me)), K = S((o, m, x) => {
     const Q = oe.current;
     if (!Q || x <= 1) return { x: 0, y: 0 };
     const ue = (x - 1) * Q.clientWidth / 2, de = (x - 1) * Q.clientHeight / 2;
     return { x: Math.max(-ue, Math.min(ue, o)), y: Math.max(-de, Math.min(de, m)) };
   }, []);
-  T(() => $((o) => K(o.x, o.y, C)), [C, K]), T(() => $({ x: 0, y: 0 }), [L]);
+  T(() => $((o) => K(o.x, o.y, C)), [C, K]), T(() => $({ x: 0, y: 0 }), [F]);
   const xe = (o) => {
     C <= 1 || (G.current = { x: o.clientX, y: o.clientY, px: g.x, py: g.y }, R(!0), o.currentTarget.setPointerCapture(o.pointerId));
   }, Ie = (o) => {
@@ -463,7 +455,7 @@ function ct(t) {
       } catch {
       }
     }
-  }, j = he(L, s, r), J = j[0] ?? 0, Pe = r === "double" && j.length === 2 ? `${j[0] + 1} - ${j[1] + 1} / ${s}` : `${J + 1} / ${s}`, $e = P <= 1 ? 100 : L / (P - 1) * 100, Me = n.prev, Le = n.next, Ae = k ? k.to : L, E = Y(Ae, s, r), Fe = E.left < 0 && E.right >= 0, Se = E.left >= 0 && E.right < 0, ze = E.left >= 0 && E.right >= 0, Ee = Fe ? "-25%" : Se ? "25%" : "0%", A = Y(L, s, r), D = k ? Y(k.to, s, r) : A, Oe = k ? k.dir === 1 ? A.right >= 0 ? A.right : A.left : A.left >= 0 ? A.left : A.right : J, Re = k ? k.dir === 1 ? D.left >= 0 ? D.left : D.right : D.right >= 0 ? D.right : D.left : J, De = k ? k.dir === 1 ? "left" : "right" : null, ce = (o) => o === De ? A[o] : E[o], Be = [
+  }, j = he(F, s, r), J = j[0] ?? 0, Pe = r === "double" && j.length === 2 ? `${j[0] + 1} - ${j[1] + 1} / ${s}` : `${J + 1} / ${s}`, $e = P <= 1 ? 100 : F / (P - 1) * 100, Ae = n.prev, Fe = n.next, Me = k ? k.to : F, L = Y(Me, s, r), Se = L.left < 0 && L.right >= 0, ze = L.left >= 0 && L.right < 0, Ee = L.left >= 0 && L.right >= 0, Le = Se ? "-25%" : ze ? "25%" : "0%", M = Y(F, s, r), B = k ? Y(k.to, s, r) : M, Oe = k ? k.dir === 1 ? M.right >= 0 ? M.right : M.left : M.left >= 0 ? M.left : M.right : J, Re = k ? k.dir === 1 ? B.left >= 0 ? B.left : B.right : B.right >= 0 ? B.right : B.left : J, Be = k ? k.dir === 1 ? "left" : "right" : null, ce = (o) => o === Be ? M[o] : L[o], De = [
     ["left", ce("left")],
     ["right", ce("right")]
   ];
@@ -477,14 +469,14 @@ function ct(t) {
         onKeyDown: Ne,
         style: { "--peeek-aspect": `${_e}` },
         children: [
-          c.arrows && /* @__PURE__ */ a(
+          i.arrows && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--prev",
-              "aria-label": Me,
+              "aria-label": Ae,
               disabled: ye,
-              onClick: () => z(-1),
+              onClick: () => E(-1),
               children: "‹"
             }
           ),
@@ -494,7 +486,7 @@ function ct(t) {
               className: `peeek__zoom${C > 1 ? " peeek__zoom--pannable" : ""}`,
               style: {
                 transform: `translate(${g.x}px, ${g.y}px) scale(${C})`,
-                transition: N || M ? "none" : void 0
+                transition: N || A ? "none" : void 0
               },
               onPointerDown: xe,
               onPointerMove: Ie,
@@ -503,11 +495,11 @@ function ct(t) {
               children: /* @__PURE__ */ y(
                 "div",
                 {
-                  className: `peeek__spread${i ? " peeek--shadows" : ""}${ze ? " peeek__spread--pair" : ""}`,
-                  style: { transform: `translateX(${Ee})` },
+                  className: `peeek__spread${c ? " peeek--shadows" : ""}${Ee ? " peeek__spread--pair" : ""}`,
+                  style: { transform: `translateX(${Le})` },
                   children: [
-                    Be.map(([o, m]) => {
-                      const x = m >= 0 && c.fullscreen && !_ && !k && C === 1;
+                    De.map(([o, m]) => {
+                      const x = m >= 0 && i.fullscreen && !_ && !k && C === 1;
                       return /* @__PURE__ */ a(
                         "div",
                         {
@@ -543,21 +535,21 @@ function ct(t) {
               )
             }
           ),
-          c.arrows && /* @__PURE__ */ a(
+          i.arrows && /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: "peeek__arrow peeek__arrow--next",
-              "aria-label": Le,
+              "aria-label": Fe,
               disabled: q,
-              onClick: () => z(1),
+              onClick: () => E(1),
               children: "›"
             }
           )
         ]
       }
     ),
-    c.toolbar && /* @__PURE__ */ a(
+    i.toolbar && /* @__PURE__ */ a(
       st,
       {
         strings: n,
@@ -569,7 +561,7 @@ function ct(t) {
         thumbsOpen: X,
         isFullscreen: _,
         downloadUrl: h,
-        show: { bar: c.bar, fullscreen: c.fullscreen, thumbnails: c.thumbnails && c.overview, about: c.about },
+        show: { bar: i.bar, fullscreen: i.fullscreen, thumbnails: i.thumbnails && i.overview, about: i.about },
         onZoomIn: Te,
         onZoomOut: Ce,
         onZoomSet: (o) => U(Math.min(ne, Math.max(te, o))),
@@ -578,7 +570,7 @@ function ct(t) {
         onAbout: f
       }
     ),
-    c.overview && X && /* @__PURE__ */ a(it, { pages: e, layout: r, rtl: l, activePages: j, onJump: we })
+    i.overview && X && /* @__PURE__ */ a(it, { pages: e, layout: r, rtl: l, activePages: j, onJump: we })
   ] });
 }
 function ut(t, e) {
@@ -604,31 +596,31 @@ function ft(t) {
     strings: n,
     filename: r,
     mimeType: l,
-    rtl: i,
+    rtl: c,
     autoTransition: p,
     autoTransitionInterval: b,
     downloadUrl: d,
-    isFullscreen: c,
+    isFullscreen: i,
     onToggleFullscreen: h,
     onAbout: _,
     show: u
-  } = t, f = e.length, [s, P] = w(0), Z = be(), N = F(
+  } = t, f = e.length, [s, P] = w(0), Z = be(), N = S(
     (v) => P((g) => Math.max(0, Math.min(f - 1, g + v))),
     [f]
-  ), W = s <= 0, S = s >= f - 1, C = O([]);
+  ), W = s <= 0, z = s >= f - 1, C = O([]);
   T(() => {
     var v, g;
     (g = (v = C.current[s]) == null ? void 0 : v.scrollIntoView) == null || g.call(v, { behavior: "smooth", inline: "center", block: "nearest" });
   }, [s]), T(() => {
-    if (!p || Z || S) return;
+    if (!p || Z || z) return;
     const v = setTimeout(() => N(1), b);
     return () => clearTimeout(v);
-  }, [p, b, Z, S, s, N]);
-  const U = F(
+  }, [p, b, Z, z, s, N]);
+  const U = S(
     (v) => {
-      v.key === "ArrowRight" ? N(i ? -1 : 1) : v.key === "ArrowLeft" && N(i ? 1 : -1);
+      v.key === "ArrowRight" ? N(c ? -1 : 1) : v.key === "ArrowLeft" && N(c ? 1 : -1);
     },
-    [N, i]
+    [N, c]
   ), X = ut(r, l);
   return /* @__PURE__ */ y("div", { className: "peeek__cf", children: [
     /* @__PURE__ */ y("div", { className: "peeek__cf-header", children: [
@@ -662,9 +654,9 @@ function ft(t) {
         "button",
         {
           type: "button",
-          className: `peeek__btn${c ? " peeek__btn--active" : ""}`,
+          className: `peeek__btn${i ? " peeek__btn--active" : ""}`,
           "aria-label": n.fullscreen,
-          "aria-pressed": c,
+          "aria-pressed": i,
           onClick: h,
           children: "⛶"
         }
@@ -701,17 +693,17 @@ function ft(t) {
           e.map((v, g) => {
             const $ = g - s;
             if (Math.abs($) > 1) return null;
-            const M = $ === 0, R = M && u.fullscreen;
+            const A = $ === 0, R = A && u.fullscreen;
             return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                className: `peeek__cf-card${M ? " peeek__cf-card--center" : ""}${R ? " peeek__cf-card--zoom" : ""}`,
-                style: dt($, i),
-                tabIndex: M ? 0 : -1,
+                className: `peeek__cf-card${A ? " peeek__cf-card--center" : ""}${R ? " peeek__cf-card--zoom" : ""}`,
+                style: dt($, c),
+                tabIndex: A ? 0 : -1,
                 "aria-label": R ? n.openFullscreen : `Go to page ${g + 1}`,
                 onClick: () => R ? h() : P(g),
-                children: /* @__PURE__ */ a("img", { src: v, alt: M ? `Page ${g + 1}` : "", loading: "lazy", referrerPolicy: "no-referrer" })
+                children: /* @__PURE__ */ a("img", { src: v, alt: A ? `Page ${g + 1}` : "", loading: "lazy", referrerPolicy: "no-referrer" })
               },
               g
             );
@@ -722,7 +714,7 @@ function ft(t) {
               type: "button",
               className: "peeek__arrow peeek__arrow--next",
               "aria-label": n.next,
-              disabled: S,
+              disabled: z,
               onClick: () => N(1),
               children: "›"
             }
@@ -735,8 +727,8 @@ function ft(t) {
       return /* @__PURE__ */ y(
         "button",
         {
-          ref: (M) => {
-            C.current[g] = M;
+          ref: (A) => {
+            C.current[g] = A;
           },
           type: "button",
           className: `peeek__cf-thumb${$ ? " peeek__cf-thumb--active" : ""}`,
@@ -760,29 +752,22 @@ function mt({ logo: t, logoLink: e }) {
 }
 function gt({ strings: t, onClose: e }) {
   const n = O(null);
-  T(() => {
-    var l;
-    (l = n.current) == null || l.focus();
+  return T(() => {
+    var r;
+    (r = n.current) == null || r.focus();
   }, []), T(() => {
-    const l = (i) => {
-      i.key === "Escape" && e();
+    const r = (l) => {
+      l.key === "Escape" && e();
     };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [e]);
-  const r = [
-    { label: t.aboutLearnMore, href: "https://peeek.page" },
-    { label: t.aboutDocs, href: "https://peeek.page/docs" },
-    { label: t.aboutReport, href: "mailto:hello@cidral.dev" },
-    { label: t.aboutLegal, href: "https://peeek.page/legal/tos" }
-  ];
-  return /* @__PURE__ */ a("div", { className: "peeek__about-backdrop", onClick: e, children: /* @__PURE__ */ y(
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [e]), /* @__PURE__ */ a("div", { className: "peeek__about-backdrop", onClick: e, children: /* @__PURE__ */ y(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Peeek Viewer",
       className: "peeek__about",
-      onClick: (l) => l.stopPropagation(),
+      onClick: (r) => r.stopPropagation(),
       children: [
         /* @__PURE__ */ a(
           "button",
@@ -799,19 +784,28 @@ function gt({ strings: t, onClose: e }) {
           "svg",
           {
             className: "peeek__about-mark",
-            width: "40",
-            height: "40",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "1.6",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
+            width: "44",
+            height: "44",
+            viewBox: "0 0 256 256",
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ a("path", { d: "M7 3h7l4 4v11a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
-              /* @__PURE__ */ a("path", { d: "M14 3v4h4" }),
-              /* @__PURE__ */ a("path", { d: "M4 7v13a1 1 0 0 0 1 1h11" })
+              /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ y("radialGradient", { id: "peeek-about-orb", cx: "38%", cy: "30%", r: "80%", children: [
+                /* @__PURE__ */ a("stop", { offset: "0%", stopColor: "#9aa2e6" }),
+                /* @__PURE__ */ a("stop", { offset: "55%", stopColor: "#6E79D6" }),
+                /* @__PURE__ */ a("stop", { offset: "100%", stopColor: "#535cc0" })
+              ] }) }),
+              /* @__PURE__ */ a("circle", { cx: "128", cy: "128", r: "128", fill: "url(#peeek-about-orb)" }),
+              /* @__PURE__ */ a(
+                "path",
+                {
+                  d: "M90 196 V70 H140 A38 38 0 0 1 140 146 H90",
+                  fill: "none",
+                  stroke: "#fff",
+                  strokeWidth: "30",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
             ]
           }
         ),
@@ -819,32 +813,18 @@ function gt({ strings: t, onClose: e }) {
         /* @__PURE__ */ a("div", { className: "peeek__about-tagline", children: t.aboutTagline }),
         /* @__PURE__ */ y("div", { className: "peeek__about-version", children: [
           "v",
-          "0.3.15"
+          "0.3.17"
         ] }),
-        /* @__PURE__ */ a("p", { className: "peeek__about-desc", children: t.aboutDescription }),
-        /* @__PURE__ */ a("div", { className: "peeek__about-links", children: r.map((l) => /* @__PURE__ */ y(
-          "a",
-          {
-            className: "peeek__about-link",
-            href: l.href,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: [
-              /* @__PURE__ */ a("span", { children: l.label }),
-              /* @__PURE__ */ a("span", { className: "peeek__about-link-arrow", "aria-hidden": "true", children: "›" })
-            ]
-          },
-          l.href
-        )) })
+        /* @__PURE__ */ a("p", { className: "peeek__about-desc", children: t.aboutDescription })
       ]
     }
   ) });
 }
 function ht(t) {
-  const e = tt(t), n = Qe(e.language), r = O(null), { isFullscreen: l, toggle: i } = ot(r), [p, b] = w(!1), d = t.pages !== void 0, c = Ue(
-    () => d ? at(t.pages, { filename: t.filename, mimeType: t.mimeType }) : null,
+  const e = tt(t), n = Qe(e.language), r = O(null), { isFullscreen: l, toggle: c } = ot(r), [p, b] = w(!1), d = t.pages !== void 0, i = Ue(
+    () => d ? rt(t.pages, { filename: t.filename, mimeType: t.mimeType }) : null,
     [d, t.pages, t.filename, t.mimeType]
-  ), h = rt(d ? null : e.src, e.pollInterval), _ = d ? c : h.manifest, u = d ? c ? "ready" : "loading" : h.state, f = {
+  ), h = at(d ? null : e.src, e.pollInterval), _ = d ? i : h.manifest, u = d ? i ? "ready" : "loading" : h.state, f = {
     "--peeek-accent": e.accentColor
   };
   e.background === "transparent" ? f["--peeek-bg"] = "transparent" : e.background === "color" && e.backgroundColor ? f["--peeek-bg"] = e.backgroundColor : e.background === "image" && e.backgroundImage && (f["--peeek-bg"] = `center / cover no-repeat url("${e.backgroundImage}")`);
@@ -882,7 +862,7 @@ function ht(t) {
             autoTransitionInterval: e.autoTransitionInterval,
             downloadUrl: e.downloadUrl,
             isFullscreen: l,
-            onToggleFullscreen: i,
+            onToggleFullscreen: c,
             onAbout: () => b(!0),
             show: { arrows: e.arrows, thumbnails: e.pagesOverview, fullscreen: e.fullscreen, about: e.aboutButton }
           }
@@ -901,7 +881,7 @@ function ht(t) {
             show: s,
             downloadUrl: e.downloadUrl,
             isFullscreen: l,
-            onToggleFullscreen: i,
+            onToggleFullscreen: c,
             onAbout: () => b(!0)
           }
         ),

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}.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__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;align-items:center;justify-content:center;min-height:24rem;font-size:16px;color:var(--peeek-text)}.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[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--right{border-radius:0 8px 8px 0}.peeek[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--left{border-radius:8px 0 0 8px}.peeek[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--front{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--back,.peeek[data-layout=double] .peeek__leaf--back .peeek__leaf-face--front{border-top-left-radius:8px;border-bottom-left-radius:8px}.peeek[data-layout=double] .peeek__leaf--back .peeek__leaf-face--back{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek[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}.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{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-links{margin-top:1.1rem;text-align:left;border-top:1px solid rgba(255,255,255,.08)}.peeek__about-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .25rem;font-size:14px;color:var(--peeek-text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}.peeek__about-link:hover{color:var(--peeek-accent)}.peeek__about-link-arrow{color:#f5f5fa80;font-size:16px}.peeek__about-link:hover .peeek__about-link-arrow{color:var(--peeek-accent)}
+.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}.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__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;align-items:center;justify-content:center;min-height:24rem;font-size:16px;color:var(--peeek-text)}.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[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--right{border-radius:0 8px 8px 0}.peeek[data-layout=double] .peeek__spread:not(.peeek__spread--pair) .peeek__page--left{border-radius:8px 0 0 8px}.peeek[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--front{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek[data-layout=double] .peeek__leaf--fwd .peeek__leaf-face--back,.peeek[data-layout=double] .peeek__leaf--back .peeek__leaf-face--front{border-top-left-radius:8px;border-bottom-left-radius:8px}.peeek[data-layout=double] .peeek__leaf--back .peeek__leaf-face--back{border-top-right-radius:8px;border-bottom-right-radius:8px}.peeek[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}.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}

package/package.json

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