@page-speed/lightbox 0.1.7 → 0.1.9

package/dist/index.cjs

@@ -18065,7 +18065,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.5_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.7_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,
@@ -18075,6 +18075,7 @@ __export(dist_exports, {
   calculateScaleForPageFit: () => calculateScaleForPageFit,
   createProgressiveFetchHandler: () => createProgressiveFetchHandler,
   downloadPDF: () => downloadPDF,
+  extractPDFFilename: () => extractPDFFilename,
   extractPageText: () => extractPageText,
   formatFileSize: () => formatFileSize,
   getOptimalRangeHeader: () => getOptimalRangeHeader,
@@ -18320,6 +18321,9 @@ function useSearch(pdfDoc) {
     prevResult
   };
 }
+function cn2(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
 function PDFCanvas({
   pdfDoc,
   pageNumber,
@@ -18343,7 +18347,79 @@ function PDFCanvas({
       render();
     }
   }, [pdfDoc, pageNumber, scale, onRender]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: containerRef, className: PDFViewer_default.canvas });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      ref: containerRef,
+      className: cn2(
+        "flex-1 overflow-auto",
+        "flex items-center justify-center",
+        "p-4 min-h-0"
+      ),
+      "data-pdf-viewer": "canvas"
+    }
+  );
+}
+async function isLinearizedPDF(url) {
+  try {
+    const response = await fetch(url, { headers: { Range: "bytes=0-1024" } });
+    const buffer = await response.arrayBuffer();
+    const view = new Uint8Array(buffer);
+    const text = new TextDecoder().decode(view);
+    return text.includes("Linearized");
+  } catch {
+    return false;
+  }
+}
+function extractPDFFilename(url, fallbackName) {
+  try {
+    const urlObj = new URL(url, window.location.origin);
+    const pathname = urlObj.pathname;
+    const segments = pathname.split("/").filter(Boolean);
+    const lastSegment = segments[segments.length - 1] || "";
+    if (lastSegment && lastSegment.includes(".")) {
+      if (lastSegment.toLowerCase().endsWith(".pdf")) {
+        return lastSegment;
+      }
+      const nameWithoutExt = lastSegment.substring(0, lastSegment.lastIndexOf("."));
+      return `${nameWithoutExt}.pdf`;
+    }
+    if (lastSegment) {
+      return `${lastSegment}.pdf`;
+    }
+  } catch {
+  }
+  const name = fallbackName || "document";
+  return name.toLowerCase().endsWith(".pdf") ? name : `${name}.pdf`;
+}
+function downloadPDF(url, filename) {
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename || extractPDFFilename(url);
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+function calculateScaleForPageFit(pageWidth, pageHeight, containerWidth, containerHeight) {
+  const widthRatio = containerWidth / pageWidth;
+  const heightRatio = containerHeight / pageHeight;
+  return Math.min(widthRatio, heightRatio);
+}
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+}
+async function extractPageText(pdfDoc, pageNumber) {
+  try {
+    const page = await pdfDoc.getPage(pageNumber);
+    const textContent = await page.getTextContent();
+    return textContent.items.filter((item) => "str" in item).map((item) => item.str).join(" ");
+  } catch {
+    return "";
+  }
 }
 function PDFControls({
   pageState,
@@ -18356,93 +18432,151 @@ function PDFControls({
   url
 }) {
   if (!pdfDocument) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: PDFViewer_default.controls, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        onClick: pageState.prevPage,
-        disabled: !pageState.canPrev,
-        title: "Previous page",
-        children: "<"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "input",
-      {
-        type: "number",
-        min: "1",
-        max: pdfDocument.numPages,
-        value: pageState.currentPage,
-        onChange: (e) => pageState.goToPage(parseInt(e.target.value, 10) || 1),
-        className: PDFViewer_default.pageInput
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: PDFViewer_default.pageTotal, children: [
-      "of ",
-      pdfDocument.numPages
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        onClick: pageState.nextPage,
-        disabled: !pageState.canNext,
-        title: "Next page",
-        children: ">"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        onClick: zoom.zoomOut,
-        disabled: !zoom.canZoomOut,
-        title: "Zoom out",
-        children: "-"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: PDFViewer_default.zoomLevel, children: [
-      Math.round(zoom.zoomLevel * 100),
-      "%"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        onClick: zoom.zoomIn,
-        disabled: !zoom.canZoomIn,
-        title: "Zoom in",
-        children: "+"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "input",
-      {
-        type: "text",
-        placeholder: "Search...",
-        value: search.query,
-        onChange: (e) => search.search(e.target.value),
-        className: PDFViewer_default.searchInput
-      }
-    ),
-    search.results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: PDFViewer_default.searchResults, children: [
-      search.results.length,
-      " results"
-    ] }),
-    enableDownload && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: url, download: true, className: PDFViewer_default.button, title: "Download", children: "Download" }),
-    enablePrint && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => window.print(), title: "Print", children: "Print" }),
-    enableFullscreen && typeof document !== "undefined" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        onClick: () => {
-          if (document.fullscreenElement) {
-            document.exitFullscreen();
-          } else {
-            document.documentElement?.requestFullscreen();
-          }
-        },
-        title: "Fullscreen",
-        children: "Fullscreen"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: cn2(
+        "flex items-center gap-2",
+        "px-3 py-2",
+        "bg-background border-b border-border",
+        "overflow-x-auto flex-wrap",
+        "flex-shrink-0 z-10"
+      ),
+      "data-pdf-viewer": "controls",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            IconButton,
+            {
+              onClick: pageState.prevPage,
+              disabled: !pageState.canPrev,
+              title: "Previous page",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "input",
+            {
+              type: "number",
+              min: "1",
+              max: pdfDocument.numPages,
+              value: pageState.currentPage,
+              onChange: (e) => pageState.goToPage(parseInt(e.target.value, 10) || 1),
+              className: cn2(
+                "w-14 h-8 px-2",
+                "text-center text-sm font-medium",
+                "bg-background border border-input rounded-md",
+                "focus:outline-none focus:ring-2 focus:ring-ring"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+            "of ",
+            pdfDocument.numPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            IconButton,
+            {
+              onClick: pageState.nextPage,
+              disabled: !pageState.canNext,
+              title: "Next page",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-px h-6 bg-border mx-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            IconButton,
+            {
+              onClick: zoom.zoomOut,
+              disabled: !zoom.canZoomOut,
+              title: "Zoom out",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MinusIcon, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-sm font-medium text-foreground min-w-[3.5rem] text-center", children: [
+            Math.round(zoom.zoomLevel * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            IconButton,
+            {
+              onClick: zoom.zoomIn,
+              disabled: !zoom.canZoomIn,
+              title: "Zoom in",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-px h-6 bg-border mx-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "input",
+              {
+                type: "text",
+                placeholder: "Search...",
+                value: search.query,
+                onChange: (e) => search.search(e.target.value),
+                className: cn2(
+                  "h-8 pl-8 pr-3 w-32",
+                  "text-sm",
+                  "bg-background border border-input rounded-md",
+                  "placeholder:text-muted-foreground",
+                  "focus:outline-none focus:ring-2 focus:ring-ring"
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SearchIcon, {}) })
+          ] }),
+          search.results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+            search.results.length,
+            " results"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+          enableDownload && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            ActionButton,
+            {
+              onClick: () => downloadPDF(url),
+              title: "Download",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DownloadIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Download" })
+              ]
+            }
+          ),
+          enablePrint && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            ActionButton,
+            {
+              onClick: () => window.print(),
+              title: "Print",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PrintIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Print" })
+              ]
+            }
+          ),
+          enableFullscreen && typeof document !== "undefined" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            IconButton,
+            {
+              onClick: () => {
+                if (document.fullscreenElement) {
+                  document.exitFullscreen();
+                } else {
+                  document.documentElement?.requestFullscreen();
+                }
+              },
+              title: "Fullscreen",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FullscreenIcon, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 function PDFThumbnails({
   pdfDoc,
@@ -18480,32 +18614,55 @@ function PDFThumbnails({
     };
     generateThumbnails();
   }, [pdfDoc, numPages]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: PDFViewer_default.thumbnails, children: thumbnails.map((thumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
-      className: `${PDFViewer_default.thumbnail} ${idx + 1 === currentPage ? PDFViewer_default.active : ""}`,
-      onClick: () => onSelectPage(idx + 1),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "canvas",
-          {
-            width: thumb.width,
-            height: thumb.height,
-            ref: (el) => {
-              if (el && thumb) {
-                const ctx = el.getContext("2d");
-                if (ctx) {
-                  ctx.drawImage(thumb, 0, 0);
-                }
-              }
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: PDFViewer_default.pageNumber, children: idx + 1 })
-      ]
-    },
-    idx
-  )) });
+      className: cn2(
+        "w-32 flex-shrink-0",
+        "overflow-y-auto",
+        "bg-muted/50 border-r border-border",
+        "p-2 space-y-2"
+      ),
+      "data-pdf-viewer": "thumbnails",
+      children: thumbnails.map((thumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "div",
+        {
+          className: cn2(
+            "cursor-pointer rounded-md overflow-hidden",
+            "border-2 transition-colors duration-150",
+            idx + 1 === currentPage ? "border-primary ring-2 ring-primary/20" : "border-transparent hover:border-muted-foreground/30"
+          ),
+          onClick: () => onSelectPage(idx + 1),
+          "data-pdf-viewer": "thumbnail",
+          "data-active": idx + 1 === currentPage,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "canvas",
+              {
+                width: thumb.width,
+                height: thumb.height,
+                ref: (el) => {
+                  if (el && thumb) {
+                    const ctx = el.getContext("2d");
+                    if (ctx) {
+                      ctx.drawImage(thumb, 0, 0);
+                    }
+                  }
+                },
+                className: "w-full h-auto"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cn2(
+              "block text-center text-xs py-1",
+              "text-muted-foreground",
+              idx + 1 === currentPage && "text-primary font-medium"
+            ), children: idx + 1 })
+          ]
+        },
+        idx
+      ))
+    }
+  );
 }
 function PDFViewer({
   url,
@@ -18553,19 +18710,48 @@ function PDFViewer({
     }
   }, [search.results, onSearchResults]);
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: PDFViewer_default.error, style: { height, width }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { children: [
-      "Failed to load PDF: ",
-      error.message
-    ] }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        className: cn2(
+          "flex items-center justify-center",
+          "bg-background rounded-lg",
+          className
+        ),
+        style: { height, width },
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-destructive text-base", children: [
+          "Failed to load PDF: ",
+          error.message
+        ] })
+      }
+    );
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: PDFViewer_default.loading, style: { height, width }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "Loading PDF..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        className: cn2(
+          "flex items-center justify-center",
+          "bg-background rounded-lg",
+          className
+        ),
+        style: { height, width },
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground text-base", children: "Loading PDF..." })
+      }
+    );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
-      className: `${PDFViewer_default.viewer} ${className || ""}`,
+      className: cn2(
+        "flex flex-col",
+        "bg-muted/30 rounded-lg overflow-hidden",
+        "shadow-sm border border-border",
+        "font-sans",
+        className
+      ),
       style: { height, width, ...style },
+      "data-pdf-viewer": "root",
       children: [
         showControls && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           PDFControls,
@@ -18580,7 +18766,7 @@ function PDFViewer({
             url
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: PDFViewer_default.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-1 overflow-hidden min-h-0", "data-pdf-viewer": "content", children: [
           showThumbnails && document2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             PDFThumbnails,
             {
@@ -18604,46 +18790,6 @@ function PDFViewer({
     }
   );
 }
-async function isLinearizedPDF(url) {
-  try {
-    const response = await fetch(url, { headers: { Range: "bytes=0-1024" } });
-    const buffer = await response.arrayBuffer();
-    const view = new Uint8Array(buffer);
-    const text = new TextDecoder().decode(view);
-    return text.includes("Linearized");
-  } catch {
-    return false;
-  }
-}
-function downloadPDF(url, filename) {
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = filename || "document.pdf";
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
-function calculateScaleForPageFit(pageWidth, pageHeight, containerWidth, containerHeight) {
-  const widthRatio = containerWidth / pageWidth;
-  const heightRatio = containerHeight / pageHeight;
-  return Math.min(widthRatio, heightRatio);
-}
-function formatFileSize(bytes) {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
-}
-async function extractPageText(pdfDoc, pageNumber) {
-  try {
-    const page = await pdfDoc.getPage(pageNumber);
-    const textContent = await page.getTextContent();
-    return textContent.items.filter((item) => "str" in item).map((item) => item.str).join(" ");
-  } catch {
-    return "";
-  }
-}
 function getOptimalRangeHeader(fileSize) {
   const chunkSize = Math.min(65536, Math.ceil(fileSize * 0.1));
   return {
@@ -18668,9 +18814,9 @@ function createProgressiveFetchHandler(onProgress) {
     return response.arrayBuffer();
   };
 }
-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 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, ChevronLeftIcon, ChevronRightIcon, MinusIcon, PlusIcon, DownloadIcon, PrintIcon, FullscreenIcon, SearchIcon, IconButton, ActionButton, linearizedPDFConfig;
 var init_dist = __esm({
-  "node_modules/.pnpm/@page-speed+pdf-viewer@0.1.5_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.7_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");
@@ -18689,24 +18835,71 @@ var init_dist = __esm({
     MIN_ZOOM = 0.5;
     MAX_ZOOM = 3;
     ZOOM_STEP = 0.25;
-    PDFViewer_default = {
-      viewer: "PDFViewer_viewer",
-      controls: "PDFViewer_controls",
-      pageInput: "PDFViewer_pageInput",
-      pageTotal: "PDFViewer_pageTotal",
-      zoomLevel: "PDFViewer_zoomLevel",
-      searchInput: "PDFViewer_searchInput",
-      searchResults: "PDFViewer_searchResults",
-      button: "PDFViewer_button",
-      content: "PDFViewer_content",
-      canvas: "PDFViewer_canvas",
-      thumbnails: "PDFViewer_thumbnails",
-      thumbnail: "PDFViewer_thumbnail",
-      active: "PDFViewer_active",
-      pageNumber: "PDFViewer_pageNumber",
-      loading: "PDFViewer_loading",
-      error: "PDFViewer_error"
-    };
+    ChevronLeftIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M15 18l-6-6 6-6" }) });
+    ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 18l6-6-6-6" }) });
+    MinusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 12h14" }) });
+    PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 5v14M5 12h14" }) });
+    DownloadIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) });
+    PrintIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "6 9 6 2 18 2 18 9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "6", y: "14", width: "12", height: "8" })
+    ] });
+    FullscreenIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) });
+    SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M21 21l-4.35-4.35" })
+    ] });
+    IconButton = ({
+      onClick,
+      disabled,
+      title,
+      children,
+      className
+    }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick,
+        disabled,
+        title,
+        className: cn2(
+          "inline-flex items-center justify-center",
+          "h-8 w-8 rounded-md",
+          "bg-secondary text-secondary-foreground",
+          "hover:bg-secondary/80",
+          "transition-colors duration-150",
+          "disabled:opacity-50 disabled:pointer-events-none",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className
+        ),
+        children
+      }
+    );
+    ActionButton = ({
+      onClick,
+      title,
+      children,
+      className
+    }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick,
+        title,
+        className: cn2(
+          "inline-flex items-center justify-center gap-1.5",
+          "h-8 px-3 rounded-md",
+          "bg-primary text-primary-foreground",
+          "hover:bg-primary/90",
+          "text-sm font-medium",
+          "transition-colors duration-150",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className
+        ),
+        children
+      }
+    );
     linearizedPDFConfig = {
       rangeChunkSize: 65536,
       // 64 KB chunks for streaming
@@ -22653,7 +22846,7 @@ var DEFAULT_CONTROLS = {
 function mergeControls(overrides) {
   return { ...DEFAULT_CONTROLS, ...overrides || {} };
 }
-var IconButton = ({
+var IconButton2 = ({
   onClick,
   disabled,
   ariaLabel,
@@ -22682,8 +22875,8 @@ var IconButton = ({
 var ArrowLeftIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M19 12H5M12 19l-7-7 7-7" }) });
 var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M5 12h14M12 5l7 7-7 7" }) });
 var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) });
-var FullscreenIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) });
-var DownloadIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) });
+var FullscreenIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) });
+var DownloadIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) });
 var ShareIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13" }) });
 function LightboxChrome({
   currentIndex,
@@ -22753,10 +22946,56 @@ function LightboxChrome({
     try {
       const response = await fetch(currentItem.src);
       const blob = await response.blob();
+      const getFileExtension = () => {
+        const contentType = response.headers.get("Content-Type");
+        if (contentType) {
+          const mimeToExt = {
+            "application/pdf": ".pdf",
+            "image/jpeg": ".jpg",
+            "image/jpg": ".jpg",
+            "image/png": ".png",
+            "image/gif": ".gif",
+            "image/webp": ".webp",
+            "image/svg+xml": ".svg",
+            "video/mp4": ".mp4",
+            "video/webm": ".webm",
+            "video/quicktime": ".mov"
+          };
+          const baseMime = contentType.split(";")[0].trim().toLowerCase();
+          if (mimeToExt[baseMime]) {
+            return mimeToExt[baseMime];
+          }
+        }
+        try {
+          const urlObj = new URL(currentItem.src, window.location.origin);
+          const pathname = urlObj.pathname;
+          const lastDotIndex = pathname.lastIndexOf(".");
+          if (lastDotIndex > pathname.lastIndexOf("/")) {
+            const ext = pathname.substring(lastDotIndex).toLowerCase();
+            if (ext.length >= 2 && ext.length <= 6) {
+              return ext;
+            }
+          }
+        } catch {
+        }
+        const typeToExt = {
+          "pdf": ".pdf",
+          "image": ".jpg",
+          "video": ".mp4"
+        };
+        if (currentItem.type && typeToExt[currentItem.type]) {
+          return typeToExt[currentItem.type];
+        }
+        return "";
+      };
+      const baseName = currentItem.title || "download";
+      const extension = getFileExtension();
+      const hasExtension = baseName.includes(".") && baseName.lastIndexOf(".") > baseName.length - 6;
+      const filename = hasExtension ? baseName : `${baseName}${extension}`;
       const url = window.URL.createObjectURL(blob);
       const link = document.createElement("a");
       link.href = url;
-      link.download = currentItem.title || "download";
+      link.download = filename;
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
@@ -22775,23 +23014,23 @@ function LightboxChrome({
       className
     ), children: [
       resolved.navigation && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowLeftIcon, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowRightIcon, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowLeftIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowRightIcon, {}) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col", children: resolved.captions && currentItem && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
         currentItem.title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-sm font-semibold", children: currentItem.title }),
         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.share && "share" in navigator && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShareIcon, {}) }),
+        resolved.fullscreen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FullscreenIcon2, {}) }),
+        resolved.download && currentItem?.src && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DownloadIcon2, {}) }),
         resolved.counter && totalItems > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-xs text-white/70", children: [
           currentIndex + 1,
           " / ",
           totalItems
         ] }),
-        resolved.closeButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, {}) })
+        resolved.closeButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, {}) })
       ] })
     ] });
   }
@@ -22801,14 +23040,14 @@ function LightboxChrome({
       "flex items-center gap-2",
       className
     ), 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.closeButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, {}) })
+      resolved.share && "share" in navigator && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShareIcon, {}) }),
+      resolved.fullscreen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FullscreenIcon2, {}) }),
+      resolved.download && currentItem?.src && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DownloadIcon2, {}) }),
+      resolved.closeButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { 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: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowRightIcon, {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowLeftIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton2, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowRightIcon, {}) })
     ] }),
     resolved.captions && currentItem && (currentItem.title || currentItem.caption) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn(
       "fixed bottom-6 left-6 z-50",