@eternalheart/react-file-preview 1.3.13 → 1.3.14

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-CWCNvV2X.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.13", $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-DtZwBUd0.mjs").then((t) => ({ default: t.ImageRenderer }))
+  () => import("./index-B05UpMZC.mjs").then((t) => ({ default: t.ImageRenderer }))
 ), Uo = R(
-  () => import("./index-BvjPzMFc.mjs").then((t) => ({ default: t.PdfRenderer }))
+  () => import("./index-jHf5E4be.mjs").then((t) => ({ default: t.PdfRenderer }))
 ), Oo = R(
-  () => import("./index-CIqtwqgy.mjs").then((t) => ({ default: t.DocxRenderer }))
+  () => import("./index-B_7NPlPG.mjs").then((t) => ({ default: t.DocxRenderer }))
 ), Zo = R(
-  () => import("./index-sft0uUd7.mjs").then((t) => ({ default: t.XlsxRenderer }))
+  () => import("./index-DEzF8C7L.mjs").then((t) => ({ default: t.XlsxRenderer }))
 ), Io = R(
-  () => import("./index-BgMhDDkd.mjs").then((t) => ({ default: t.PptxRenderer }))
+  () => import("./index-BG3Idu38.mjs").then((t) => ({ default: t.PptxRenderer }))
 ), Vo = R(
-  () => import("./index-DqXfw2eb.mjs").then((t) => ({ default: t.MsgRenderer }))
+  () => import("./index-BTLV1YqJ.mjs").then((t) => ({ default: t.MsgRenderer }))
 ), Bo = R(
-  () => import("./index-Ctf8mG_u.mjs").then((t) => ({ default: t.EpubRenderer }))
+  () => import("./index-Dq-90KbM.mjs").then((t) => ({ default: t.EpubRenderer }))
 ), Ho = R(
-  () => import("./index-DN4Lc1dx.mjs").then((t) => ({ default: t.MobiRenderer }))
+  () => import("./index-BaU-yih3.mjs").then((t) => ({ default: t.MobiRenderer }))
 ), qo = R(
-  () => import("./index-B2IlXQPc.mjs").then((t) => ({ default: t.VideoRenderer }))
+  () => import("./index-Go2oJfny.mjs").then((t) => ({ default: t.VideoRenderer }))
 ), Go = R(
-  () => import("./index-p4mew8Hx.mjs").then((t) => ({ default: t.AudioRenderer }))
+  () => import("./index-d8Bt4gIX.mjs").then((t) => ({ default: t.AudioRenderer }))
 ), Xo = R(
-  () => import("./index-CRn7LdHD.mjs").then((t) => ({ default: t.MarkdownRenderer }))
+  () => import("./index-CaobN7Im.mjs").then((t) => ({ default: t.MarkdownRenderer }))
 ), Ko = R(
-  () => import("./index-_EpQHlUY.mjs").then((t) => ({ default: t.JsonRenderer }))
+  () => import("./index-BfzV7KIz.mjs").then((t) => ({ default: t.JsonRenderer }))
 ), Jo = R(
-  () => import("./index-DZxzCMp2.mjs").then((t) => ({ default: t.CsvRenderer }))
+  () => import("./index-Br8WHz8e.mjs").then((t) => ({ default: t.CsvRenderer }))
 ), Yo = R(
-  () => import("./index-C8r2-Evl.mjs").then((t) => ({ default: t.XmlRenderer }))
+  () => import("./index-DKwN-YU-.mjs").then((t) => ({ default: t.XmlRenderer }))
 ), Qo = R(
-  () => import("./index-B0QA380T.mjs").then((t) => ({ default: t.SubtitleRenderer }))
+  () => import("./index-DCGk-moA.mjs").then((t) => ({ default: t.SubtitleRenderer }))
 ), tr = R(
-  () => import("./index-DfkP0zX3.mjs").then((t) => ({ default: t.ZipRenderer }))
+  () => import("./index-DMmb2rBE.mjs").then((t) => ({ default: t.ZipRenderer }))
 ), er = R(
-  () => import("./index-8pqs-pW7.mjs").then((t) => ({ default: t.TextRenderer }))
+  () => import("./index-Ch7DqyC4.mjs").then((t) => ({ default: t.TextRenderer }))
 ), or = R(
-  () => import("./index-DYNPnFww.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,
@@ -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-CWCNvV2X.mjs.map
+//# sourceMappingURL=index--lXiT1Y_.mjs.map