@page-speed/lightbox 0.1.8 → 0.2.0

package/dist/components/index.js

@@ -18069,7 +18069,7 @@ var require_pdf = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@page-speed+pdf-viewer@0.1.6_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.8_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,
@@ -18083,10 +18083,8 @@ __export(dist_exports, {
   extractPageText: () => extractPageText,
   formatFileSize: () => formatFileSize,
   getOptimalRangeHeader: () => getOptimalRangeHeader,
-  injectPDFViewerStyles: () => injectPDFViewerStyles,
   isLinearizedPDF: () => isLinearizedPDF,
   linearizedPDFConfig: () => linearizedPDFConfig,
-  pdfViewerStyles: () => pdfViewerStyles,
   usePDFDocument: () => usePDFDocument,
   usePageRenderer: () => usePageRenderer,
   usePageState: () => usePageState,
@@ -18339,19 +18337,8 @@ function useSearch(pdfDoc) {
     prevResult
   };
 }
-function injectPDFViewerStyles() {
-  if (typeof document === "undefined") return;
-  if (stylesInjected) return;
-  const styleId = "page-speed-pdf-viewer-styles";
-  if (document.getElementById(styleId)) {
-    stylesInjected = true;
-    return;
-  }
-  const styleElement = document.createElement("style");
-  styleElement.id = styleId;
-  styleElement.textContent = PDF_VIEWER_STYLES;
-  document.head.appendChild(styleElement);
-  stylesInjected = true;
+function cn2(...classes) {
+  return classes.filter(Boolean).join(" ");
 }
 function PDFCanvas({
   pdfDoc,
@@ -18368,6 +18355,11 @@ function PDFCanvas({
         while (containerRef.current.firstChild) {
           containerRef.current.removeChild(containerRef.current.firstChild);
         }
+        renderedCanvas.style.maxWidth = "100%";
+        renderedCanvas.style.maxHeight = "100%";
+        renderedCanvas.style.width = "auto";
+        renderedCanvas.style.height = "auto";
+        renderedCanvas.style.objectFit = "contain";
         containerRef.current.appendChild(renderedCanvas);
         setCanvas(renderedCanvas);
       }
@@ -18376,7 +18368,18 @@ function PDFCanvas({
       render();
     }
   }, [pdfDoc, pageNumber, scale, onRender]);
-  return /* @__PURE__ */ jsx4("div", { ref: containerRef, className: pdfViewerStyles.canvas });
+  return /* @__PURE__ */ jsx4(
+    "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 {
@@ -18450,101 +18453,151 @@ function PDFControls({
   url
 }) {
   if (!pdfDocument) return null;
-  return /* @__PURE__ */ jsxs("div", { className: pdfViewerStyles.controls, children: [
-    /* @__PURE__ */ jsx22(
-      "button",
-      {
-        onClick: pageState.prevPage,
-        disabled: !pageState.canPrev,
-        title: "Previous page",
-        children: "<"
-      }
-    ),
-    /* @__PURE__ */ jsx22(
-      "input",
-      {
-        type: "number",
-        min: "1",
-        max: pdfDocument.numPages,
-        value: pageState.currentPage,
-        onChange: (e) => pageState.goToPage(parseInt(e.target.value, 10) || 1),
-        className: pdfViewerStyles.pageInput
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: pdfViewerStyles.pageTotal, children: [
-      "of ",
-      pdfDocument.numPages
-    ] }),
-    /* @__PURE__ */ jsx22(
-      "button",
-      {
-        onClick: pageState.nextPage,
-        disabled: !pageState.canNext,
-        title: "Next page",
-        children: ">"
-      }
-    ),
-    /* @__PURE__ */ jsx22(
-      "button",
-      {
-        onClick: zoom.zoomOut,
-        disabled: !zoom.canZoomOut,
-        title: "Zoom out",
-        children: "-"
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: pdfViewerStyles.zoomLevel, children: [
-      Math.round(zoom.zoomLevel * 100),
-      "%"
-    ] }),
-    /* @__PURE__ */ jsx22(
-      "button",
-      {
-        onClick: zoom.zoomIn,
-        disabled: !zoom.canZoomIn,
-        title: "Zoom in",
-        children: "+"
-      }
-    ),
-    /* @__PURE__ */ jsx22(
-      "input",
-      {
-        type: "text",
-        placeholder: "Search...",
-        value: search.query,
-        onChange: (e) => search.search(e.target.value),
-        className: pdfViewerStyles.searchInput
-      }
-    ),
-    search.results.length > 0 && /* @__PURE__ */ jsxs("span", { className: pdfViewerStyles.searchResults, children: [
-      search.results.length,
-      " results"
-    ] }),
-    enableDownload && /* @__PURE__ */ jsx22(
-      "button",
-      {
-        onClick: () => downloadPDF(url),
-        className: pdfViewerStyles.button,
-        title: "Download",
-        children: "Download"
-      }
-    ),
-    enablePrint && /* @__PURE__ */ jsx22("button", { onClick: () => window.print(), title: "Print", children: "Print" }),
-    enableFullscreen && typeof document !== "undefined" && /* @__PURE__ */ jsx22(
-      "button",
-      {
-        onClick: () => {
-          if (document.fullscreenElement) {
-            document.exitFullscreen();
-          } else {
-            document.documentElement?.requestFullscreen();
-          }
-        },
-        title: "Fullscreen",
-        children: "Fullscreen"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx22(
+            IconButton,
+            {
+              onClick: pageState.prevPage,
+              disabled: !pageState.canPrev,
+              title: "Previous page",
+              children: /* @__PURE__ */ jsx22(ChevronLeftIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx22(
+            "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__ */ jsxs("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+            "of ",
+            pdfDocument.numPages
+          ] }),
+          /* @__PURE__ */ jsx22(
+            IconButton,
+            {
+              onClick: pageState.nextPage,
+              disabled: !pageState.canNext,
+              title: "Next page",
+              children: /* @__PURE__ */ jsx22(ChevronRightIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx22("div", { className: "w-px h-6 bg-border mx-1" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx22(
+            IconButton,
+            {
+              onClick: zoom.zoomOut,
+              disabled: !zoom.canZoomOut,
+              title: "Zoom out",
+              children: /* @__PURE__ */ jsx22(MinusIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-foreground min-w-[3.5rem] text-center", children: [
+            Math.round(zoom.zoomLevel * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ jsx22(
+            IconButton,
+            {
+              onClick: zoom.zoomIn,
+              disabled: !zoom.canZoomIn,
+              title: "Zoom in",
+              children: /* @__PURE__ */ jsx22(PlusIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx22("div", { className: "w-px h-6 bg-border mx-1" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx22(
+              "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__ */ jsx22("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsx22(SearchIcon, {}) })
+          ] }),
+          search.results.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+            search.results.length,
+            " results"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx22("div", { className: "flex-1" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          enableDownload && /* @__PURE__ */ jsxs(
+            ActionButton,
+            {
+              onClick: () => downloadPDF(url),
+              title: "Download",
+              children: [
+                /* @__PURE__ */ jsx22(DownloadIcon, {}),
+                /* @__PURE__ */ jsx22("span", { children: "Download" })
+              ]
+            }
+          ),
+          enablePrint && /* @__PURE__ */ jsxs(
+            ActionButton,
+            {
+              onClick: () => window.print(),
+              title: "Print",
+              children: [
+                /* @__PURE__ */ jsx22(PrintIcon, {}),
+                /* @__PURE__ */ jsx22("span", { children: "Print" })
+              ]
+            }
+          ),
+          enableFullscreen && typeof document !== "undefined" && /* @__PURE__ */ jsx22(
+            IconButton,
+            {
+              onClick: () => {
+                if (document.fullscreenElement) {
+                  document.exitFullscreen();
+                } else {
+                  document.documentElement?.requestFullscreen();
+                }
+              },
+              title: "Fullscreen",
+              children: /* @__PURE__ */ jsx22(FullscreenIcon, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 function PDFThumbnails({
   pdfDoc,
@@ -18582,32 +18635,55 @@ function PDFThumbnails({
     };
     generateThumbnails();
   }, [pdfDoc, numPages]);
-  return /* @__PURE__ */ jsx32("div", { className: pdfViewerStyles.thumbnails, children: thumbnails.map((thumb, idx) => /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
-      className: `${pdfViewerStyles.thumbnail} ${idx + 1 === currentPage ? pdfViewerStyles.active : ""}`,
-      onClick: () => onSelectPage(idx + 1),
-      children: [
-        /* @__PURE__ */ jsx32(
-          "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__ */ jsx32("span", { className: pdfViewerStyles.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__ */ jsxs2(
+        "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__ */ jsx32(
+              "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__ */ jsx32("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,
@@ -18633,9 +18709,6 @@ function PDFViewer({
     initialZoom = "auto",
     withCredentials = false
   } = config;
-  useEffect42(() => {
-    injectPDFViewerStyles();
-  }, []);
   const { document: document2, pdfDoc, loading, error } = usePDFDocument(url, onError, withCredentials);
   const pageState = usePageState({
     totalPages: document2?.numPages || 0,
@@ -18658,19 +18731,48 @@ function PDFViewer({
     }
   }, [search.results, onSearchResults]);
   if (error) {
-    return /* @__PURE__ */ jsx42("div", { className: pdfViewerStyles.error, style: { height, width }, children: /* @__PURE__ */ jsxs3("p", { children: [
-      "Failed to load PDF: ",
-      error.message
-    ] }) });
+    return /* @__PURE__ */ jsx42(
+      "div",
+      {
+        className: cn2(
+          "flex items-center justify-center",
+          "bg-background rounded-lg",
+          className
+        ),
+        style: { height, width },
+        children: /* @__PURE__ */ jsxs3("p", { className: "text-destructive text-base", children: [
+          "Failed to load PDF: ",
+          error.message
+        ] })
+      }
+    );
   }
   if (loading) {
-    return /* @__PURE__ */ jsx42("div", { className: pdfViewerStyles.loading, style: { height, width }, children: /* @__PURE__ */ jsx42("p", { children: "Loading PDF..." }) });
+    return /* @__PURE__ */ jsx42(
+      "div",
+      {
+        className: cn2(
+          "flex items-center justify-center",
+          "bg-background rounded-lg",
+          className
+        ),
+        style: { height, width },
+        children: /* @__PURE__ */ jsx42("p", { className: "text-muted-foreground text-base", children: "Loading PDF..." })
+      }
+    );
   }
   return /* @__PURE__ */ jsxs3(
     "div",
     {
-      className: `${pdfViewerStyles.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__ */ jsx42(
           PDFControls,
@@ -18685,7 +18787,7 @@ function PDFViewer({
             url
           }
         ),
-        /* @__PURE__ */ jsxs3("div", { className: pdfViewerStyles.content, children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 overflow-hidden min-h-0", "data-pdf-viewer": "content", children: [
           showThumbnails && document2 && /* @__PURE__ */ jsx42(
             PDFThumbnails,
             {
@@ -18733,82 +18835,80 @@ function createProgressiveFetchHandler(onProgress) {
     return response.arrayBuffer();
   };
 }
-var DEFAULT_SCALE, CACHE_SIZE, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PDF_VIEWER_STYLES, stylesInjected, pdfViewerStyles, linearizedPDFConfig;
+var 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.6_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.8_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;
     MIN_ZOOM = 0.5;
     MAX_ZOOM = 3;
     ZOOM_STEP = 0.25;
-    PDF_VIEWER_STYLES = `
-/* Core viewer layout */
-.PDFViewer_viewer { display: flex; flex-direction: column; background: #f5f5f5; font-family: system-ui, -apple-system, sans-serif; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); height: 100%; width: 100%; }
-
-/* Controls */
-.PDFViewer_controls { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: #fff; border-bottom: 1px solid #e0e0e0; overflow-x: auto; flex-wrap: wrap; flex-shrink: 0; z-index: 10; position: relative; }
-.PDFViewer_controls button { padding: 8px 14px; background: #007bff; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 500; transition: background 150ms, box-shadow 150ms; white-space: nowrap; }
-.PDFViewer_controls button:hover:not(:disabled) { background: #0056b3; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
-.PDFViewer_controls button:disabled { opacity: 0.5; cursor: not-allowed; background: #6c757d; }
-
-.PDFViewer_pageInput { width: 60px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; text-align: center; font-weight: 500; }
-.PDFViewer_pageInput:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 2px rgba(0,123,255,0.1); }
-.PDFViewer_pageTotal { font-size: 14px; color: #666; font-weight: 500; white-space: nowrap; }
-.PDFViewer_zoomLevel { font-size: 14px; color: #333; min-width: 60px; text-align: center; font-weight: 600; }
-
-.PDFViewer_searchInput { padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; }
-.PDFViewer_searchResults { font-size: 12px; color: #666; }
-
-.PDFViewer_button { padding: 6px 12px; background: #28a745; color: #fff; border: none; border-radius: 4px; text-decoration: none; cursor: pointer; transition: background 150ms; font-size: 14px; font-weight: 500; }
-.PDFViewer_button:hover { background: #218838; }
-
-/* Main content */
-.PDFViewer_content { display: flex; flex: 1; overflow: hidden; min-height: 0; }
-.PDFViewer_canvas { flex: 1; overflow: auto; display: flex; align-items: center; justify-content: center; background: #fff; padding: 20px; }
-.PDFViewer_canvas canvas { max-width: 100%; height: auto !important; box-shadow: 0 2px 8px rgba(0,0,0,0.15); display: block; }
-
-/* Thumbnails */
-.PDFViewer_thumbnails { width: 120px; overflow-y: auto; background: #fff; border-right: 1px solid #e0e0e0; padding: 8px; display: flex; flex-direction: column; gap: 8px; }
-.PDFViewer_thumbnail { position: relative; cursor: pointer; border: 2px solid transparent; border-radius: 4px; overflow: hidden; transition: border-color 150ms, box-shadow 150ms; }
-.PDFViewer_thumbnail:hover { border-color: #007bff; box-shadow: 0 2px 4px rgba(0,123,255,0.2); }
-.PDFViewer_thumbnail.PDFViewer_active { border-color: #007bff; box-shadow: 0 2px 8px rgba(0,123,255,0.4); }
-.PDFViewer_thumbnail canvas { width: 100%; height: auto; display: block; }
-.PDFViewer_pageNumber { position: absolute; bottom: 4px; right: 4px; font-size: 11px; background: rgba(0,0,0,0.7); color: #fff; padding: 2px 4px; border-radius: 2px; }
-
-/* Loading & error */
-.PDFViewer_loading, .PDFViewer_error { display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 8px; }
-.PDFViewer_loading p, .PDFViewer_error p { font-size: 16px; color: #666; }
-.PDFViewer_error p { color: #dc3545; }
-
-/* Responsive tweaks */
-@media (max-width: 768px) {
-  .PDFViewer_controls { gap: 6px; padding: 8px 12px; }
-  .PDFViewer_controls button { padding: 4px 8px; font-size: 12px; }
-  .PDFViewer_pageInput { width: 50px; }
-  .PDFViewer_thumbnails { width: 80px; }
-  .PDFViewer_searchInput { padding: 4px 8px; font-size: 12px; }
-}
-`;
-    stylesInjected = false;
-    pdfViewerStyles = {
-      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__ */ jsx22("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__ */ jsx22("path", { d: "M15 18l-6-6 6-6" }) });
+    ChevronRightIcon = () => /* @__PURE__ */ jsx22("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__ */ jsx22("path", { d: "M9 18l6-6-6-6" }) });
+    MinusIcon = () => /* @__PURE__ */ jsx22("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__ */ jsx22("path", { d: "M5 12h14" }) });
+    PlusIcon = () => /* @__PURE__ */ jsx22("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__ */ jsx22("path", { d: "M12 5v14M5 12h14" }) });
+    DownloadIcon = () => /* @__PURE__ */ jsx22("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__ */ jsx22("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) });
+    PrintIcon = () => /* @__PURE__ */ 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__ */ jsx22("polyline", { points: "6 9 6 2 18 2 18 9" }),
+      /* @__PURE__ */ jsx22("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__ */ jsx22("rect", { x: "6", y: "14", width: "12", height: "8" })
+    ] });
+    FullscreenIcon = () => /* @__PURE__ */ jsx22("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__ */ jsx22("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__ */ 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__ */ jsx22("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ jsx22("path", { d: "M21 21l-4.35-4.35" })
+    ] });
+    IconButton = ({
+      onClick,
+      disabled,
+      title,
+      children,
+      className
+    }) => /* @__PURE__ */ jsx22(
+      "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__ */ jsx22(
+      "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
@@ -22737,7 +22837,7 @@ var DEFAULT_CONTROLS = {
 function mergeControls(overrides) {
   return { ...DEFAULT_CONTROLS, ...overrides || {} };
 }
-var IconButton = ({
+var IconButton2 = ({
   onClick,
   disabled,
   ariaLabel,
@@ -22766,8 +22866,8 @@ var IconButton = ({
 var ArrowLeftIcon = () => /* @__PURE__ */ jsx8("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__ */ jsx8("path", { d: "M19 12H5M12 19l-7-7 7-7" }) });
 var ArrowRightIcon = () => /* @__PURE__ */ jsx8("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__ */ jsx8("path", { d: "M5 12h14M12 5l7 7-7 7" }) });
 var CloseIcon = () => /* @__PURE__ */ jsx8("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__ */ jsx8("path", { d: "M18 6L6 18M6 6l12 12" }) });
-var FullscreenIcon = () => /* @__PURE__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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,
@@ -22905,23 +23005,23 @@ function LightboxChrome({
       className
     ), children: [
       resolved.navigation && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx8(IconButton, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ jsx8(ArrowLeftIcon, {}) }),
-        /* @__PURE__ */ jsx8(IconButton, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ jsx8(ArrowRightIcon, {}) })
+        /* @__PURE__ */ jsx8(IconButton2, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ jsx8(ArrowLeftIcon, {}) }),
+        /* @__PURE__ */ jsx8(IconButton2, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ jsx8(ArrowRightIcon, {}) })
       ] }),
       /* @__PURE__ */ jsx8("div", { className: "flex flex-col", children: resolved.captions && currentItem && /* @__PURE__ */ jsxs4(Fragment, { children: [
         currentItem.title && /* @__PURE__ */ jsx8("div", { className: "text-sm font-semibold", children: currentItem.title }),
         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.share && "share" in navigator && /* @__PURE__ */ jsx8(IconButton2, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
+        resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton2, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon2, {}) }),
+        resolved.download && currentItem?.src && /* @__PURE__ */ jsx8(IconButton2, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon2, {}) }),
         resolved.counter && totalItems > 0 && /* @__PURE__ */ jsxs4("span", { className: "text-xs text-white/70", children: [
           currentIndex + 1,
           " / ",
           totalItems
         ] }),
-        resolved.closeButton && /* @__PURE__ */ jsx8(IconButton, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ jsx8(CloseIcon, {}) })
+        resolved.closeButton && /* @__PURE__ */ jsx8(IconButton2, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ jsx8(CloseIcon, {}) })
       ] })
     ] });
   }
@@ -22931,14 +23031,14 @@ function LightboxChrome({
       "flex items-center gap-2",
       className
     ), 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.closeButton && /* @__PURE__ */ jsx8(IconButton, { onClick: onClose, ariaLabel: "Close lightbox", children: /* @__PURE__ */ jsx8(CloseIcon, {}) })
+      resolved.share && "share" in navigator && /* @__PURE__ */ jsx8(IconButton2, { onClick: handleShare, ariaLabel: "Share", children: /* @__PURE__ */ jsx8(ShareIcon, {}) }),
+      resolved.fullscreen && /* @__PURE__ */ jsx8(IconButton2, { onClick: handleFullscreen, ariaLabel: isFullscreen ? "Exit fullscreen" : "Fullscreen", children: /* @__PURE__ */ jsx8(FullscreenIcon2, {}) }),
+      resolved.download && currentItem?.src && /* @__PURE__ */ jsx8(IconButton2, { onClick: handleDownload, ariaLabel: "Download", children: /* @__PURE__ */ jsx8(DownloadIcon2, {}) }),
+      resolved.closeButton && /* @__PURE__ */ jsx8(IconButton2, { 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: [
-      /* @__PURE__ */ jsx8(IconButton, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ jsx8(ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ jsx8(IconButton, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ jsx8(ArrowRightIcon, {}) })
+      /* @__PURE__ */ jsx8(IconButton2, { onClick: onPrev, disabled: !canPrev, ariaLabel: "Previous item", children: /* @__PURE__ */ jsx8(ArrowLeftIcon, {}) }),
+      /* @__PURE__ */ jsx8(IconButton2, { onClick: onNext, disabled: !canNext, ariaLabel: "Next item", children: /* @__PURE__ */ jsx8(ArrowRightIcon, {}) })
     ] }),
     resolved.captions && currentItem && (currentItem.title || currentItem.caption) && /* @__PURE__ */ jsxs4("div", { className: cn(
       "fixed bottom-6 left-6 z-50",