@page-speed/lightbox 0.1.4 → 0.1.6

package/dist/components/index.js

@@ -18069,7 +18069,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18102,7 +18102,7 @@ import { jsx as jsx22, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect32, useState as useState7 } from "react";
 import { jsx as jsx32, jsxs as jsxs2 } from "react/jsx-runtime";
 import { jsx as jsx42, jsxs as jsxs3 } from "react/jsx-runtime";
-function usePDFDocument(url, onError) {
+function usePDFDocument(url, onError, withCredentials = false) {
   const [document2, setDocument] = useState5(null);
   const [loading, setLoading] = useState5(true);
   const [error, setError] = useState5(null);
@@ -18122,7 +18122,7 @@ function usePDFDocument(url, onError) {
         }
         const loadingTask = pdfjsLib.getDocument({
           url,
-          withCredentials: true,
+          withCredentials,
           rangeChunkSize: 65536
           // For linearized PDFs
         });
@@ -18154,7 +18154,7 @@ function usePDFDocument(url, onError) {
       }
     };
     loadPDF();
-  }, [url, onError]);
+  }, [url, onError, withCredentials]);
   return { document: document2, pdfDoc, loading, error };
 }
 function usePageState({
@@ -18544,9 +18544,10 @@ function PDFViewer({
     enablePrint = true,
     enableFullscreen = true,
     initialPage = 1,
-    initialZoom = "auto"
+    initialZoom = "auto",
+    withCredentials = false
   } = config;
-  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError);
+  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError, withCredentials);
   const pageState = usePageState({
     totalPages: document2?.numPages || 0,
     initialPage
@@ -18685,7 +18686,7 @@ function createProgressiveFetchHandler(onProgress) {
 }
 var DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
     "use client";
     DEFAULT_SCALE = 1.5;
     CACHE_SIZE = 50 * 1024 * 1024;
@@ -22558,13 +22559,29 @@ function loadPDFViewer() {
 }
 var LazyPDFViewer = React.lazy(loadPDFViewer);
 var AnyPDFViewer = LazyPDFViewer;
-function PDFRenderer({ item }) {
+function PDFRenderer({ item, layout }) {
   if (!item.src) return null;
-  return /* @__PURE__ */ jsx5("div", { className: "w-full h-full flex items-center justify-center p-4", children: /* @__PURE__ */ jsx5(
+  const config = {
+    showControls: true,
+    enableDownload: true,
+    enablePrint: true,
+    enableFullscreen: true,
+    initialZoom: layout === "inline" ? "page-width" : 1.5
+  };
+  return /* @__PURE__ */ jsx5("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx5(
     Suspense,
     {
       fallback: /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center text-neutral-500 text-sm", children: "Loading document..." }),
-      children: /* @__PURE__ */ jsx5(AnyPDFViewer, { url: item.src })
+      children: /* @__PURE__ */ jsx5(
+        AnyPDFViewer,
+        {
+          url: item.src,
+          config,
+          height: "100%",
+          width: "100%",
+          title: item.title
+        }
+      )
     }
   ) });
 }
@@ -22603,6 +22620,7 @@ function LightboxContent({ item, layout, optixFlowConfig }) {
 }
 
 // src/components/LightboxChrome.tsx
+import React2 from "react";
 import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_CONTROLS = {
   navigation: true,
@@ -22667,6 +22685,73 @@ function LightboxChrome({
   variant = "floating"
 }) {
   const resolved = mergeControls(controls);
+  const [isFullscreen, setIsFullscreen] = React2.useState(false);
+  const handleFullscreen = React2.useCallback(() => {
+    if (!document.fullscreenElement) {
+      document.documentElement.requestFullscreen().then(() => {
+        setIsFullscreen(true);
+      }).catch((err) => {
+        console.error("Failed to enter fullscreen:", err);
+      });
+    } else {
+      document.exitFullscreen().then(() => {
+        setIsFullscreen(false);
+      }).catch((err) => {
+        console.error("Failed to exit fullscreen:", err);
+      });
+    }
+  }, []);
+  React2.useEffect(() => {
+    const handleFullscreenChange = () => {
+      setIsFullscreen(!!document.fullscreenElement);
+    };
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => {
+      document.removeEventListener("fullscreenchange", handleFullscreenChange);
+    };
+  }, []);
+  const handleShare = React2.useCallback(async () => {
+    if (!currentItem) return;
+    const shareData = {
+      title: currentItem.title || "Shared item",
+      text: currentItem.caption || "",
+      url: window.location.href
+    };
+    if (navigator.share) {
+      try {
+        await navigator.share(shareData);
+      } catch (err) {
+        if (err instanceof Error && err.name !== "AbortError") {
+          console.error("Error sharing:", err);
+        }
+      }
+    } else {
+      try {
+        await navigator.clipboard.writeText(window.location.href);
+        console.log("Link copied to clipboard");
+      } catch (err) {
+        console.error("Failed to copy to clipboard:", err);
+      }
+    }
+  }, [currentItem]);
+  const handleDownload = React2.useCallback(async () => {
+    if (!currentItem?.src) return;
+    try {
+      const response = await fetch(currentItem.src);
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = currentItem.title || "download";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("Download failed:", err);
+      window.open(currentItem.src, "_blank");
+    }
+  }, [currentItem]);
   if (variant === "toolbar") {
     return /* @__PURE__ */ jsxs4("div", { className: cn(
       "flex items-center justify-between",
@@ -22684,6 +22769,9 @@ function LightboxChrome({
         currentItem.caption && /* @__PURE__ */ jsx8("div", { className: "text-xs text-white/70", children: currentItem.caption })
       ] }) }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+        resolved.share && "share" in navigator && /* @__PURE__ */ jsx8(IconButton, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
+        resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon, {}) }),
+        resolved.download && currentItem?.src && /* @__PURE__ */ jsx8(IconButton, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon, {}) }),
         resolved.counter && totalItems > 0 && /* @__PURE__ */ jsxs4("span", { className: "text-xs text-white/70", children: [
           currentIndex + 1,
           " / ",
@@ -22699,9 +22787,9 @@ function LightboxChrome({
       "flex items-center gap-2",
       className
     ), children: [
-      resolved.share && /* @__PURE__ */ jsx8(IconButton, { ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
-      resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton, { ariaLabel: "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon, {}) }),
-      resolved.download && /* @__PURE__ */ jsx8(IconButton, { ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon, {}) }),
+      resolved.share && "share" in navigator && /* @__PURE__ */ jsx8(IconButton, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
+      resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon, {}) }),
+      resolved.download && currentItem?.src && /* @__PURE__ */ jsx8(IconButton, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon, {}) }),
       resolved.closeButton && /* @__PURE__ */ jsx8(IconButton, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ jsx8(CloseIcon, {}) })
     ] }),
     resolved.navigation && /* @__PURE__ */ jsxs4("div", { className: "fixed bottom-6 right-6 z-50 flex items-center gap-3", children: [

package/dist/index.cjs

@@ -18065,7 +18065,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18086,7 +18086,7 @@ __export(dist_exports, {
   useSearch: () => useSearch,
   useZoom: () => useZoom
 });
-function usePDFDocument(url, onError) {
+function usePDFDocument(url, onError, withCredentials = false) {
   const [document2, setDocument] = (0, import_react9.useState)(null);
   const [loading, setLoading] = (0, import_react9.useState)(true);
   const [error, setError] = (0, import_react9.useState)(null);
@@ -18106,7 +18106,7 @@ function usePDFDocument(url, onError) {
         }
         const loadingTask = pdfjsLib.getDocument({
           url,
-          withCredentials: true,
+          withCredentials,
           rangeChunkSize: 65536
           // For linearized PDFs
         });
@@ -18138,7 +18138,7 @@ function usePDFDocument(url, onError) {
       }
     };
     loadPDF();
-  }, [url, onError]);
+  }, [url, onError, withCredentials]);
   return { document: document2, pdfDoc, loading, error };
 }
 function usePageState({
@@ -18528,9 +18528,10 @@ function PDFViewer({
     enablePrint = true,
     enableFullscreen = true,
     initialPage = 1,
-    initialZoom = "auto"
+    initialZoom = "auto",
+    withCredentials = false
   } = config;
-  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError);
+  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError, withCredentials);
   const pageState = usePageState({
     totalPages: document2?.numPages || 0,
     initialPage
@@ -18669,7 +18670,7 @@ function createProgressiveFetchHandler(onProgress) {
 }
 var import_react8, import_react9, import_react10, import_react11, import_react12, import_react13, import_react14, import_jsx_runtime5, import_jsx_runtime6, import_react15, import_jsx_runtime7, import_jsx_runtime8, DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
     "use client";
     import_react8 = require("react");
     import_react9 = require("react");
@@ -18740,7 +18741,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/Lightbox.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/hooks/useGalleryState.ts
@@ -22572,13 +22573,29 @@ function loadPDFViewer() {
 }
 var LazyPDFViewer = import_react16.default.lazy(loadPDFViewer);
 var AnyPDFViewer = LazyPDFViewer;
-function PDFRenderer({ item }) {
+function PDFRenderer({ item, layout }) {
   if (!item.src) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-full h-full flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const config = {
+    showControls: true,
+    enableDownload: true,
+    enablePrint: true,
+    enableFullscreen: true,
+    initialZoom: layout === "inline" ? "page-width" : 1.5
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_react16.Suspense,
     {
       fallback: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-center text-neutral-500 text-sm", children: "Loading document..." }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AnyPDFViewer, { url: item.src })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        AnyPDFViewer,
+        {
+          url: item.src,
+          config,
+          height: "100%",
+          width: "100%",
+          title: item.title
+        }
+      )
     }
   ) });
 }
@@ -22617,6 +22634,7 @@ function LightboxContent({ item, layout, optixFlowConfig }) {
 }
 
 // src/components/LightboxChrome.tsx
+var import_react17 = __toESM(require("react"));
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var DEFAULT_CONTROLS = {
   navigation: true,
@@ -22681,6 +22699,73 @@ function LightboxChrome({
   variant = "floating"
 }) {
   const resolved = mergeControls(controls);
+  const [isFullscreen, setIsFullscreen] = import_react17.default.useState(false);
+  const handleFullscreen = import_react17.default.useCallback(() => {
+    if (!document.fullscreenElement) {
+      document.documentElement.requestFullscreen().then(() => {
+        setIsFullscreen(true);
+      }).catch((err) => {
+        console.error("Failed to enter fullscreen:", err);
+      });
+    } else {
+      document.exitFullscreen().then(() => {
+        setIsFullscreen(false);
+      }).catch((err) => {
+        console.error("Failed to exit fullscreen:", err);
+      });
+    }
+  }, []);
+  import_react17.default.useEffect(() => {
+    const handleFullscreenChange = () => {
+      setIsFullscreen(!!document.fullscreenElement);
+    };
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => {
+      document.removeEventListener("fullscreenchange", handleFullscreenChange);
+    };
+  }, []);
+  const handleShare = import_react17.default.useCallback(async () => {
+    if (!currentItem) return;
+    const shareData = {
+      title: currentItem.title || "Shared item",
+      text: currentItem.caption || "",
+      url: window.location.href
+    };
+    if (navigator.share) {
+      try {
+        await navigator.share(shareData);
+      } catch (err) {
+        if (err instanceof Error && err.name !== "AbortError") {
+          console.error("Error sharing:", err);
+        }
+      }
+    } else {
+      try {
+        await navigator.clipboard.writeText(window.location.href);
+        console.log("Link copied to clipboard");
+      } catch (err) {
+        console.error("Failed to copy to clipboard:", err);
+      }
+    }
+  }, [currentItem]);
+  const handleDownload = import_react17.default.useCallback(async () => {
+    if (!currentItem?.src) return;
+    try {
+      const response = await fetch(currentItem.src);
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = currentItem.title || "download";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("Download failed:", err);
+      window.open(currentItem.src, "_blank");
+    }
+  }, [currentItem]);
   if (variant === "toolbar") {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn(
       "flex items-center justify-between",
@@ -22698,6 +22783,9 @@ function LightboxChrome({
         currentItem.caption && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-xs text-white/70", children: currentItem.caption })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
+        resolved.share && "share" in navigator && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShareIcon, {}) }),
+        resolved.fullscreen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FullscreenIcon, {}) }),
+        resolved.download && currentItem?.src && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DownloadIcon, {}) }),
         resolved.counter && totalItems > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-xs text-white/70", children: [
           currentIndex + 1,
           " / ",
@@ -22713,9 +22801,9 @@ function LightboxChrome({
       "flex items-center gap-2",
       className
     ), children: [
-      resolved.share && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { ariaLabel: "Share", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShareIcon, {}) }),
-      resolved.fullscreen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { ariaLabel: "Fullscreen", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FullscreenIcon, {}) }),
-      resolved.download && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { ariaLabel: "Download", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DownloadIcon, {}) }),
+      resolved.share && "share" in navigator && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShareIcon, {}) }),
+      resolved.fullscreen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FullscreenIcon, {}) }),
+      resolved.download && currentItem?.src && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DownloadIcon, {}) }),
       resolved.closeButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, {}) })
     ] }),
     resolved.navigation && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fixed bottom-6 right-6 z-50 flex items-center gap-3", children: [
@@ -22960,18 +23048,18 @@ function Lightbox(props) {
     onSelect: props.onSelect
   });
   const { breakpoint } = useResponsiveness();
-  const layout = (0, import_react17.useMemo)(() => {
+  const layout = (0, import_react18.useMemo)(() => {
     if (props.layout) return props.layout;
     if (breakpoint === "mobile") return "fullscreen";
     if (breakpoint === "tablet") return "vertical-split";
     return "horizontal";
   }, [props.layout, breakpoint]);
-  const didCloseRef = (0, import_react17.useRef)(false);
-  const [isMounted, setIsMounted] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const didCloseRef = (0, import_react18.useRef)(false);
+  const [isMounted, setIsMounted] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     setIsMounted(true);
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     props.onOpen?.();
     if (props.disableScroll === false) {
       return;
@@ -22985,17 +23073,17 @@ function Lightbox(props) {
       document.body.style.overflow = previousOverflow;
     };
   }, [props.disableScroll, props.onOpen]);
-  const handleClose = (0, import_react17.useCallback)(() => {
+  const handleClose = (0, import_react18.useCallback)(() => {
     if (didCloseRef.current) return;
     didCloseRef.current = true;
     props.onClose?.();
   }, [props.onClose]);
-  const handleNext = (0, import_react17.useCallback)(() => {
+  const handleNext = (0, import_react18.useCallback)(() => {
     if (!gallery.canNext) return;
     gallery.next();
     props.onNext?.();
   }, [gallery, props.onNext]);
-  const handlePrev = (0, import_react17.useCallback)(() => {
+  const handlePrev = (0, import_react18.useCallback)(() => {
     if (!gallery.canPrev) return;
     gallery.prev();
     props.onPrev?.();
@@ -23087,28 +23175,28 @@ function Lightbox(props) {
 }
 
 // src/hooks/useLightboxState.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 function useLightboxState({
   onOpen,
   onClose,
   disableScroll = true
 }) {
-  const [isOpen, setIsOpen] = (0, import_react18.useState)(false);
-  const open = (0, import_react18.useCallback)(() => {
+  const [isOpen, setIsOpen] = (0, import_react19.useState)(false);
+  const open = (0, import_react19.useCallback)(() => {
     setIsOpen(true);
     onOpen?.();
     if (disableScroll) {
       document.body.style.overflow = "hidden";
     }
   }, [onOpen, disableScroll]);
-  const close = (0, import_react18.useCallback)(() => {
+  const close = (0, import_react19.useCallback)(() => {
     setIsOpen(false);
     onClose?.();
     if (disableScroll) {
       document.body.style.overflow = "";
     }
   }, [onClose, disableScroll]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     return () => {
       if (disableScroll) {
         document.body.style.overflow = "";

package/dist/index.js

@@ -18069,7 +18069,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18102,7 +18102,7 @@ import { jsx as jsx22, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect32, useState as useState7 } from "react";
 import { jsx as jsx32, jsxs as jsxs2 } from "react/jsx-runtime";
 import { jsx as jsx42, jsxs as jsxs3 } from "react/jsx-runtime";
-function usePDFDocument(url, onError) {
+function usePDFDocument(url, onError, withCredentials = false) {
   const [document2, setDocument] = useState5(null);
   const [loading, setLoading] = useState5(true);
   const [error, setError] = useState5(null);
@@ -18122,7 +18122,7 @@ function usePDFDocument(url, onError) {
         }
         const loadingTask = pdfjsLib.getDocument({
           url,
-          withCredentials: true,
+          withCredentials,
           rangeChunkSize: 65536
           // For linearized PDFs
         });
@@ -18154,7 +18154,7 @@ function usePDFDocument(url, onError) {
       }
     };
     loadPDF();
-  }, [url, onError]);
+  }, [url, onError, withCredentials]);
   return { document: document2, pdfDoc, loading, error };
 }
 function usePageState({
@@ -18544,9 +18544,10 @@ function PDFViewer({
     enablePrint = true,
     enableFullscreen = true,
     initialPage = 1,
-    initialZoom = "auto"
+    initialZoom = "auto",
+    withCredentials = false
   } = config;
-  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError);
+  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError, withCredentials);
   const pageState = usePageState({
     totalPages: document2?.numPages || 0,
     initialPage
@@ -18685,7 +18686,7 @@ function createProgressiveFetchHandler(onProgress) {
 }
 var DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
     "use client";
     DEFAULT_SCALE = 1.5;
     CACHE_SIZE = 50 * 1024 * 1024;
@@ -22558,13 +22559,29 @@ function loadPDFViewer() {
 }
 var LazyPDFViewer = React.lazy(loadPDFViewer);
 var AnyPDFViewer = LazyPDFViewer;
-function PDFRenderer({ item }) {
+function PDFRenderer({ item, layout }) {
   if (!item.src) return null;
-  return /* @__PURE__ */ jsx5("div", { className: "w-full h-full flex items-center justify-center p-4", children: /* @__PURE__ */ jsx5(
+  const config = {
+    showControls: true,
+    enableDownload: true,
+    enablePrint: true,
+    enableFullscreen: true,
+    initialZoom: layout === "inline" ? "page-width" : 1.5
+  };
+  return /* @__PURE__ */ jsx5("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx5(
     Suspense,
     {
       fallback: /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center text-neutral-500 text-sm", children: "Loading document..." }),
-      children: /* @__PURE__ */ jsx5(AnyPDFViewer, { url: item.src })
+      children: /* @__PURE__ */ jsx5(
+        AnyPDFViewer,
+        {
+          url: item.src,
+          config,
+          height: "100%",
+          width: "100%",
+          title: item.title
+        }
+      )
     }
   ) });
 }
@@ -22603,6 +22620,7 @@ function LightboxContent({ item, layout, optixFlowConfig }) {
 }
 
 // src/components/LightboxChrome.tsx
+import React2 from "react";
 import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_CONTROLS = {
   navigation: true,
@@ -22667,6 +22685,73 @@ function LightboxChrome({
   variant = "floating"
 }) {
   const resolved = mergeControls(controls);
+  const [isFullscreen, setIsFullscreen] = React2.useState(false);
+  const handleFullscreen = React2.useCallback(() => {
+    if (!document.fullscreenElement) {
+      document.documentElement.requestFullscreen().then(() => {
+        setIsFullscreen(true);
+      }).catch((err) => {
+        console.error("Failed to enter fullscreen:", err);
+      });
+    } else {
+      document.exitFullscreen().then(() => {
+        setIsFullscreen(false);
+      }).catch((err) => {
+        console.error("Failed to exit fullscreen:", err);
+      });
+    }
+  }, []);
+  React2.useEffect(() => {
+    const handleFullscreenChange = () => {
+      setIsFullscreen(!!document.fullscreenElement);
+    };
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => {
+      document.removeEventListener("fullscreenchange", handleFullscreenChange);
+    };
+  }, []);
+  const handleShare = React2.useCallback(async () => {
+    if (!currentItem) return;
+    const shareData = {
+      title: currentItem.title || "Shared item",
+      text: currentItem.caption || "",
+      url: window.location.href
+    };
+    if (navigator.share) {
+      try {
+        await navigator.share(shareData);
+      } catch (err) {
+        if (err instanceof Error && err.name !== "AbortError") {
+          console.error("Error sharing:", err);
+        }
+      }
+    } else {
+      try {
+        await navigator.clipboard.writeText(window.location.href);
+        console.log("Link copied to clipboard");
+      } catch (err) {
+        console.error("Failed to copy to clipboard:", err);
+      }
+    }
+  }, [currentItem]);
+  const handleDownload = React2.useCallback(async () => {
+    if (!currentItem?.src) return;
+    try {
+      const response = await fetch(currentItem.src);
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = currentItem.title || "download";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("Download failed:", err);
+      window.open(currentItem.src, "_blank");
+    }
+  }, [currentItem]);
   if (variant === "toolbar") {
     return /* @__PURE__ */ jsxs4("div", { className: cn(
       "flex items-center justify-between",
@@ -22684,6 +22769,9 @@ function LightboxChrome({
         currentItem.caption && /* @__PURE__ */ jsx8("div", { className: "text-xs text-white/70", children: currentItem.caption })
       ] }) }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+        resolved.share && "share" in navigator && /* @__PURE__ */ jsx8(IconButton, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
+        resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon, {}) }),
+        resolved.download && currentItem?.src && /* @__PURE__ */ jsx8(IconButton, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon, {}) }),
         resolved.counter && totalItems > 0 && /* @__PURE__ */ jsxs4("span", { className: "text-xs text-white/70", children: [
           currentIndex + 1,
           " / ",
@@ -22699,9 +22787,9 @@ function LightboxChrome({
       "flex items-center gap-2",
       className
     ), children: [
-      resolved.share && /* @__PURE__ */ jsx8(IconButton, { ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
-      resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton, { ariaLabel: "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon, {}) }),
-      resolved.download && /* @__PURE__ */ jsx8(IconButton, { ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon, {}) }),
+      resolved.share && "share" in navigator && /* @__PURE__ */ jsx8(IconButton, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
+      resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon, {}) }),
+      resolved.download && currentItem?.src && /* @__PURE__ */ jsx8(IconButton, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon, {}) }),
       resolved.closeButton && /* @__PURE__ */ jsx8(IconButton, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ jsx8(CloseIcon, {}) })
     ] }),
     resolved.navigation && /* @__PURE__ */ jsxs4("div", { className: "fixed bottom-6 right-6 z-50 flex items-center gap-3", children: [

package/dist/renderers/PDFRenderer.d.ts

@@ -7,5 +7,5 @@ interface PDFRendererProps {
  * Thin wrapper around @page-speed/pdf-viewer, loaded lazily so that the
  * heavy PDF runtime is only fetched when a PDF item is actually viewed.
  */
-export declare function PDFRenderer({ item }: PDFRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PDFRenderer({ item, layout }: PDFRendererProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/renderers/index.js

@@ -18069,7 +18069,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
+// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js
 var dist_exports = {};
 __export(dist_exports, {
   PDFCanvas: () => PDFCanvas,
@@ -18102,7 +18102,7 @@ import { jsx as jsx22, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect32, useState as useState7 } from "react";
 import { jsx as jsx32, jsxs as jsxs2 } from "react/jsx-runtime";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function usePDFDocument(url, onError) {
+function usePDFDocument(url, onError, withCredentials = false) {
   const [document2, setDocument] = useState3(null);
   const [loading, setLoading] = useState3(true);
   const [error, setError] = useState3(null);
@@ -18122,7 +18122,7 @@ function usePDFDocument(url, onError) {
         }
         const loadingTask = pdfjsLib.getDocument({
           url,
-          withCredentials: true,
+          withCredentials,
           rangeChunkSize: 65536
           // For linearized PDFs
         });
@@ -18154,7 +18154,7 @@ function usePDFDocument(url, onError) {
       }
     };
     loadPDF();
-  }, [url, onError]);
+  }, [url, onError, withCredentials]);
   return { document: document2, pdfDoc, loading, error };
 }
 function usePageState({
@@ -18544,9 +18544,10 @@ function PDFViewer({
     enablePrint = true,
     enableFullscreen = true,
     initialPage = 1,
-    initialZoom = "auto"
+    initialZoom = "auto",
+    withCredentials = false
   } = config;
-  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError);
+  const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError, withCredentials);
   const pageState = usePageState({
     totalPages: document2?.numPages || 0,
     initialPage
@@ -18685,7 +18686,7 @@ function createProgressiveFetchHandler(onProgress) {
 }
 var DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDFViewer_default, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
+  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@page-speed/pdf-viewer/dist/index.js"() {
     "use client";
     DEFAULT_SCALE = 1.5;
     CACHE_SIZE = 50 * 1024 * 1024;
@@ -19414,13 +19415,29 @@ function loadPDFViewer() {
 }
 var LazyPDFViewer = React.lazy(loadPDFViewer);
 var AnyPDFViewer = LazyPDFViewer;
-function PDFRenderer({ item }) {
+function PDFRenderer({ item, layout }) {
   if (!item.src) return null;
-  return /* @__PURE__ */ jsx5("div", { className: "w-full h-full flex items-center justify-center p-4", children: /* @__PURE__ */ jsx5(
+  const config = {
+    showControls: true,
+    enableDownload: true,
+    enablePrint: true,
+    enableFullscreen: true,
+    initialZoom: layout === "inline" ? "page-width" : 1.5
+  };
+  return /* @__PURE__ */ jsx5("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx5(
     Suspense,
     {
       fallback: /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center text-neutral-500 text-sm", children: "Loading document..." }),
-      children: /* @__PURE__ */ jsx5(AnyPDFViewer, { url: item.src })
+      children: /* @__PURE__ */ jsx5(
+        AnyPDFViewer,
+        {
+          url: item.src,
+          config,
+          height: "100%",
+          width: "100%",
+          title: item.title
+        }
+      )
     }
   ) });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@page-speed/lightbox",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "High-performance, feature-rich lightbox for OpenSite platform",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -80,7 +80,7 @@
   },
   "dependencies": {
     "@page-speed/img": "^0.4.3",
-    "@page-speed/pdf-viewer": "0.1.2",
+    "@page-speed/pdf-viewer": "0.1.4",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.4.0"
   }