@eternalheart/react-file-preview 1.3.12 → 1.3.14

package/README.md

@@ -111,6 +111,33 @@ configurePdfjs({
 });
 ```
 
+### Vite Bundler Note (AVIF Decoder)
+
+If your project bundler is Vite and you happen to have `@jsquash/avif` installed (transitively or directly), the production build may fail with:
+
+```
+[commonjs--resolver] Invalid value "iife" for option "worker.format"
+- UMD and IIFE output formats are not supported for code-splitting builds.
+file: .../@jsquash/avif/codec/enc/avif_enc_mt.js
+```
+
+This happens because `@jsquash/avif` ships a multi-threaded worker that uses code-splitting, while Vite's default `worker.format` is `'iife'`, which does not support split chunks.
+
+**Fix** — add this to your `vite.config.ts`:
+
+```ts
+export default defineConfig({
+  // ... your existing config
+  worker: {
+    format: 'es',
+  },
+});
+```
+
+`'es'` produces module workers (`type: 'module'`), supported by all modern browsers and compatible with code-splitting.
+
+> Note: `@jsquash/avif` is only used as a fallback when the browser does not natively support AVIF (Chrome 85+, Firefox 93+, Safari 16+ all support it natively). If your target browsers cover the native list, you can also remove `@jsquash/avif` from your dependencies entirely.
+
 ## 🚀 Quick Start
 
 📖 **New to this library?** Check out the [Quick Start Guide](./QUICK_START.md) for a 5-minute introduction!

package/README.zh-CN.md

@@ -109,6 +109,33 @@ configurePdfjs({
 });
 ```
 
+### Vite 打包提示（AVIF 解码器）
+
+如果你的项目使用 Vite 打包,且项目里安装了 `@jsquash/avif`(直接安装或被其它依赖间接引入),生产构建时可能报错:
+
+```
+[commonjs--resolver] Invalid value "iife" for option "worker.format"
+- UMD and IIFE output formats are not supported for code-splitting builds.
+file: .../@jsquash/avif/codec/enc/avif_enc_mt.js
+```
+
+原因:`@jsquash/avif` 内部包含一个使用代码分割的多线程 worker,而 Vite 默认的 `worker.format` 是 `'iife'`,不支持多 chunk 拆分。
+
+**解决方法** —— 在你的 `vite.config.ts` 中加入:
+
+```ts
+export default defineConfig({
+  // ... 原有配置
+  worker: {
+    format: 'es',
+  },
+});
+```
+
+`'es'` 会产生 module worker(`type: 'module'`),现代浏览器全部支持,且兼容代码分割。
+
+> 说明:`@jsquash/avif` 仅在浏览器不原生支持 AVIF 时作为兜底使用(Chrome 85+、Firefox 93+、Safari 16+ 均已原生支持)。如果你的目标浏览器都覆盖原生支持范围,也可以直接从依赖中移除 `@jsquash/avif`。
+
 ## 🚀 快速开始
 
 📖 **第一次使用？** 查看 [快速开始指南](./QUICK_START.md) 获取 5 分钟入门教程！

package/lib/FilePreviewEmbed.d.ts

@@ -29,6 +29,8 @@ interface FilePreviewEmbedProps {
     shouldFetchAsBlob?: ShouldFetchAsBlob;
     /** 自定义下载回调；不传时库内默认通过 fetcher 拉 Blob 触发下载 */
     onDownload?: (file: PreviewFile) => void | Promise<void>;
+    /** 关闭回调：传入后工具栏显示关闭按钮 */
+    onClose?: () => void;
 }
 export declare const FilePreviewEmbed: React.FC<FilePreviewEmbedProps>;
 export {};

package/lib/FilePreviewEmbed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewEmbed.d.ts","sourceRoot":"","sources":["../src/FilePreviewEmbed.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE3D,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAE/K,UAAU,qBAAqB;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oBAAoB;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IAC5D,mDAAmD;IACnD,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,4BAA4B;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1D;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6D5D,CAAC"}
+{"version":3,"file":"FilePreviewEmbed.d.ts","sourceRoot":"","sources":["../src/FilePreviewEmbed.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE3D,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAE/K,UAAU,qBAAqB;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oBAAoB;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IAC5D,mDAAmD;IACnD,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,4BAA4B;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAC"}

package/lib/chunks/{index-BCbSb9Ob.mjs → index--lXiT1Y_.mjs}

@@ -1,11 +1,11 @@
 import { jsx as p, jsxs as z, Fragment as _e } from "react/jsx-runtime";
-import ke, { useMemo as I, useContext as q, createContext as at, useState as F, useRef as V, useEffect as E, lazy as R, useCallback as j, Suspense as Ce } from "react";
+import ke, { useMemo as I, useContext as q, createContext as at, useState as F, useRef as V, useEffect as W, lazy as R, useCallback as j, Suspense as Ce } from "react";
 import { createPortal as Ne } from "react-dom";
 import { motion as Y, AnimatePresence as Re } from "framer-motion";
 import { ZoomOut as qt, ZoomIn as Gt, Scan as Me, RotateCcw as Pe, RotateCw as je, RefreshCw as Xt, List as Kt, ChevronLeft as it, ChevronRight as st, Minimize2 as Jt, Maximize2 as Yt, WrapText as ze, Code as Qt, Eye as te, FileQuestion as Te, Download as ee, X as Se } from "lucide-react";
 import Ee from "jszip";
 import * as Le from "pdfjs-dist/build/pdf.mjs";
-const We = "1.3.12", $e = {
+const We = "1.3.14", $e = {
   version: We
 }, hr = [
   "image",
@@ -555,8 +555,8 @@ function Ye(t) {
     a.lastIndex = 0;
     let u;
     for (; (u = a.exec(s.raw)) !== null; ) {
-      const P = s.raw.slice(d, u.index);
-      m !== null && P && f.push({ start: Math.max(0, m - i), text: P }), c += P, m = nt(u[1], u[2], u[3]), d = u.index + u[0].length;
+      const M = s.raw.slice(d, u.index);
+      m !== null && M && f.push({ start: Math.max(0, m - i), text: M }), c += M, m = nt(u[1], u[2], u[3]), d = u.index + u[0].length;
     }
     const w = s.raw.slice(d);
     m !== null && w && f.push({ start: Math.max(0, m - i), text: w }), c += w;
@@ -597,13 +597,13 @@ function Vt(t, e) {
     const m = /^(Dialogue|Comment):\s*(.+)$/i.exec(f);
     if (!m || m[1].toLowerCase() === "comment" || a.length === 0) continue;
     const u = a.length, w = m[2].split(","), C = w.slice(0, u - 1), x = w.slice(u - 1).join(","), _ = {};
-    a.forEach((y, L) => {
-      _[y] = L === u - 1 ? x : C[L] ?? "";
+    a.forEach((y, E) => {
+      _[y] = E === u - 1 ? x : C[E] ?? "";
     });
-    const P = It(_.Start || ""), k = It(_.End || ""), M = (_.Text || "").replace(/\\N/g, `
+    const M = It(_.Start || ""), k = It(_.End || ""), P = (_.Text || "").replace(/\\N/g, `
 `).replace(/\\n/g, `
 `).replace(/\\h/g, " ").replace(/\{[^}]*\}/g, "");
-    n.push({ start: P, end: k, text: M, style: _.Style });
+    n.push({ start: M, end: k, text: P, style: _.Style });
   }
   return n.sort((s, l) => s.start - l.start), {
     format: e,
@@ -945,18 +945,18 @@ function Nr(t) {
     const f = /* @__PURE__ */ new Map(), c = o.model, d = (c == null ? void 0 : c.merges) || [];
     for (const m of d) {
       n.push(m);
-      const { top: u, left: w, bottom: C, right: x } = uo(m), _ = C - u, P = x - w;
-      f.set(`${u - 1},${w - 1}`, [_, P]);
+      const { top: u, left: w, bottom: C, right: x } = uo(m), _ = C - u, M = x - w;
+      f.set(`${u - 1},${w - 1}`, [_, M]);
     }
     o.eachRow({ includeEmpty: !0 }, (m, u) => {
       const w = u - 1, C = {};
-      m.eachCell({ includeEmpty: !1 }, (_, P) => {
-        const k = P - 1;
+      m.eachCell({ includeEmpty: !1 }, (_, M) => {
+        const k = M - 1;
         if (_.isMerged && _.master !== _) return;
-        const M = co(_), y = fo(_, r, a), L = { text: M };
-        y !== -1 && (L.style = y);
-        const W = `${w},${k}`;
-        f.has(W) && (L.merge = f.get(W)), C[String(k)] = L;
+        const P = co(_), y = fo(_, r, a), E = { text: P };
+        y !== -1 && (E.style = y);
+        const L = `${w},${k}`;
+        f.has(L) && (E.merge = f.get(L)), C[String(k)] = E;
       });
       const x = { cells: C };
       m.height && (x.height = Math.round(m.height * 1.333)), i[String(w)] = x;
@@ -1654,7 +1654,7 @@ function $o() {
 }
 function Do(t) {
   const { fetcher: e, shouldFetchAsBlob: o } = q(ct), r = !!(t && (o != null && o(t))), [a, n] = F(""), i = V(null);
-  return E(() => {
+  return W(() => {
     if (!t || !r) {
       i.current && (URL.revokeObjectURL(i.current), i.current = null), n("");
       return;
@@ -1671,46 +1671,46 @@ function Do(t) {
     }), () => {
       s = !0;
     };
-  }, [t == null ? void 0 : t.id, t == null ? void 0 : t.url, r, e]), E(() => () => {
+  }, [t == null ? void 0 : t.id, t == null ? void 0 : t.url, r, e]), W(() => () => {
     i.current && (URL.revokeObjectURL(i.current), i.current = null);
   }, []), t ? r ? a : t.url : "";
 }
 const Ao = R(
-  () => import("./index-fhiaa9rv.mjs").then((t) => ({ default: t.ImageRenderer }))
+  () => import("./index-B05UpMZC.mjs").then((t) => ({ default: t.ImageRenderer }))
 ), Uo = R(
-  () => import("./index-DAo4n3Mq.mjs").then((t) => ({ default: t.PdfRenderer }))
+  () => import("./index-jHf5E4be.mjs").then((t) => ({ default: t.PdfRenderer }))
 ), Oo = R(
-  () => import("./index-BBvL23cc.mjs").then((t) => ({ default: t.DocxRenderer }))
+  () => import("./index-B_7NPlPG.mjs").then((t) => ({ default: t.DocxRenderer }))
 ), Zo = R(
-  () => import("./index-Dx8aLIDX.mjs").then((t) => ({ default: t.XlsxRenderer }))
+  () => import("./index-DEzF8C7L.mjs").then((t) => ({ default: t.XlsxRenderer }))
 ), Io = R(
-  () => import("./index-DJZWizxK.mjs").then((t) => ({ default: t.PptxRenderer }))
+  () => import("./index-BG3Idu38.mjs").then((t) => ({ default: t.PptxRenderer }))
 ), Vo = R(
-  () => import("./index-DCTwUpKS.mjs").then((t) => ({ default: t.MsgRenderer }))
+  () => import("./index-BTLV1YqJ.mjs").then((t) => ({ default: t.MsgRenderer }))
 ), Bo = R(
-  () => import("./index-DlptjfMf.mjs").then((t) => ({ default: t.EpubRenderer }))
+  () => import("./index-Dq-90KbM.mjs").then((t) => ({ default: t.EpubRenderer }))
 ), Ho = R(
-  () => import("./index-DRCA7PhQ.mjs").then((t) => ({ default: t.MobiRenderer }))
+  () => import("./index-BaU-yih3.mjs").then((t) => ({ default: t.MobiRenderer }))
 ), qo = R(
-  () => import("./index-CJGtdAy7.mjs").then((t) => ({ default: t.VideoRenderer }))
+  () => import("./index-Go2oJfny.mjs").then((t) => ({ default: t.VideoRenderer }))
 ), Go = R(
-  () => import("./index-Cxf4CLJZ.mjs").then((t) => ({ default: t.AudioRenderer }))
+  () => import("./index-d8Bt4gIX.mjs").then((t) => ({ default: t.AudioRenderer }))
 ), Xo = R(
-  () => import("./index-DrgP7cc7.mjs").then((t) => ({ default: t.MarkdownRenderer }))
+  () => import("./index-CaobN7Im.mjs").then((t) => ({ default: t.MarkdownRenderer }))
 ), Ko = R(
-  () => import("./index-qEUWJYQ5.mjs").then((t) => ({ default: t.JsonRenderer }))
+  () => import("./index-BfzV7KIz.mjs").then((t) => ({ default: t.JsonRenderer }))
 ), Jo = R(
-  () => import("./index-D2t64h6I.mjs").then((t) => ({ default: t.CsvRenderer }))
+  () => import("./index-Br8WHz8e.mjs").then((t) => ({ default: t.CsvRenderer }))
 ), Yo = R(
-  () => import("./index-vaILKWGV.mjs").then((t) => ({ default: t.XmlRenderer }))
+  () => import("./index-DKwN-YU-.mjs").then((t) => ({ default: t.XmlRenderer }))
 ), Qo = R(
-  () => import("./index-BPsJtP6e.mjs").then((t) => ({ default: t.SubtitleRenderer }))
+  () => import("./index-DCGk-moA.mjs").then((t) => ({ default: t.SubtitleRenderer }))
 ), tr = R(
-  () => import("./index-CeQf1qNC.mjs").then((t) => ({ default: t.ZipRenderer }))
+  () => import("./index-DMmb2rBE.mjs").then((t) => ({ default: t.ZipRenderer }))
 ), er = R(
-  () => import("./index-CA8OvqPT.mjs").then((t) => ({ default: t.TextRenderer }))
+  () => import("./index-Ch7DqyC4.mjs").then((t) => ({ default: t.TextRenderer }))
 ), or = R(
-  () => import("./index-DdkkEzw3.mjs").then((t) => ({ default: t.FontRenderer }))
+  () => import("./index-D_cBflBv.mjs").then((t) => ({ default: t.FontRenderer }))
 ), Ht = ({
   fileName: t,
   fileType: e,
@@ -1774,15 +1774,15 @@ const Ao = R(
   const x = I(
     () => pt({ locale: s, messages: l }),
     [s, l]
-  ), [_, P] = F(
+  ), [_, M] = F(
     () => typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0
   );
-  E(() => {
+  W(() => {
     if (c !== "auto") return;
-    const h = window.matchMedia("(prefers-color-scheme: dark)"), v = (T) => P(T.matches);
+    const h = window.matchMedia("(prefers-color-scheme: dark)"), v = (T) => M(T.matches);
     return h.addEventListener("change", v), () => h.removeEventListener("change", v);
   }, [c]);
-  const k = c === "auto" ? _ ? "dark" : "light" : c, [M, y] = F(1), [L, W] = F(0), [ae, ut] = F(1), [, mt] = F(1), [A, Q] = F(0), [U, ht] = F(0), [ie, G] = F(0), $ = V(null), gt = V(null), bt = V(null), [se, wt] = F(0), [le, vt] = F(0), [pe, xt] = F(!1), yt = V(null), [fe, Ft] = F(0), [ce, _t] = F(0), [de, kt] = F(!1), [ue, Ct] = F(null), [Nt, Rt] = F(!0), [Mt, Pt] = F(!1), [jt, zt] = F("preview"), O = I(() => Ue(t), [t]), g = O[e], N = Do(g), Z = I(() => g ? r.find((h) => h.test(g)) : null, [g, r]), b = g ? Oe(g) : "unsupported", Tt = j(
+  const k = c === "auto" ? _ ? "dark" : "light" : c, [P, y] = F(1), [E, L] = F(0), [ae, ut] = F(1), [, mt] = F(1), [A, Q] = F(0), [U, ht] = F(0), [ie, G] = F(0), $ = V(null), gt = V(null), bt = V(null), [se, wt] = F(0), [le, vt] = F(0), [pe, xt] = F(!1), yt = V(null), [fe, Ft] = F(0), [ce, _t] = F(0), [de, kt] = F(!1), [ue, Ct] = F(null), [Nt, Rt] = F(!0), [Mt, Pt] = F(!1), [jt, zt] = F("preview"), O = I(() => Ue(t), [t]), g = O[e], N = Do(g), Z = I(() => g ? r.find((h) => h.test(g)) : null, [g, r]), b = g ? Oe(g) : "unsupported", Tt = j(
     (h, v) => {
       g && (d == null || d({ name: h, payload: v, file: g }));
     },
@@ -1796,14 +1796,14 @@ const Ao = R(
     }),
     [Tt, x, k, s]
   );
-  E(() => {
-    y(1), W(0), ut(1), mt(1), Q(0), ht(0), G(0), wt(0), vt(0), xt(!1), Ft(0), _t(0), kt(!1), Ct(null), Rt(!0), Pt(!1), zt("preview");
-  }, [e]), E(() => {
+  W(() => {
+    y(1), L(0), ut(1), mt(1), Q(0), ht(0), G(0), wt(0), vt(0), xt(!1), Ft(0), _t(0), kt(!1), Ct(null), Rt(!0), Pt(!1), zt("preview");
+  }, [e]), W(() => {
     if (b === "image" && A > 0 && U > 0 && $.current) {
       const h = $.current.clientWidth, v = $.current.clientHeight, T = h / A, S = v / U, H = Math.min(T, S);
       y(Math.max(0.01, Math.min(10, H)));
     }
-  }, [b, A, U]), E(() => {
+  }, [b, A, U]), W(() => {
     const h = (v) => {
       v.key === "Escape" && a === "modal" ? n == null || n() : v.key === "ArrowLeft" && e > 0 ? o == null || o(e - 1) : v.key === "ArrowRight" && e < O.length - 1 && (o == null || o(e + 1));
     };
@@ -1819,22 +1819,22 @@ const Ao = R(
   }, []), Lt = j(() => {
     y((h) => Math.max(h - 0.1, 0.01));
   }, []), me = j(() => {
-    W((h) => h + 90);
+    L((h) => h + 90);
   }, []), he = j(() => {
-    W((h) => h - 90);
+    L((h) => h - 90);
   }, []), ge = j(() => {
     if ($.current && A > 0 && U > 0) {
       const h = $.current.clientWidth, v = $.current.clientHeight, T = h / A, S = v / U, H = Math.min(T, S);
       y(Math.max(0.01, Math.min(10, H)));
     } else
       y(1);
-    W(0), G((h) => h + 1);
+    L(0), G((h) => h + 1);
   }, [A, U]), be = j(() => {
-    y(1), W(0), G((h) => h + 1);
+    y(1), L(0), G((h) => h + 1);
   }, []), we = j((h) => {
     y(h);
   }, []), Wt = j(() => {
-    y(1), W(0), G((h) => h + 1);
+    y(1), L(0), G((h) => h + 1);
   }, []), $t = $o(), tt = j(async () => {
     if (g) {
       if (m) {
@@ -1855,13 +1855,13 @@ const Ao = R(
     Ct(h);
   }, []);
   if (!g) return null;
-  const Fe = a === "modal" && !!n, X = (() => {
+  const Fe = !!n, X = (() => {
     var h, v;
     if (Z)
       return ((h = Z.getToolbarGroups) == null ? void 0 : h.call(Z, g, St)) ?? [];
     if (b === "image")
       return Mo({
-        zoom: M,
+        zoom: P,
         onZoomIn: Et,
         onZoomOut: Lt,
         onFitToWidth: ge,
@@ -1873,7 +1873,7 @@ const Ao = R(
       });
     if (b === "pdf")
       return Po({
-        zoom: M,
+        zoom: P,
         onZoomIn: Et,
         onZoomOut: Lt,
         onReset: Wt,
@@ -1994,8 +1994,8 @@ const Ao = R(
                 Ao,
                 {
                   url: N,
-                  zoom: M,
-                  rotation: L,
+                  zoom: P,
+                  rotation: E,
                   resetKey: ie,
                   fileSize: g.size,
                   file: g,
@@ -2008,7 +2008,7 @@ const Ao = R(
                 Uo,
                 {
                   url: N,
-                  zoom: M,
+                  zoom: P,
                   currentPage: ae,
                   onPageChange: ut,
                   onTotalPagesChange: mt,
@@ -2095,7 +2095,7 @@ const Ao = R(
     className: `rfp-relative rfp-group rfp-p-2 md:rfp-p-1.5 rfp-rounded-md rfp-transition-all rfp-select-none ${r ? "rfp-text-fg-disabled rfp-cursor-not-allowed" : "rfp-text-fg-primary hover:rfp-bg-surface-2 active:rfp-bg-surface-3"}`,
     children: [
       t,
-      /* @__PURE__ */ z("span", { className: "rfp-absolute rfp-left-1/2 -rfp-translate-x-1/2 rfp-top-full rfp-mt-1.5 rfp-px-2 rfp-py-1 rfp-text-xs rfp-rounded rfp-whitespace-nowrap rfp-pointer-events-none rfp-opacity-0 rfp-invisible group-hover:rfp-opacity-100 group-hover:rfp-visible rfp-transition-opacity rfp-duration-200 rfp-z-50 rfp-bg-fg-primary rfp-text-fg-inverse", children: [
+      /* @__PURE__ */ z("span", { className: "rfp-absolute rfp-left-1/2 -rfp-translate-x-1/2 rfp-top-full rfp-mt-1.5 rfp-px-2 rfp-py-1 rfp-text-xs rfp-rounded rfp-whitespace-nowrap rfp-pointer-events-none rfp-opacity-0 rfp-invisible group-hover:rfp-opacity-100 group-hover:rfp-visible rfp-transition-opacity rfp-duration-200 rfp-z-50 rfp-bg-fg-primary rfp-text-fg-inverse max-[1023px]:!rfp-hidden", children: [
         /* @__PURE__ */ p("span", { className: "rfp-absolute rfp-left-1/2 -rfp-translate-x-1/2 -rfp-top-1 rfp-w-2 rfp-h-2 rfp-rotate-45 rfp-bg-fg-primary" }),
         /* @__PURE__ */ p("span", { className: "rfp-relative", children: e })
       ] })
@@ -2114,14 +2114,14 @@ const Ao = R(
   }, []), c = j(() => {
     s((d) => d || !0), f();
   }, [f]);
-  return E(() => {
+  return W(() => {
     const d = t.current;
     if (!d) return;
     const m = () => c();
     return d.addEventListener("mousemove", m), () => {
       d.removeEventListener("mousemove", m);
     };
-  }, [t, c]), E(() => (s(!0), f(), () => {
+  }, [t, c]), W(() => (s(!0), f(), () => {
     l.current && clearTimeout(l.current);
   }), [n, f]), /* @__PURE__ */ z(_e, { children: [
     e && /* @__PURE__ */ p(
@@ -2174,21 +2174,21 @@ const Ao = R(
   const [C, x] = F(
     () => typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0
   );
-  E(() => {
+  W(() => {
     if (f !== "auto") return;
-    const k = window.matchMedia("(prefers-color-scheme: dark)"), M = (y) => x(y.matches);
-    return k.addEventListener("change", M), () => k.removeEventListener("change", M);
+    const k = window.matchMedia("(prefers-color-scheme: dark)"), P = (y) => x(y.matches);
+    return k.addEventListener("change", P), () => k.removeEventListener("change", P);
   }, [f]);
   const _ = f === "auto" ? C ? "dark" : "light" : f;
-  if (E(() => {
+  if (W(() => {
     if (o) {
-      const k = document.body.style.overflow, M = document.body.style.paddingRight, y = window.innerWidth - document.documentElement.clientWidth;
+      const k = document.body.style.overflow, P = document.body.style.paddingRight, y = window.innerWidth - document.documentElement.clientWidth;
       return document.body.style.overflow = "hidden", y > 0 && (document.body.style.paddingRight = `${y}px`), () => {
-        document.body.style.overflow = k, document.body.style.paddingRight = M;
+        document.body.style.overflow = k, document.body.style.paddingRight = P;
       };
     }
   }, [o]), !o) return null;
-  const P = /* @__PURE__ */ p("div", { className: "rfp-root", "data-theme": _, children: /* @__PURE__ */ p(Re, { children: o && /* @__PURE__ */ p(
+  const M = /* @__PURE__ */ p("div", { className: "rfp-root", "data-theme": _, children: /* @__PURE__ */ p(Re, { children: o && /* @__PURE__ */ p(
     Y.div,
     {
       initial: { opacity: 0 },
@@ -2226,7 +2226,7 @@ const Ao = R(
       )
     }
   ) }) });
-  return Ne(P, document.body);
+  return Ne(M, document.body);
 }, Er = ({
   files: t,
   currentIndex: e = 0,
@@ -2244,23 +2244,24 @@ const Ao = R(
   requestInit: u,
   requestHandler: w,
   shouldFetchAsBlob: C,
-  onDownload: x
+  onDownload: x,
+  onClose: _
 }) => {
-  const [_, P] = F(
+  const [M, k] = F(
     () => typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0
   );
-  E(() => {
+  W(() => {
     if (d !== "auto") return;
-    const M = window.matchMedia("(prefers-color-scheme: dark)"), y = (L) => P(L.matches);
-    return M.addEventListener("change", y), () => M.removeEventListener("change", y);
+    const y = window.matchMedia("(prefers-color-scheme: dark)"), E = (L) => k(L.matches);
+    return y.addEventListener("change", E), () => y.removeEventListener("change", E);
   }, [d]);
-  const k = d === "auto" ? _ ? "dark" : "light" : d;
+  const P = d === "auto" ? M ? "dark" : "light" : d;
   return /* @__PURE__ */ p(
     "div",
     {
       className: `rfp-root ${i ?? ""}`,
       style: { width: a, height: n, ...s },
-      "data-theme": k,
+      "data-theme": P,
       children: /* @__PURE__ */ p("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-overflow-hidden rfp-bg-surface-overlay", children: /* @__PURE__ */ p(
         dt,
         {
@@ -2277,7 +2278,8 @@ const Ao = R(
           requestInit: u,
           requestHandler: w,
           shouldFetchAsBlob: C,
-          onDownload: x
+          onDownload: x,
+          onClose: _
         }
       ) })
     }
@@ -2320,4 +2322,4 @@ export {
   Ue as w,
   gr as y
 };
-//# sourceMappingURL=index-BCbSb9Ob.mjs.map
+//# sourceMappingURL=index--lXiT1Y_.mjs.map