@cannymindstech/file-viewers 0.27.12 → 0.28.1

package/dist/{chunk-7P6WEBHN.js → chunk-4HVU224A.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkECZ6IBOSjs = require('./chunk-ECZ6IBOS.js');
+var _chunkS5KXYKBXjs = require('./chunk-S5KXYKBX.js');
 
 
 var _chunkOPJOCUSLjs = require('./chunk-OPJOCUSL.js');
@@ -43,7 +43,9 @@ var StablePDFViewer = _react2.default.memo(({
   hideInternalLoading,
   isAnnotationForeign,
   onAnnotationNoteClick,
-  isAnnotationInteractive
+  isAnnotationInteractive,
+  twoPageMode,
+  scrollStrategy
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     HeadlessPDFViewer,
@@ -64,7 +66,9 @@ var StablePDFViewer = _react2.default.memo(({
       hideInternalLoading,
       isAnnotationForeign,
       onAnnotationNoteClick,
-      isAnnotationInteractive
+      isAnnotationInteractive,
+      twoPageMode,
+      scrollStrategy
     }
   );
 });
@@ -98,9 +102,13 @@ var _Approval = require('@mui/icons-material/Approval'); var _Approval2 = _inter
 var _StickyNote2 = require('@mui/icons-material/StickyNote2'); var _StickyNote22 = _interopRequireDefault(_StickyNote2);
 var _KeyboardArrowDown = require('@mui/icons-material/KeyboardArrowDown'); var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
 var _Portrait = require('@mui/icons-material/Portrait'); var _Portrait2 = _interopRequireDefault(_Portrait);
+var _MenuBook = require('@mui/icons-material/MenuBook'); var _MenuBook2 = _interopRequireDefault(_MenuBook);
+var _VerticalSplit = require('@mui/icons-material/VerticalSplit'); var _VerticalSplit2 = _interopRequireDefault(_VerticalSplit);
 var _SwapVert = require('@mui/icons-material/SwapVert'); var _SwapVert2 = _interopRequireDefault(_SwapVert);
+var _SwapHoriz = require('@mui/icons-material/SwapHoriz'); var _SwapHoriz2 = _interopRequireDefault(_SwapHoriz);
 var _AutoFixHigh = require('@mui/icons-material/AutoFixHigh'); var _AutoFixHigh2 = _interopRequireDefault(_AutoFixHigh);
 
+
 var PDFToolbar = _react2.default.memo(
   ({
     currentPage,
@@ -119,6 +127,13 @@ var PDFToolbar = _react2.default.memo(
     showPrint,
     showRotation,
     showAnnotations,
+    // Layout and Sidebar controls
+    twoPageMode = false,
+    onTwoPageModeChange,
+    scrollStrategy = _pdfviewer.ScrollStrategy.Vertical,
+    onScrollStrategyChange,
+    showThumbnails = false,
+    onToggleThumbnails,
     // Destructure new props with defaults
     showAnnotate = true,
     disabledAnnotate = false,
@@ -174,7 +189,10 @@ var PDFToolbar = _react2.default.memo(
     hasUnsavedAnnotations,
     isSavingAnnotations,
     canSaveAnnotations,
-    onSaveAnnotations
+    onSaveAnnotations,
+    // Toolbar mode state
+    activeMode = "view",
+    onActiveModeChange
   }) => {
     const [isPrintMenuOpen, setIsPrintMenuOpen] = _react.useState.call(void 0, false);
     const [isDownloadMenuOpen, setIsDownloadMenuOpen] = _react.useState.call(void 0, false);
@@ -218,430 +236,508 @@ var PDFToolbar = _react2.default.memo(
       setIsDownloadMenuOpen(false);
       _optionalChain([onDownloadWithoutAnnotations, 'optionalCall', _4 => _4()]);
     };
-    const [activeMode, setActiveMode] = _react.useState.call(void 0, "view");
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar-container", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-left", children: [
-          showPageNavigation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "First Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: "toolbar-button",
-                onClick: onFirstPage,
-                disabled: currentPage <= 1,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
-              }
-            ) }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Previous Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-toolbar-container", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-left", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Toggle Page Previews", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: `toolbar-button ${showThumbnails ? "toolbar-button-active" : ""}`,
+            onClick: onToggleThumbnails,
+            style: { marginRight: "8px" },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VerticalSplit2.default, { fontSize: "small" })
+          }
+        ) }),
+        showPageNavigation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "First Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onFirstPage,
+              disabled: currentPage <= 1,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
+            }
+          ) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Previous Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onPreviousPage,
+              disabled: currentPage <= 1,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
+            }
+          ) }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "page-info", style: { display: "flex", alignItems: "center", margin: "0 8px", fontSize: "14px", fontWeight: 500 }, children: [
+            currentPage,
+            " ",
+            showPageCount && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: "#6b7280", marginLeft: "4px" }, children: [
+              "/ ",
+              totalPages || "..."
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Next Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onNextPage,
+              disabled: currentPage >= totalPages,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
+            }
+          ) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Last Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onLastPage,
+              disabled: currentPage >= totalPages,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
+            }
+          ) }) })
+        ] }),
+        showZoomControls && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Zoom Out", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 className: "toolbar-button",
-                onClick: onPreviousPage,
-                disabled: currentPage <= 1,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
+                onClick: onZoomOut,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Remove2.default, { fontSize: "small" })
               }
-            ) }) }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "page-info", style: { display: "flex", alignItems: "center", margin: "0 8px", fontSize: "14px", fontWeight: 500 }, children: [
-              currentPage,
-              " ",
-              showPageCount && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: "#6b7280", marginLeft: "4px" }, children: [
-                "/ ",
-                totalPages || "..."
-              ] })
+            ) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "zoom-display", children: [
+              zoom,
+              "%"
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Next Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Zoom In", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 className: "toolbar-button",
-                onClick: onNextPage,
-                disabled: currentPage >= totalPages,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
+                onClick: onZoomIn,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Add2.default, { fontSize: "small" })
               }
-            ) }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Last Page", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            ) })
+          ] })
+        ] }),
+        (showZoomControls || showRotation) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-container", ref: viewMenuRef, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "View Options", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "button",
               {
-                className: "toolbar-button",
-                onClick: onLastPage,
-                disabled: currentPage >= totalPages,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
+                className: `toolbar-button toolbar-dropdown-button ${isViewMenuOpen ? "toolbar-button-active" : ""}`,
+                onClick: () => setIsViewMenuOpen(!isViewMenuOpen),
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Tune2.default, { fontSize: "small" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowDown2.default, { fontSize: "small", style: { marginLeft: -4 } })
+                ]
               }
-            ) }) })
-          ] }),
-          showZoomControls && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Zoom Out", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            ) }),
+            isViewMenuOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-menu", style: { width: "240px" }, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-header", children: "SPREAD MODE" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 "button",
                 {
-                  className: "toolbar-button",
-                  onClick: onZoomOut,
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Remove2.default, { fontSize: "small" })
+                  className: `toolbar-dropdown-item ${!twoPageMode ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    _optionalChain([onTwoPageModeChange, 'optionalCall', _5 => _5(false)]);
+                  },
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Portrait2.default, { fontSize: "small" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Single Page" })
+                  ]
                 }
-              ) }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "zoom-display", children: [
-                zoom,
-                "%"
-              ] }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Zoom In", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              ),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 "button",
                 {
-                  className: "toolbar-button",
-                  onClick: onZoomIn,
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Add2.default, { fontSize: "small" })
+                  className: `toolbar-dropdown-item ${twoPageMode ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    _optionalChain([onTwoPageModeChange, 'optionalCall', _6 => _6(true)]);
+                  },
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _MenuBook2.default, { fontSize: "small" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Two-Page Spread" })
+                  ]
                 }
-              ) })
-            ] })
-          ] }),
-          (showZoomControls || showRotation) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-container", ref: viewMenuRef, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "View Options", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-header", children: "SCROLL LAYOUT" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 "button",
                 {
-                  className: `toolbar-button toolbar-dropdown-button ${isViewMenuOpen ? "toolbar-button-active" : ""}`,
-                  onClick: () => setIsViewMenuOpen(!isViewMenuOpen),
+                  className: `toolbar-dropdown-item ${scrollStrategy !== _pdfviewer.ScrollStrategy.Horizontal ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    _optionalChain([onScrollStrategyChange, 'optionalCall', _7 => _7(_pdfviewer.ScrollStrategy.Vertical)]);
+                  },
                   children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Tune2.default, { fontSize: "small" }),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowDown2.default, { fontSize: "small", style: { marginLeft: -4 } })
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SwapVert2.default, { fontSize: "small" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Vertical Scroll" })
                   ]
                 }
-              ) }),
-              isViewMenuOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-menu", style: { width: "240px" }, children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-header", children: "SPREAD MODE" }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { className: "toolbar-dropdown-item toolbar-dropdown-item-active", onClick: () => setIsViewMenuOpen(false), children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Portrait2.default, { fontSize: "small" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Single Page" })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-header", children: "SCROLL LAYOUT" }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { className: "toolbar-dropdown-item toolbar-dropdown-item-active", onClick: () => setIsViewMenuOpen(false), children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SwapVert2.default, { fontSize: "small" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Vertical" })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { className: "toolbar-dropdown-item", onClick: () => {
-                  setIsViewMenuOpen(false);
-                  _optionalChain([onFitToWidth, 'optionalCall', _5 => _5()]);
-                }, children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fit to Width" })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { className: "toolbar-dropdown-item", onClick: () => {
-                  setIsViewMenuOpen(false);
-                  _optionalChain([onFitToPage, 'optionalCall', _6 => _6()]);
-                }, children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fit to Page" })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
-                showRotation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-header", children: "PAGE ROTATION" }),
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: () => {
-                        setIsViewMenuOpen(false);
-                        _optionalChain([onRotateRight, 'optionalCall', _7 => _7()]);
-                      },
-                      disabled: false,
-                      children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RotateRight2.default, { fontSize: "small" }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Rotate Clockwise" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: () => {
-                        setIsViewMenuOpen(false);
-                        _optionalChain([onRotateLeft, 'optionalCall', _8 => _8()]);
-                      },
-                      disabled: disabledRotateLeft,
-                      children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RotateLeft2.default, { fontSize: "small" }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Rotate Counter-Clockwise" })
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
+              ),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "button",
+                {
+                  className: `toolbar-dropdown-item ${scrollStrategy === _pdfviewer.ScrollStrategy.Horizontal ? "toolbar-dropdown-item-active" : ""}`,
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    _optionalChain([onScrollStrategyChange, 'optionalCall', _8 => _8(_pdfviewer.ScrollStrategy.Horizontal)]);
+                  },
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SwapHoriz2.default, { fontSize: "small" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Horizontal Scroll" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { className: "toolbar-dropdown-item", onClick: () => {
+                setIsViewMenuOpen(false);
+                _optionalChain([onFitToWidth, 'optionalCall', _9 => _9()]);
+              }, children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fit to Width" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { className: "toolbar-dropdown-item", onClick: () => {
+                setIsViewMenuOpen(false);
+                _optionalChain([onFitToPage, 'optionalCall', _10 => _10()]);
+              }, children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fit to Page" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
+              showRotation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-header", children: "PAGE ROTATION" }),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "button",
                   {
                     className: "toolbar-dropdown-item",
                     onClick: () => {
                       setIsViewMenuOpen(false);
-                      onToggleFullScreen();
+                      _optionalChain([onRotateRight, 'optionalCall', _11 => _11()]);
                     },
+                    disabled: false,
                     children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, { fontSize: "small" }),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fullscreen" })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RotateRight2.default, { fontSize: "small" }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Rotate Clockwise" })
                     ]
                   }
-                )
-              ] })
-            ] }) })
-          ] }),
-          showSearch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Search", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: `toolbar-button ${isSidebarOpen ? "toolbar-button-active" : ""}`,
-                onClick: onToggleSidebar,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { fontSize: "small" })
-              }
-            ) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-center", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: `toolbar-tab ${activeMode === "view" ? "toolbar-tab-active" : ""}`,
-              onClick: () => setActiveMode("view"),
-              children: "View"
-            }
-          ),
-          showAnnotate && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            "button",
-            {
-              className: `toolbar-tab ${activeMode === "annotate" ? "toolbar-tab-active" : ""}`,
-              onClick: () => !disabledAnnotate && setActiveMode("annotate"),
-              style: {
-                position: "relative",
-                opacity: disabledAnnotate ? 0.5 : 1,
-                cursor: disabledAnnotate ? "not-allowed" : "pointer"
-              },
-              children: [
-                "Annotate",
-                hasUnsavedAnnotations && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: {
-                  position: "absolute",
-                  top: "4px",
-                  right: "4px",
-                  width: "6px",
-                  height: "6px",
-                  backgroundColor: "#ef4444",
-                  borderRadius: "50%"
-                } })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-right", children: (hasUnsavedAnnotations || showDownload || showPrint || showMetadata || showProperties || showTags || showHistory) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
-            showDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-container", ref: downloadMenuRef, children: showDownloadOriginal && showDownloadWithAnnotations ? (
-              // RENDER DROPDOWN if BOTH are enabled
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                ),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "button",
                   {
-                    className: `toolbar-button toolbar-dropdown-button ${isDownloadMenuOpen ? "toolbar-button-active" : ""}`,
-                    onClick: () => setIsDownloadMenuOpen(!isDownloadMenuOpen),
-                    disabled: disabledDownload,
+                    className: "toolbar-dropdown-item",
+                    onClick: () => {
+                      setIsViewMenuOpen(false);
+                      _optionalChain([onRotateLeft, 'optionalCall', _12 => _12()]);
+                    },
+                    disabled: disabledRotateLeft,
                     children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" }),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowDown2.default, { fontSize: "small", style: { marginLeft: -4 } })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RotateLeft2.default, { fontSize: "small" }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Rotate Counter-Clockwise" })
                     ]
                   }
-                ) }) }),
-                isDownloadMenuOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handleDownloadWithoutAnnotations,
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Download Document Only" })
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handleDownloadWithAnnotations,
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Download with Annotations" })
-                    }
-                  )
-                ] })
-              ] })
-            ) : (
-              // RENDER SINGLE BUTTON if ONLY ONE is enabled
-              (showDownloadOriginal || showDownloadWithAnnotations) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                )
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-divider" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "button",
+                {
+                  className: "toolbar-dropdown-item",
+                  onClick: () => {
+                    setIsViewMenuOpen(false);
+                    onToggleFullScreen();
+                  },
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, { fontSize: "small" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fullscreen" })
+                  ]
+                }
+              )
+            ] })
+          ] }) })
+        ] }),
+        showSearch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Search", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: `toolbar-button ${isSidebarOpen ? "toolbar-button-active" : ""}`,
+              onClick: onToggleSidebar,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Search2.default, { fontSize: "small" })
+            }
+          ) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: `toolbar-tab ${activeMode === "view" ? "toolbar-tab-active" : ""}`,
+            onClick: () => _optionalChain([onActiveModeChange, 'optionalCall', _13 => _13("view")]),
+            children: "View"
+          }
+        ),
+        showAnnotate && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            className: `toolbar-tab ${activeMode === "annotate" ? "toolbar-tab-active" : ""}`,
+            onClick: () => !disabledAnnotate && _optionalChain([onActiveModeChange, 'optionalCall', _14 => _14("annotate")]),
+            style: {
+              position: "relative",
+              opacity: disabledAnnotate ? 0.5 : 1,
+              cursor: disabledAnnotate ? "not-allowed" : "pointer"
+            },
+            children: [
+              "Annotate",
+              hasUnsavedAnnotations && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: {
+                position: "absolute",
+                top: "4px",
+                right: "4px",
+                width: "6px",
+                height: "6px",
+                backgroundColor: "#ef4444",
+                borderRadius: "50%"
+              } })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-right", children: (hasUnsavedAnnotations || showDownload || showPrint || showMetadata || showProperties || showTags || showHistory) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
+          showDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-container", ref: downloadMenuRef, children: showDownloadOriginal && showDownloadWithAnnotations ? (
+            // RENDER DROPDOWN if BOTH are enabled
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 "button",
                 {
-                  className: "toolbar-button",
-                  onClick: showDownloadOriginal ? handleDownloadWithoutAnnotations : handleDownloadWithAnnotations,
+                  className: `toolbar-button toolbar-dropdown-button ${isDownloadMenuOpen ? "toolbar-button-active" : ""}`,
+                  onClick: () => setIsDownloadMenuOpen(!isDownloadMenuOpen),
                   disabled: disabledDownload,
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowDown2.default, { fontSize: "small", style: { marginLeft: -4 } })
+                  ]
                 }
-              ) }) })
-            ) }),
-            showPrint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-container", ref: printMenuRef, children: showPrintOriginal && showPrintWithAnnotations ? (
-              // RENDER DROPDOWN if BOTH are enabled
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              ) }) }),
+              isDownloadMenuOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "button",
                   {
-                    className: `toolbar-button toolbar-dropdown-button ${isPrintMenuOpen ? "toolbar-button-active" : ""}`,
-                    onClick: () => setIsPrintMenuOpen(!isPrintMenuOpen),
-                    disabled: disabledPrint,
-                    children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" }),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowDown2.default, { fontSize: "small", style: { marginLeft: -4 } })
-                    ]
+                    className: "toolbar-dropdown-item",
+                    onClick: handleDownloadWithoutAnnotations,
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Download Document Only" })
                   }
-                ) }) }),
-                isPrintMenuOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handlePrintWithoutAnnotations,
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Print Document Only" })
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "button",
-                    {
-                      className: "toolbar-dropdown-item",
-                      onClick: handlePrintWithAnnotations,
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Print with Annotations" })
-                    }
-                  )
-                ] })
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "button",
+                  {
+                    className: "toolbar-dropdown-item",
+                    onClick: handleDownloadWithAnnotations,
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Download with Annotations" })
+                  }
+                )
               ] })
-            ) : (
-              // RENDER SINGLE BUTTON if ONLY ONE is enabled
-              (showPrintOriginal || showPrintWithAnnotations) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  className: "toolbar-button",
-                  onClick: showPrintOriginal ? handlePrintWithoutAnnotations : handlePrintWithAnnotations,
-                  disabled: disabledPrint,
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
-                }
-              ) }) })
-            ) }),
-            showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Metadata", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: "toolbar-button",
-                onClick: onMetadataClick,
-                disabled: disabledMetadata,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
-              }
-            ) }) }),
-            showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Properties", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: "toolbar-button",
-                onClick: onPropertiesClick,
-                disabled: disabledProperties,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
-              }
-            ) }) }),
-            showTags && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            ] })
+          ) : (
+            // RENDER SINGLE BUTTON if ONLY ONE is enabled
+            (showDownloadOriginal || showDownloadWithAnnotations) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 className: "toolbar-button",
-                onClick: onTagsClick,
-                disabled: disabledTags,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, { fontSize: "small" })
+                onClick: showDownloadOriginal ? handleDownloadWithoutAnnotations : handleDownloadWithAnnotations,
+                disabled: disabledDownload,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
               }
-            ) }) }),
-            showHistory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Version History", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            ) }) })
+          ) }),
+          showPrint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-dropdown-container", ref: printMenuRef, children: showPrintOriginal && showPrintWithAnnotations ? (
+            // RENDER DROPDOWN if BOTH are enabled
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "button",
+                {
+                  className: `toolbar-button toolbar-dropdown-button ${isPrintMenuOpen ? "toolbar-button-active" : ""}`,
+                  onClick: () => setIsPrintMenuOpen(!isPrintMenuOpen),
+                  disabled: disabledPrint,
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KeyboardArrowDown2.default, { fontSize: "small", style: { marginLeft: -4 } })
+                  ]
+                }
+              ) }) }),
+              isPrintMenuOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-dropdown-menu toolbar-dropdown-menu-right", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "button",
+                  {
+                    className: "toolbar-dropdown-item",
+                    onClick: handlePrintWithoutAnnotations,
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Print Document Only" })
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "button",
+                  {
+                    className: "toolbar-dropdown-item",
+                    onClick: handlePrintWithAnnotations,
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Print with Annotations" })
+                  }
+                )
+              ] })
+            ] })
+          ) : (
+            // RENDER SINGLE BUTTON if ONLY ONE is enabled
+            (showPrintOriginal || showPrintWithAnnotations) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 className: "toolbar-button",
-                onClick: onHistoryClick,
-                disabled: disabledHistory,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.default, { fontSize: "small" })
+                onClick: showPrintOriginal ? handlePrintWithoutAnnotations : handlePrintWithAnnotations,
+                disabled: disabledPrint,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
               }
             ) }) })
-          ] })
-        ] }) })
-      ] }),
-      activeMode === "annotate" && showAnnotations && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-secondary-toolbar", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Highlight", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: `toolbar-button ${isHighlighterActive ? "toolbar-button-active" : ""}`,
-            onClick: onHighlighterClick,
-            disabled: disabledHighlighter,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Highlight2.default, { fontSize: "small" })
-          }
-        ) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Stamp", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: `toolbar-button ${isStampActive ? "toolbar-button-active" : ""}`,
-            onClick: onStampClick,
-            disabled: disabledStamp,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Approval2.default, { fontSize: "small" })
-          }
-        ) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Signature", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: onSignatureClick,
-            disabled: disabledSignature,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Draw2.default, { fontSize: "small" })
-          }
-        ) }) }),
-        onNoteClick && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Sticky Note", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: onNoteClick,
-            disabled: disabledNote,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _StickyNote22.default, { fontSize: "small" })
-          }
-        ) }) }),
-        hasUnsavedAnnotations && canSaveAnnotations !== false && onSaveAnnotations && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { width: 1, height: 24, backgroundColor: "#e5e7eb", margin: "0 8px" } }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Save Annotations", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          ) }),
+          showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Metadata", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
             {
               className: "toolbar-button",
-              onClick: onSaveAnnotations,
-              disabled: isSavingAnnotations,
-              style: {
-                color: hasUnsavedAnnotations ? "#2563eb" : "inherit",
-                padding: "6px 16px",
-                border: hasUnsavedAnnotations ? "1px solid #2563eb" : "1px solid transparent",
-                borderRadius: "6px",
-                display: "flex",
-                alignItems: "center",
-                gap: "6px",
-                backgroundColor: hasUnsavedAnnotations ? "#eff6ff" : "transparent",
-                fontSize: "14px",
-                fontWeight: 500,
-                width: "auto",
-                cursor: isSavingAnnotations ? "not-allowed" : "pointer"
-              },
-              children: [
-                isSavingAnnotations ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 24 24", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeDasharray: "31.4", strokeDashoffset: "10" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "17 21 17 13 7 13 7 21" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "7 3 7 8 15 8" })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: isSavingAnnotations ? "Saving..." : "Save" })
-              ]
+              onClick: onMetadataClick,
+              disabled: disabledMetadata,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
+            }
+          ) }) }),
+          showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Properties", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onPropertiesClick,
+              disabled: disabledProperties,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
+            }
+          ) }) }),
+          showTags && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onTagsClick,
+              disabled: disabledTags,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, { fontSize: "small" })
+            }
+          ) }) }),
+          showHistory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Version History", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onHistoryClick,
+              disabled: disabledHistory,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.default, { fontSize: "small" })
             }
           ) }) })
         ] })
-      ] }),
-      activeMode === "redact" && showAnnotations && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-secondary-toolbar", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Redact Text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: "toolbar-button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AutoFixHigh2.default, { fontSize: "small" }) }) }) })
-    ] });
+      ] }) })
+    ] }) });
   }
 );
 PDFToolbar.displayName = "PDFToolbar";
+var PDFSecondaryToolbar = _react2.default.memo(({
+  activeMode,
+  showAnnotations,
+  isHighlighterActive,
+  isStampActive,
+  disabledHighlighter,
+  disabledStamp,
+  disabledSignature,
+  disabledNote,
+  onHighlighterClick,
+  onStampClick,
+  onSignatureClick,
+  onNoteClick,
+  hasUnsavedAnnotations,
+  isSavingAnnotations,
+  canSaveAnnotations,
+  onSaveAnnotations
+}) => {
+  if (!showAnnotations) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    activeMode === "annotate" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-secondary-toolbar", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Highlight", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          className: `toolbar-button ${isHighlighterActive ? "toolbar-button-active" : ""}`,
+          onClick: onHighlighterClick,
+          disabled: disabledHighlighter,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Highlight2.default, { fontSize: "small" })
+        }
+      ) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Stamp", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          className: `toolbar-button ${isStampActive ? "toolbar-button-active" : ""}`,
+          onClick: onStampClick,
+          disabled: disabledStamp,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Approval2.default, { fontSize: "small" })
+        }
+      ) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Signature", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          className: "toolbar-button",
+          onClick: onSignatureClick,
+          disabled: disabledSignature,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Draw2.default, { fontSize: "small" })
+        }
+      ) }) }),
+      onNoteClick && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Sticky Note", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          className: "toolbar-button",
+          onClick: onNoteClick,
+          disabled: disabledNote,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _StickyNote22.default, { fontSize: "small" })
+        }
+      ) }) }),
+      hasUnsavedAnnotations && canSaveAnnotations !== false && onSaveAnnotations && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { width: 1, height: 24, backgroundColor: "#e5e7eb", margin: "0 8px" } }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Save Annotations", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: onSaveAnnotations,
+            disabled: isSavingAnnotations,
+            style: {
+              color: hasUnsavedAnnotations ? "#2563eb" : "inherit",
+              padding: "6px 16px",
+              border: hasUnsavedAnnotations ? "1px solid #2563eb" : "1px solid transparent",
+              borderRadius: "6px",
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              backgroundColor: hasUnsavedAnnotations ? "#eff6ff" : "transparent",
+              fontSize: "14px",
+              fontWeight: 500,
+              width: "auto",
+              cursor: isSavingAnnotations ? "not-allowed" : "pointer"
+            },
+            children: [
+              isSavingAnnotations ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 24 24", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeDasharray: "31.4", strokeDashoffset: "10" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "17 21 17 13 7 13 7 21" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "7 3 7 8 15 8" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: isSavingAnnotations ? "Saving..." : "Save" })
+            ]
+          }
+        ) }) })
+      ] })
+    ] }),
+    activeMode === "redact" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-secondary-toolbar", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Redact Text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: "toolbar-button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AutoFixHigh2.default, { fontSize: "small" }) }) }) })
+  ] });
+});
+PDFSecondaryToolbar.displayName = "PDFSecondaryToolbar";
+PDFToolbar.displayName = "PDFToolbar";
 
 // src/components/viewers/pdf/PDFHeader.tsx
 
@@ -1318,6 +1414,7 @@ var PasswordDialog = ({
 
 // src/components/viewers/PDFViewer.tsx
 
+
 var PDFViewerContent = _react.forwardRef.call(void 0, 
   (props, ref) => {
     const {
@@ -1372,7 +1469,8 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       isSavingAnnotations,
       canSaveAnnotations,
       onSaveAnnotations,
-      loading
+      loading,
+      themeMode = "light"
     } = props;
     const [pdfBuffer, setPdfBuffer] = _react.useState.call(void 0, null);
     const [state, setState] = _react.useState.call(void 0, "idle");
@@ -1398,7 +1496,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
     );
     const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
     const [totalPages, setTotalPages] = _react.useState.call(void 0, 0);
-    const [zoom, setZoom] = _react.useState.call(void 0, 100);
+    const [zoom, setZoom] = _react.useState.call(void 0, 122);
     const [searchQuery, setSearchQuery] = _react.useState.call(void 0, "");
     const [isSearching, setIsSearching] = _react.useState.call(void 0, false);
     const [pdfContainer, setPdfContainer] = _react.useState.call(void 0, null);
@@ -1410,6 +1508,10 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       !!initialSearchText
     );
     const [isFullScreen, setIsFullScreen] = _react.useState.call(void 0, false);
+    const [twoPageMode, setTwoPageMode] = _react.useState.call(void 0, false);
+    const [scrollStrategy, setScrollStrategy] = _react.useState.call(void 0, _pdfviewer.ScrollStrategy.Vertical);
+    const [showThumbnails, setShowThumbnails] = _react.useState.call(void 0, true);
+    const [activeMode, setActiveMode] = _react.useState.call(void 0, "view");
     const containerRef = _react.useRef.call(void 0, null);
     const [isPasswordDialogOpen, setIsPasswordDialogOpen] = _react.useState.call(void 0, false);
     const [passwordError, setPasswordError] = _react.useState.call(void 0, "");
@@ -1418,7 +1520,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
     const passwordTimeoutRef = _react.useRef.call(void 0, null);
     const hasExecutedInitialSearch = _react.useRef.call(void 0, false);
     const handleToggleFullScreen = _react.useCallback.call(void 0, () => {
-      if (!isFullScreen && _optionalChain([containerRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.requestFullscreen])) {
+      if (!isFullScreen && _optionalChain([containerRef, 'access', _15 => _15.current, 'optionalAccess', _16 => _16.requestFullscreen])) {
         containerRef.current.requestFullscreen();
         setIsFullScreen(true);
       } else if (isFullScreen && document.exitFullscreen) {
@@ -1442,7 +1544,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       setSearchResults([]);
       setTotalSearchResults(0);
       setCurrentSearchResultIndex(0);
-      _optionalChain([pdfViewerRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.search, 'access', _13 => _13.stopSearch, 'call', _14 => _14()]);
+      _optionalChain([pdfViewerRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.search, 'access', _19 => _19.stopSearch, 'call', _20 => _20()]);
     }, []);
     const toolbar = _chunkEM63H4SAjs.mergeToolbarConfig.call(void 0, {
       showDownload,
@@ -1463,66 +1565,66 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
     const toolbarHandlers = _react.useMemo.call(void 0, 
       () => ({
         handleZoomIn: () => {
-          _optionalChain([pdfViewerRef, 'access', _15 => _15.current, 'optionalAccess', _16 => _16.zoom, 'access', _17 => _17.zoomIn, 'call', _18 => _18()]);
+          _optionalChain([pdfViewerRef, 'access', _21 => _21.current, 'optionalAccess', _22 => _22.zoom, 'access', _23 => _23.zoomIn, 'call', _24 => _24()]);
           requestAnimationFrame(() => {
-            const zoomValue = _optionalChain([pdfViewerRef, 'access', _19 => _19.current, 'optionalAccess', _20 => _20.zoom, 'access', _21 => _21.getZoom, 'call', _22 => _22()]);
+            const zoomValue = _optionalChain([pdfViewerRef, 'access', _25 => _25.current, 'optionalAccess', _26 => _26.zoom, 'access', _27 => _27.getZoom, 'call', _28 => _28()]);
             if (typeof zoomValue === "number") {
               setZoom(Math.round(zoomValue * 100));
             }
           });
         },
         handleZoomOut: () => {
-          _optionalChain([pdfViewerRef, 'access', _23 => _23.current, 'optionalAccess', _24 => _24.zoom, 'access', _25 => _25.zoomOut, 'call', _26 => _26()]);
+          _optionalChain([pdfViewerRef, 'access', _29 => _29.current, 'optionalAccess', _30 => _30.zoom, 'access', _31 => _31.zoomOut, 'call', _32 => _32()]);
           requestAnimationFrame(() => {
-            const zoomValue = _optionalChain([pdfViewerRef, 'access', _27 => _27.current, 'optionalAccess', _28 => _28.zoom, 'access', _29 => _29.getZoom, 'call', _30 => _30()]);
+            const zoomValue = _optionalChain([pdfViewerRef, 'access', _33 => _33.current, 'optionalAccess', _34 => _34.zoom, 'access', _35 => _35.getZoom, 'call', _36 => _36()]);
             if (typeof zoomValue === "number") {
               setZoom(Math.round(zoomValue * 100));
             }
           });
         },
         handleFitToWidth: () => {
-          _optionalChain([pdfViewerRef, 'access', _31 => _31.current, 'optionalAccess', _32 => _32.zoom, 'access', _33 => _33.fitToWidth, 'call', _34 => _34()]);
+          _optionalChain([pdfViewerRef, 'access', _37 => _37.current, 'optionalAccess', _38 => _38.zoom, 'access', _39 => _39.fitToWidth, 'call', _40 => _40()]);
           requestAnimationFrame(() => {
-            const zoomValue = _optionalChain([pdfViewerRef, 'access', _35 => _35.current, 'optionalAccess', _36 => _36.zoom, 'access', _37 => _37.getZoom, 'call', _38 => _38()]);
+            const zoomValue = _optionalChain([pdfViewerRef, 'access', _41 => _41.current, 'optionalAccess', _42 => _42.zoom, 'access', _43 => _43.getZoom, 'call', _44 => _44()]);
             if (typeof zoomValue === "number") {
               setZoom(Math.round(zoomValue * 100));
             }
           });
         },
         handleFitToPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _39 => _39.current, 'optionalAccess', _40 => _40.zoom, 'access', _41 => _41.fitToPage, 'call', _42 => _42()]);
+          _optionalChain([pdfViewerRef, 'access', _45 => _45.current, 'optionalAccess', _46 => _46.zoom, 'access', _47 => _47.fitToPage, 'call', _48 => _48()]);
           requestAnimationFrame(() => {
-            const zoomValue = _optionalChain([pdfViewerRef, 'access', _43 => _43.current, 'optionalAccess', _44 => _44.zoom, 'access', _45 => _45.getZoom, 'call', _46 => _46()]);
+            const zoomValue = _optionalChain([pdfViewerRef, 'access', _49 => _49.current, 'optionalAccess', _50 => _50.zoom, 'access', _51 => _51.getZoom, 'call', _52 => _52()]);
             if (typeof zoomValue === "number") {
               setZoom(Math.round(zoomValue * 100));
             }
           });
         },
         handlePreviousPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _47 => _47.current, 'optionalAccess', _48 => _48.navigation, 'access', _49 => _49.previousPage, 'call', _50 => _50()]);
+          _optionalChain([pdfViewerRef, 'access', _53 => _53.current, 'optionalAccess', _54 => _54.navigation, 'access', _55 => _55.previousPage, 'call', _56 => _56()]);
           requestAnimationFrame(() => {
-            const current = _optionalChain([pdfViewerRef, 'access', _51 => _51.current, 'optionalAccess', _52 => _52.navigation, 'access', _53 => _53.getCurrentPage, 'call', _54 => _54()]) || 1;
+            const current = _optionalChain([pdfViewerRef, 'access', _57 => _57.current, 'optionalAccess', _58 => _58.navigation, 'access', _59 => _59.getCurrentPage, 'call', _60 => _60()]) || 1;
             setCurrentPage(current);
           });
         },
         handleNextPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _55 => _55.current, 'optionalAccess', _56 => _56.navigation, 'access', _57 => _57.nextPage, 'call', _58 => _58()]);
+          _optionalChain([pdfViewerRef, 'access', _61 => _61.current, 'optionalAccess', _62 => _62.navigation, 'access', _63 => _63.nextPage, 'call', _64 => _64()]);
           requestAnimationFrame(() => {
-            const current = _optionalChain([pdfViewerRef, 'access', _59 => _59.current, 'optionalAccess', _60 => _60.navigation, 'access', _61 => _61.getCurrentPage, 'call', _62 => _62()]) || 1;
+            const current = _optionalChain([pdfViewerRef, 'access', _65 => _65.current, 'optionalAccess', _66 => _66.navigation, 'access', _67 => _67.getCurrentPage, 'call', _68 => _68()]) || 1;
             setCurrentPage(current);
           });
         },
         handleFirstPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _63 => _63.current, 'optionalAccess', _64 => _64.navigation, 'access', _65 => _65.goToFirstPage, 'call', _66 => _66()]);
+          _optionalChain([pdfViewerRef, 'access', _69 => _69.current, 'optionalAccess', _70 => _70.navigation, 'access', _71 => _71.goToFirstPage, 'call', _72 => _72()]);
           requestAnimationFrame(() => {
-            const current = _optionalChain([pdfViewerRef, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.navigation, 'access', _69 => _69.getCurrentPage, 'call', _70 => _70()]) || 1;
+            const current = _optionalChain([pdfViewerRef, 'access', _73 => _73.current, 'optionalAccess', _74 => _74.navigation, 'access', _75 => _75.getCurrentPage, 'call', _76 => _76()]) || 1;
             setCurrentPage(current);
           });
         },
         handleLastPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _71 => _71.current, 'optionalAccess', _72 => _72.navigation, 'access', _73 => _73.goToLastPage, 'call', _74 => _74()]);
+          _optionalChain([pdfViewerRef, 'access', _77 => _77.current, 'optionalAccess', _78 => _78.navigation, 'access', _79 => _79.goToLastPage, 'call', _80 => _80()]);
           requestAnimationFrame(() => {
-            const current = _optionalChain([pdfViewerRef, 'access', _75 => _75.current, 'optionalAccess', _76 => _76.navigation, 'access', _77 => _77.getCurrentPage, 'call', _78 => _78()]) || 1;
+            const current = _optionalChain([pdfViewerRef, 'access', _81 => _81.current, 'optionalAccess', _82 => _82.navigation, 'access', _83 => _83.getCurrentPage, 'call', _84 => _84()]) || 1;
             setCurrentPage(current);
           });
         },
@@ -1540,7 +1642,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
           }
           const page = parseInt(value, 10);
           if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-            _optionalChain([pdfViewerRef, 'access', _79 => _79.current, 'optionalAccess', _80 => _80.navigation, 'access', _81 => _81.goToPage, 'call', _82 => _82(page)]);
+            _optionalChain([pdfViewerRef, 'access', _85 => _85.current, 'optionalAccess', _86 => _86.navigation, 'access', _87 => _87.goToPage, 'call', _88 => _88(page)]);
             setCurrentPage(page);
           }
         },
@@ -1549,78 +1651,78 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
             const value = e.target.value;
             const page = parseInt(value, 10);
             if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
-              _optionalChain([pdfViewerRef, 'access', _83 => _83.current, 'optionalAccess', _84 => _84.navigation, 'access', _85 => _85.goToPage, 'call', _86 => _86(page)]);
+              _optionalChain([pdfViewerRef, 'access', _89 => _89.current, 'optionalAccess', _90 => _90.navigation, 'access', _91 => _91.goToPage, 'call', _92 => _92(page)]);
               setCurrentPage(page);
             }
           }
         },
         handleRotateLeft: () => {
-          _optionalChain([pdfViewerRef, 'access', _87 => _87.current, 'optionalAccess', _88 => _88.rotate, 'optionalAccess', _89 => _89.rotateBackward, 'call', _90 => _90()]);
+          _optionalChain([pdfViewerRef, 'access', _93 => _93.current, 'optionalAccess', _94 => _94.rotate, 'optionalAccess', _95 => _95.rotateBackward, 'call', _96 => _96()]);
         },
         handleRotateRight: () => {
-          _optionalChain([pdfViewerRef, 'access', _91 => _91.current, 'optionalAccess', _92 => _92.rotate, 'optionalAccess', _93 => _93.rotateForward, 'call', _94 => _94()]);
+          _optionalChain([pdfViewerRef, 'access', _97 => _97.current, 'optionalAccess', _98 => _98.rotate, 'optionalAccess', _99 => _99.rotateForward, 'call', _100 => _100()]);
         },
         handlePrint: () => {
-          _optionalChain([pdfViewerRef, 'access', _95 => _95.current, 'optionalAccess', _96 => _96.print, 'optionalAccess', _97 => _97.print, 'call', _98 => _98()]);
+          _optionalChain([pdfViewerRef, 'access', _101 => _101.current, 'optionalAccess', _102 => _102.print, 'optionalAccess', _103 => _103.print, 'call', _104 => _104()]);
         },
         handlePrintWithAnnotations: async () => {
           if (onPrintWithAnnotations) {
             await onPrintWithAnnotations();
           } else {
-            await _optionalChain([pdfViewerRef, 'access', _99 => _99.current, 'optionalAccess', _100 => _100.print, 'optionalAccess', _101 => _101.printWithAnnotations, 'optionalCall', _102 => _102()]);
+            await _optionalChain([pdfViewerRef, 'access', _105 => _105.current, 'optionalAccess', _106 => _106.print, 'optionalAccess', _107 => _107.printWithAnnotations, 'optionalCall', _108 => _108()]);
           }
         },
         handlePrintWithoutAnnotations: async () => {
           if (onPrintWithoutAnnotations) {
             await onPrintWithoutAnnotations();
           } else {
-            await _optionalChain([pdfViewerRef, 'access', _103 => _103.current, 'optionalAccess', _104 => _104.print, 'optionalAccess', _105 => _105.printWithoutAnnotations, 'optionalCall', _106 => _106()]);
+            await _optionalChain([pdfViewerRef, 'access', _109 => _109.current, 'optionalAccess', _110 => _110.print, 'optionalAccess', _111 => _111.printWithoutAnnotations, 'optionalCall', _112 => _112()]);
           }
         },
         handleDownloadWithAnnotations: async () => {
           if (onDownloadWithAnnotations) {
             onDownloadWithAnnotations();
           } else {
-            await _optionalChain([pdfViewerRef, 'access', _107 => _107.current, 'optionalAccess', _108 => _108.download, 'optionalAccess', _109 => _109.downloadWithAnnotations, 'optionalCall', _110 => _110(resolvedFileName)]);
+            await _optionalChain([pdfViewerRef, 'access', _113 => _113.current, 'optionalAccess', _114 => _114.download, 'optionalAccess', _115 => _115.downloadWithAnnotations, 'optionalCall', _116 => _116(resolvedFileName)]);
           }
         },
         handleDownloadWithoutAnnotations: async () => {
           if (onDownloadWithoutAnnotations) {
             onDownloadWithoutAnnotations();
           } else {
-            await _optionalChain([pdfViewerRef, 'access', _111 => _111.current, 'optionalAccess', _112 => _112.download, 'optionalAccess', _113 => _113.downloadWithoutAnnotations, 'optionalCall', _114 => _114(resolvedFileName)]);
+            await _optionalChain([pdfViewerRef, 'access', _117 => _117.current, 'optionalAccess', _118 => _118.download, 'optionalAccess', _119 => _119.downloadWithoutAnnotations, 'optionalCall', _120 => _120(resolvedFileName)]);
           }
         },
         handleHighlighterClick: () => {
           if (highlighterActive) {
-            _optionalChain([pdfViewerRef, 'access', _115 => _115.current, 'optionalAccess', _116 => _116.annotation, 'optionalAccess', _117 => _117.deactivateHighlighter, 'call', _118 => _118()]);
+            _optionalChain([pdfViewerRef, 'access', _121 => _121.current, 'optionalAccess', _122 => _122.annotation, 'optionalAccess', _123 => _123.deactivateHighlighter, 'call', _124 => _124()]);
             setInternalHighlighterActive(false);
           } else {
             if (stampActive) {
-              _optionalChain([pdfViewerRef, 'access', _119 => _119.current, 'optionalAccess', _120 => _120.annotation, 'optionalAccess', _121 => _121.deactivateStamp, 'call', _122 => _122()]);
+              _optionalChain([pdfViewerRef, 'access', _125 => _125.current, 'optionalAccess', _126 => _126.annotation, 'optionalAccess', _127 => _127.deactivateStamp, 'call', _128 => _128()]);
               setInternalStampActive(false);
             }
-            _optionalChain([pdfViewerRef, 'access', _123 => _123.current, 'optionalAccess', _124 => _124.annotation, 'optionalAccess', _125 => _125.activateHighlighter, 'call', _126 => _126()]);
+            _optionalChain([pdfViewerRef, 'access', _129 => _129.current, 'optionalAccess', _130 => _130.annotation, 'optionalAccess', _131 => _131.activateHighlighter, 'call', _132 => _132()]);
             setInternalHighlighterActive(true);
           }
         },
         handleStampClick: () => {
           if (stampActive) {
-            _optionalChain([pdfViewerRef, 'access', _127 => _127.current, 'optionalAccess', _128 => _128.annotation, 'optionalAccess', _129 => _129.deactivateStamp, 'call', _130 => _130()]);
+            _optionalChain([pdfViewerRef, 'access', _133 => _133.current, 'optionalAccess', _134 => _134.annotation, 'optionalAccess', _135 => _135.deactivateStamp, 'call', _136 => _136()]);
             setInternalStampActive(false);
           } else {
             if (highlighterActive) {
-              _optionalChain([pdfViewerRef, 'access', _131 => _131.current, 'optionalAccess', _132 => _132.annotation, 'optionalAccess', _133 => _133.deactivateHighlighter, 'call', _134 => _134()]);
+              _optionalChain([pdfViewerRef, 'access', _137 => _137.current, 'optionalAccess', _138 => _138.annotation, 'optionalAccess', _139 => _139.deactivateHighlighter, 'call', _140 => _140()]);
               setInternalHighlighterActive(false);
             }
-            _optionalChain([pdfViewerRef, 'access', _135 => _135.current, 'optionalAccess', _136 => _136.annotation, 'optionalAccess', _137 => _137.activateStamp, 'call', _138 => _138("")]);
+            _optionalChain([pdfViewerRef, 'access', _141 => _141.current, 'optionalAccess', _142 => _142.annotation, 'optionalAccess', _143 => _143.activateStamp, 'call', _144 => _144("")]);
             setInternalStampActive(true);
           }
         },
         handleSignatureClick: () => {
         },
         handleCopy: () => {
-          _optionalChain([pdfViewerRef, 'access', _139 => _139.current, 'optionalAccess', _140 => _140.selection, 'access', _141 => _141.copy, 'call', _142 => _142()]);
+          _optionalChain([pdfViewerRef, 'access', _145 => _145.current, 'optionalAccess', _146 => _146.selection, 'access', _147 => _147.copy, 'call', _148 => _148()]);
         },
         handleToggleFullScreen
       }),
@@ -1631,13 +1733,13 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       const isPDFReady = state === "ready";
       const isPagesInitialized = totalPages > 0;
       const isViewerAvailable = !!pdfViewerRef.current;
-      const isSearchAPIReady = !!_optionalChain([pdfViewerRef, 'access', _143 => _143.current, 'optionalAccess', _144 => _144.search, 'optionalAccess', _145 => _145.searchText]);
+      const isSearchAPIReady = !!_optionalChain([pdfViewerRef, 'access', _149 => _149.current, 'optionalAccess', _150 => _150.search, 'optionalAccess', _151 => _151.searchText]);
       const canExecuteSearch = isPDFReady && isPagesInitialized && isViewerAvailable && isSearchAPIReady;
       if (!canExecuteSearch) return;
       hasExecutedInitialSearch.current = true;
       const SEARCH_INITIALIZATION_DELAY = 100;
       setTimeout(() => {
-        if (!_optionalChain([pdfViewerRef, 'access', _146 => _146.current, 'optionalAccess', _147 => _147.search, 'optionalAccess', _148 => _148.searchText])) {
+        if (!_optionalChain([pdfViewerRef, 'access', _152 => _152.current, 'optionalAccess', _153 => _153.search, 'optionalAccess', _154 => _154.searchText])) {
           hasExecutedInitialSearch.current = false;
           return;
         }
@@ -1666,7 +1768,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       hasExecutedInitialSearch.current = false;
       setCurrentPage(1);
       setTotalPages(0);
-      setZoom(100);
+      setZoom(122);
       setState("idle");
       setError(null);
       setPdfBuffer(null);
@@ -1697,13 +1799,13 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       const checkInternalReadiness = async () => {
         if (!pdfViewerRef.current) return;
         try {
-          const count = _optionalChain([pdfViewerRef, 'access', _149 => _149.current, 'access', _150 => _150.navigation, 'optionalAccess', _151 => _151.getTotalPages, 'optionalCall', _152 => _152()]);
+          const count = _optionalChain([pdfViewerRef, 'access', _155 => _155.current, 'access', _156 => _156.navigation, 'optionalAccess', _157 => _157.getTotalPages, 'optionalCall', _158 => _158()]);
           if (count && count > 0) {
             setTotalPages(count);
             setIsInternalReady(true);
             return;
           }
-          const docInfo = _optionalChain([pdfViewerRef, 'access', _153 => _153.current, 'optionalAccess', _154 => _154.document, 'optionalAccess', _155 => _155.getDocumentInfo, 'optionalCall', _156 => _156()]);
+          const docInfo = _optionalChain([pdfViewerRef, 'access', _159 => _159.current, 'optionalAccess', _160 => _160.document, 'optionalAccess', _161 => _161.getDocumentInfo, 'optionalCall', _162 => _162()]);
           if (docInfo && docInfo.totalPages > 0) {
             setTotalPages(docInfo.totalPages);
             setIsInternalReady(true);
@@ -1715,6 +1817,15 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       const pollInterval = setInterval(checkInternalReadiness, 100);
       return () => clearInterval(pollInterval);
     }, [state]);
+    _react.useEffect.call(void 0, () => {
+      if (isInternalReady && pdfViewerRef.current) {
+        try {
+          pdfViewerRef.current.zoom.setZoom(1.22);
+          setZoom(122);
+        } catch (e) {
+        }
+      }
+    }, [isInternalReady]);
     _react.useEffect.call(void 0, () => {
       if (state !== "ready" || totalPages > 0) return;
       const initializePageCount = async () => {
@@ -1733,7 +1844,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
         if (!viewer) return;
         await new Promise((resolve) => requestAnimationFrame(resolve));
         try {
-          const count = _optionalChain([viewer, 'access', _157 => _157.navigation, 'optionalAccess', _158 => _158.getTotalPages, 'optionalCall', _159 => _159()]);
+          const count = _optionalChain([viewer, 'access', _163 => _163.navigation, 'optionalAccess', _164 => _164.getTotalPages, 'optionalCall', _165 => _165()]);
           if (count && count > 0) {
             setTotalPages(count);
             setIsInternalReady(true);
@@ -1748,17 +1859,17 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       if (state === "ready") {
         const updateInfo = () => {
           if (!pdfViewerRef.current) return;
-          const current = _optionalChain([pdfViewerRef, 'access', _160 => _160.current, 'optionalAccess', _161 => _161.navigation, 'access', _162 => _162.getCurrentPage, 'call', _163 => _163()]) || 1;
-          const docInfo = _optionalChain([pdfViewerRef, 'access', _164 => _164.current, 'optionalAccess', _165 => _165.document, 'optionalAccess', _166 => _166.getDocumentInfo, 'optionalCall', _167 => _167()]);
-          const navTotal = _optionalChain([pdfViewerRef, 'access', _168 => _168.current, 'optionalAccess', _169 => _169.navigation, 'optionalAccess', _170 => _170.getTotalPages, 'optionalCall', _171 => _171()]);
+          const current = _optionalChain([pdfViewerRef, 'access', _166 => _166.current, 'optionalAccess', _167 => _167.navigation, 'access', _168 => _168.getCurrentPage, 'call', _169 => _169()]) || 1;
+          const docInfo = _optionalChain([pdfViewerRef, 'access', _170 => _170.current, 'optionalAccess', _171 => _171.document, 'optionalAccess', _172 => _172.getDocumentInfo, 'optionalCall', _173 => _173()]);
+          const navTotal = _optionalChain([pdfViewerRef, 'access', _174 => _174.current, 'optionalAccess', _175 => _175.navigation, 'optionalAccess', _176 => _176.getTotalPages, 'optionalCall', _177 => _177()]);
           let total = 0;
           if (docInfo && docInfo.totalPages > 0) {
             total = docInfo.totalPages;
           } else if (typeof navTotal === "number" && navTotal > 0) {
             total = navTotal;
           }
-          const zoomValue = _optionalChain([pdfViewerRef, 'access', _172 => _172.current, 'optionalAccess', _173 => _173.zoom, 'access', _174 => _174.getZoom, 'call', _175 => _175()]);
-          const currentSearchState = _optionalChain([pdfViewerRef, 'access', _176 => _176.current, 'optionalAccess', _177 => _177.search, 'access', _178 => _178.getSearchState, 'call', _179 => _179()]);
+          const zoomValue = _optionalChain([pdfViewerRef, 'access', _178 => _178.current, 'optionalAccess', _179 => _179.zoom, 'access', _180 => _180.getZoom, 'call', _181 => _181()]);
+          const currentSearchState = _optionalChain([pdfViewerRef, 'access', _182 => _182.current, 'optionalAccess', _183 => _183.search, 'access', _184 => _184.getSearchState, 'call', _185 => _185()]);
           setCurrentPage(current);
           if (total > 0 && total !== totalPages) {
             setTotalPages(total);
@@ -1777,50 +1888,50 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       ref,
       () => ({
         zoomIn: () => {
-          _optionalChain([pdfViewerRef, 'access', _180 => _180.current, 'optionalAccess', _181 => _181.zoom, 'access', _182 => _182.zoomIn, 'call', _183 => _183()]);
+          _optionalChain([pdfViewerRef, 'access', _186 => _186.current, 'optionalAccess', _187 => _187.zoom, 'access', _188 => _188.zoomIn, 'call', _189 => _189()]);
           updateZoomDisplay();
         },
         zoomOut: () => {
-          _optionalChain([pdfViewerRef, 'access', _184 => _184.current, 'optionalAccess', _185 => _185.zoom, 'access', _186 => _186.zoomOut, 'call', _187 => _187()]);
+          _optionalChain([pdfViewerRef, 'access', _190 => _190.current, 'optionalAccess', _191 => _191.zoom, 'access', _192 => _192.zoomOut, 'call', _193 => _193()]);
           updateZoomDisplay();
         },
         setZoom: (level) => {
-          _optionalChain([pdfViewerRef, 'access', _188 => _188.current, 'optionalAccess', _189 => _189.zoom, 'access', _190 => _190.setZoom, 'call', _191 => _191(level)]);
+          _optionalChain([pdfViewerRef, 'access', _194 => _194.current, 'optionalAccess', _195 => _195.zoom, 'access', _196 => _196.setZoom, 'call', _197 => _197(level)]);
           updateZoomDisplay();
         },
         resetZoom: () => {
-          _optionalChain([pdfViewerRef, 'access', _192 => _192.current, 'optionalAccess', _193 => _193.zoom, 'access', _194 => _194.resetZoom, 'call', _195 => _195()]);
+          _optionalChain([pdfViewerRef, 'access', _198 => _198.current, 'optionalAccess', _199 => _199.zoom, 'access', _200 => _200.resetZoom, 'call', _201 => _201()]);
           updateZoomDisplay();
         },
         getZoom: () => {
-          const zoom2 = _optionalChain([pdfViewerRef, 'access', _196 => _196.current, 'optionalAccess', _197 => _197.zoom, 'access', _198 => _198.getZoom, 'call', _199 => _199()]);
+          const zoom2 = _optionalChain([pdfViewerRef, 'access', _202 => _202.current, 'optionalAccess', _203 => _203.zoom, 'access', _204 => _204.getZoom, 'call', _205 => _205()]);
           return typeof zoom2 === "number" ? zoom2 : 1;
         },
         goToPage: (page) => {
-          _optionalChain([pdfViewerRef, 'access', _200 => _200.current, 'optionalAccess', _201 => _201.navigation, 'access', _202 => _202.goToPage, 'call', _203 => _203(page)]);
+          _optionalChain([pdfViewerRef, 'access', _206 => _206.current, 'optionalAccess', _207 => _207.navigation, 'access', _208 => _208.goToPage, 'call', _209 => _209(page)]);
           setCurrentPage(page);
         },
-        getCurrentPage: () => _optionalChain([pdfViewerRef, 'access', _204 => _204.current, 'optionalAccess', _205 => _205.navigation, 'access', _206 => _206.getCurrentPage, 'call', _207 => _207()]) || 1,
-        getTotalPages: () => _optionalChain([pdfViewerRef, 'access', _208 => _208.current, 'optionalAccess', _209 => _209.navigation, 'access', _210 => _210.getTotalPages, 'call', _211 => _211()]) || 0,
+        getCurrentPage: () => _optionalChain([pdfViewerRef, 'access', _210 => _210.current, 'optionalAccess', _211 => _211.navigation, 'access', _212 => _212.getCurrentPage, 'call', _213 => _213()]) || 1,
+        getTotalPages: () => _optionalChain([pdfViewerRef, 'access', _214 => _214.current, 'optionalAccess', _215 => _215.navigation, 'access', _216 => _216.getTotalPages, 'call', _217 => _217()]) || 0,
         nextPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _212 => _212.current, 'optionalAccess', _213 => _213.navigation, 'access', _214 => _214.nextPage, 'call', _215 => _215()]);
+          _optionalChain([pdfViewerRef, 'access', _218 => _218.current, 'optionalAccess', _219 => _219.navigation, 'access', _220 => _220.nextPage, 'call', _221 => _221()]);
           updatePageDisplay();
         },
         previousPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _216 => _216.current, 'optionalAccess', _217 => _217.navigation, 'access', _218 => _218.previousPage, 'call', _219 => _219()]);
+          _optionalChain([pdfViewerRef, 'access', _222 => _222.current, 'optionalAccess', _223 => _223.navigation, 'access', _224 => _224.previousPage, 'call', _225 => _225()]);
           updatePageDisplay();
         },
         goToFirstPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _220 => _220.current, 'optionalAccess', _221 => _221.navigation, 'access', _222 => _222.goToFirstPage, 'call', _223 => _223()]);
+          _optionalChain([pdfViewerRef, 'access', _226 => _226.current, 'optionalAccess', _227 => _227.navigation, 'access', _228 => _228.goToFirstPage, 'call', _229 => _229()]);
           updatePageDisplay();
         },
         goToLastPage: () => {
-          _optionalChain([pdfViewerRef, 'access', _224 => _224.current, 'optionalAccess', _225 => _225.navigation, 'access', _226 => _226.goToLastPage, 'call', _227 => _227()]);
+          _optionalChain([pdfViewerRef, 'access', _230 => _230.current, 'optionalAccess', _231 => _231.navigation, 'access', _232 => _232.goToLastPage, 'call', _233 => _233()]);
           updatePageDisplay();
         },
         searchText: async (keyword) => {
           setIsSearching(true);
-          const results = await _optionalChain([pdfViewerRef, 'access', _228 => _228.current, 'optionalAccess', _229 => _229.search, 'access', _230 => _230.searchText, 'call', _231 => _231(
+          const results = await _optionalChain([pdfViewerRef, 'access', _234 => _234.current, 'optionalAccess', _235 => _235.search, 'access', _236 => _236.searchText, 'call', _237 => _237(
             keyword
           )]);
           setIsSearching(false);
@@ -1828,58 +1939,58 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
           return results;
         },
         nextResult: () => {
-          const index = _optionalChain([pdfViewerRef, 'access', _232 => _232.current, 'optionalAccess', _233 => _233.search, 'access', _234 => _234.nextResult, 'call', _235 => _235()]) || -1;
+          const index = _optionalChain([pdfViewerRef, 'access', _238 => _238.current, 'optionalAccess', _239 => _239.search, 'access', _240 => _240.nextResult, 'call', _241 => _241()]) || -1;
           return index;
         },
         previousResult: () => {
-          const index = _optionalChain([pdfViewerRef, 'access', _236 => _236.current, 'optionalAccess', _237 => _237.search, 'access', _238 => _238.previousResult, 'call', _239 => _239()]) || -1;
+          const index = _optionalChain([pdfViewerRef, 'access', _242 => _242.current, 'optionalAccess', _243 => _243.search, 'access', _244 => _244.previousResult, 'call', _245 => _245()]) || -1;
           return index;
         },
-        goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _240 => _240.current, 'optionalAccess', _241 => _241.search, 'access', _242 => _242.goToResult, 'call', _243 => _243(index)]) || -1,
+        goToResult: (index) => _optionalChain([pdfViewerRef, 'access', _246 => _246.current, 'optionalAccess', _247 => _247.search, 'access', _248 => _248.goToResult, 'call', _249 => _249(index)]) || -1,
         stopSearch: () => {
-          _optionalChain([pdfViewerRef, 'access', _244 => _244.current, 'optionalAccess', _245 => _245.search, 'access', _246 => _246.stopSearch, 'call', _247 => _247()]);
+          _optionalChain([pdfViewerRef, 'access', _250 => _250.current, 'optionalAccess', _251 => _251.search, 'access', _252 => _252.stopSearch, 'call', _253 => _253()]);
           setSearchQuery("");
         },
-        getSearchState: () => _optionalChain([pdfViewerRef, 'access', _248 => _248.current, 'optionalAccess', _249 => _249.search, 'access', _250 => _250.getSearchState, 'call', _251 => _251()]) || null,
+        getSearchState: () => _optionalChain([pdfViewerRef, 'access', _254 => _254.current, 'optionalAccess', _255 => _255.search, 'access', _256 => _256.getSearchState, 'call', _257 => _257()]) || null,
         getSelectedText: async () => {
-          return await _optionalChain([pdfViewerRef, 'access', _252 => _252.current, 'optionalAccess', _253 => _253.selection, 'access', _254 => _254.getSelectedText, 'call', _255 => _255()]) || "";
+          return await _optionalChain([pdfViewerRef, 'access', _258 => _258.current, 'optionalAccess', _259 => _259.selection, 'access', _260 => _260.getSelectedText, 'call', _261 => _261()]) || "";
         },
-        clearSelection: () => _optionalChain([pdfViewerRef, 'access', _256 => _256.current, 'optionalAccess', _257 => _257.selection, 'access', _258 => _258.clearSelection, 'call', _259 => _259()]),
-        copy: () => _optionalChain([pdfViewerRef, 'access', _260 => _260.current, 'optionalAccess', _261 => _261.selection, 'access', _262 => _262.copy, 'call', _263 => _263()]),
-        rotateForward: () => _optionalChain([pdfViewerRef, 'access', _264 => _264.current, 'optionalAccess', _265 => _265.rotate, 'optionalAccess', _266 => _266.rotateForward, 'call', _267 => _267()]),
-        rotateBackward: () => _optionalChain([pdfViewerRef, 'access', _268 => _268.current, 'optionalAccess', _269 => _269.rotate, 'optionalAccess', _270 => _270.rotateBackward, 'call', _271 => _271()]),
-        getRotation: () => _optionalChain([pdfViewerRef, 'access', _272 => _272.current, 'optionalAccess', _273 => _273.rotate, 'optionalAccess', _274 => _274.getRotation, 'call', _275 => _275()]) || 0,
-        print: () => _optionalChain([pdfViewerRef, 'access', _276 => _276.current, 'optionalAccess', _277 => _277.print, 'optionalAccess', _278 => _278.print, 'call', _279 => _279()]),
+        clearSelection: () => _optionalChain([pdfViewerRef, 'access', _262 => _262.current, 'optionalAccess', _263 => _263.selection, 'access', _264 => _264.clearSelection, 'call', _265 => _265()]),
+        copy: () => _optionalChain([pdfViewerRef, 'access', _266 => _266.current, 'optionalAccess', _267 => _267.selection, 'access', _268 => _268.copy, 'call', _269 => _269()]),
+        rotateForward: () => _optionalChain([pdfViewerRef, 'access', _270 => _270.current, 'optionalAccess', _271 => _271.rotate, 'optionalAccess', _272 => _272.rotateForward, 'call', _273 => _273()]),
+        rotateBackward: () => _optionalChain([pdfViewerRef, 'access', _274 => _274.current, 'optionalAccess', _275 => _275.rotate, 'optionalAccess', _276 => _276.rotateBackward, 'call', _277 => _277()]),
+        getRotation: () => _optionalChain([pdfViewerRef, 'access', _278 => _278.current, 'optionalAccess', _279 => _279.rotate, 'optionalAccess', _280 => _280.getRotation, 'call', _281 => _281()]) || 0,
+        print: () => _optionalChain([pdfViewerRef, 'access', _282 => _282.current, 'optionalAccess', _283 => _283.print, 'optionalAccess', _284 => _284.print, 'call', _285 => _285()]),
         printWithAnnotations: async () => {
-          await _optionalChain([pdfViewerRef, 'access', _280 => _280.current, 'optionalAccess', _281 => _281.print, 'optionalAccess', _282 => _282.printWithAnnotations, 'optionalCall', _283 => _283()]);
+          await _optionalChain([pdfViewerRef, 'access', _286 => _286.current, 'optionalAccess', _287 => _287.print, 'optionalAccess', _288 => _288.printWithAnnotations, 'optionalCall', _289 => _289()]);
         },
         printWithoutAnnotations: async () => {
-          await _optionalChain([pdfViewerRef, 'access', _284 => _284.current, 'optionalAccess', _285 => _285.print, 'optionalAccess', _286 => _286.printWithoutAnnotations, 'optionalCall', _287 => _287()]);
+          await _optionalChain([pdfViewerRef, 'access', _290 => _290.current, 'optionalAccess', _291 => _291.print, 'optionalAccess', _292 => _292.printWithoutAnnotations, 'optionalCall', _293 => _293()]);
         },
         downloadWithAnnotations: async (filename) => {
-          await _optionalChain([pdfViewerRef, 'access', _288 => _288.current, 'optionalAccess', _289 => _289.download, 'optionalAccess', _290 => _290.downloadWithAnnotations, 'optionalCall', _291 => _291(filename)]);
+          await _optionalChain([pdfViewerRef, 'access', _294 => _294.current, 'optionalAccess', _295 => _295.download, 'optionalAccess', _296 => _296.downloadWithAnnotations, 'optionalCall', _297 => _297(filename)]);
         },
         downloadWithoutAnnotations: async (filename) => {
-          await _optionalChain([pdfViewerRef, 'access', _292 => _292.current, 'optionalAccess', _293 => _293.download, 'optionalAccess', _294 => _294.downloadWithoutAnnotations, 'optionalCall', _295 => _295(filename)]);
+          await _optionalChain([pdfViewerRef, 'access', _298 => _298.current, 'optionalAccess', _299 => _299.download, 'optionalAccess', _300 => _300.downloadWithoutAnnotations, 'optionalCall', _301 => _301(filename)]);
         },
         get annotation() {
-          return _optionalChain([pdfViewerRef, 'access', _296 => _296.current, 'optionalAccess', _297 => _297.annotation]);
+          return _optionalChain([pdfViewerRef, 'access', _302 => _302.current, 'optionalAccess', _303 => _303.annotation]);
         },
         get download() {
-          return _optionalChain([pdfViewerRef, 'access', _298 => _298.current, 'optionalAccess', _299 => _299.download]);
+          return _optionalChain([pdfViewerRef, 'access', _304 => _304.current, 'optionalAccess', _305 => _305.download]);
         }
       }),
       []
     );
     const updatePageDisplay = () => {
       requestAnimationFrame(() => {
-        const current = _optionalChain([pdfViewerRef, 'access', _300 => _300.current, 'optionalAccess', _301 => _301.navigation, 'access', _302 => _302.getCurrentPage, 'call', _303 => _303()]) || 1;
+        const current = _optionalChain([pdfViewerRef, 'access', _306 => _306.current, 'optionalAccess', _307 => _307.navigation, 'access', _308 => _308.getCurrentPage, 'call', _309 => _309()]) || 1;
         setCurrentPage(current);
       });
     };
     const updateZoomDisplay = () => {
       requestAnimationFrame(() => {
-        const zoomValue = _optionalChain([pdfViewerRef, 'access', _304 => _304.current, 'optionalAccess', _305 => _305.zoom, 'access', _306 => _306.getZoom, 'call', _307 => _307()]);
+        const zoomValue = _optionalChain([pdfViewerRef, 'access', _310 => _310.current, 'optionalAccess', _311 => _311.zoom, 'access', _312 => _312.getZoom, 'call', _313 => _313()]);
         if (typeof zoomValue === "number") {
           setZoom(Math.round(zoomValue * 100));
         }
@@ -1888,11 +1999,11 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
     const handleSearch = async () => {
       if (!searchQuery.trim()) return;
       setIsSearching(true);
-      const results = await _optionalChain([pdfViewerRef, 'access', _308 => _308.current, 'optionalAccess', _309 => _309.search, 'access', _310 => _310.searchText, 'call', _311 => _311(
+      const results = await _optionalChain([pdfViewerRef, 'access', _314 => _314.current, 'optionalAccess', _315 => _315.search, 'access', _316 => _316.searchText, 'call', _317 => _317(
         searchQuery
       )]);
       setIsSearching(false);
-      if (_optionalChain([results, 'optionalAccess', _312 => _312.results]) && Array.isArray(results.results) && results.results.length > 0) {
+      if (_optionalChain([results, 'optionalAccess', _318 => _318.results]) && Array.isArray(results.results) && results.results.length > 0) {
         const formattedResults = formatSearchResults(results.results);
         updateSearchState(formattedResults);
       } else {
@@ -1910,10 +2021,10 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
         setSearchResults([]);
         setTotalSearchResults(0);
         setCurrentSearchResultIndex(0);
-        _optionalChain([pdfViewerRef, 'access', _313 => _313.current, 'optionalAccess', _314 => _314.search, 'access', _315 => _315.stopSearch, 'call', _316 => _316()]);
+        _optionalChain([pdfViewerRef, 'access', _319 => _319.current, 'optionalAccess', _320 => _320.search, 'access', _321 => _321.stopSearch, 'call', _322 => _322()]);
         return;
       }
-      if (!_optionalChain([pdfViewerRef, 'access', _317 => _317.current, 'optionalAccess', _318 => _318.search, 'optionalAccess', _319 => _319.searchText])) {
+      if (!_optionalChain([pdfViewerRef, 'access', _323 => _323.current, 'optionalAccess', _324 => _324.search, 'optionalAccess', _325 => _325.searchText])) {
         console.warn("Search functionality not yet available");
         return;
       }
@@ -1921,7 +2032,7 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       try {
         const results = await pdfViewerRef.current.search.searchText(keyword);
         setIsSearching(false);
-        const hasValidResults = _optionalChain([results, 'optionalAccess', _320 => _320.results]) && Array.isArray(results.results) && results.results.length > 0;
+        const hasValidResults = _optionalChain([results, 'optionalAccess', _326 => _326.results]) && Array.isArray(results.results) && results.results.length > 0;
         if (hasValidResults) {
           const formattedResults = formatSearchResults(results.results);
           updateSearchState(formattedResults);
@@ -1987,24 +2098,24 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
     };
     const navigateToPage = (pageNumber) => {
       requestAnimationFrame(() => {
-        _optionalChain([pdfViewerRef, 'access', _321 => _321.current, 'optionalAccess', _322 => _322.navigation, 'access', _323 => _323.goToPage, 'call', _324 => _324(pageNumber)]);
+        _optionalChain([pdfViewerRef, 'access', _327 => _327.current, 'optionalAccess', _328 => _328.navigation, 'access', _329 => _329.goToPage, 'call', _330 => _330(pageNumber)]);
         setCurrentPage(pageNumber);
       });
     };
     const handleSearchResultClick = (pageNumber, resultIndex) => {
-      _optionalChain([pdfViewerRef, 'access', _325 => _325.current, 'optionalAccess', _326 => _326.navigation, 'access', _327 => _327.goToPage, 'call', _328 => _328(pageNumber)]);
+      _optionalChain([pdfViewerRef, 'access', _331 => _331.current, 'optionalAccess', _332 => _332.navigation, 'access', _333 => _333.goToPage, 'call', _334 => _334(pageNumber)]);
       setCurrentSearchResultIndex(resultIndex);
       setCurrentPage(pageNumber);
-      _optionalChain([pdfViewerRef, 'access', _329 => _329.current, 'optionalAccess', _330 => _330.search, 'access', _331 => _331.goToResult, 'call', _332 => _332(resultIndex)]);
+      _optionalChain([pdfViewerRef, 'access', _335 => _335.current, 'optionalAccess', _336 => _336.search, 'access', _337 => _337.goToResult, 'call', _338 => _338(resultIndex)]);
     };
     const handleNextSearchResult = () => {
       if (currentSearchResultIndex < totalSearchResults - 1) {
         const nextIndex = currentSearchResultIndex + 1;
         setCurrentSearchResultIndex(nextIndex);
-        _optionalChain([pdfViewerRef, 'access', _333 => _333.current, 'optionalAccess', _334 => _334.search, 'access', _335 => _335.nextResult, 'call', _336 => _336()]);
+        _optionalChain([pdfViewerRef, 'access', _339 => _339.current, 'optionalAccess', _340 => _340.search, 'access', _341 => _341.nextResult, 'call', _342 => _342()]);
         if (searchResults[nextIndex]) {
           const pageNumber = searchResults[nextIndex].pageNumber;
-          _optionalChain([pdfViewerRef, 'access', _337 => _337.current, 'optionalAccess', _338 => _338.navigation, 'access', _339 => _339.goToPage, 'call', _340 => _340(pageNumber)]);
+          _optionalChain([pdfViewerRef, 'access', _343 => _343.current, 'optionalAccess', _344 => _344.navigation, 'access', _345 => _345.goToPage, 'call', _346 => _346(pageNumber)]);
           setCurrentPage(pageNumber);
         }
       }
@@ -2013,10 +2124,10 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
       if (currentSearchResultIndex > 0) {
         const prevIndex = currentSearchResultIndex - 1;
         setCurrentSearchResultIndex(prevIndex);
-        _optionalChain([pdfViewerRef, 'access', _341 => _341.current, 'optionalAccess', _342 => _342.search, 'access', _343 => _343.previousResult, 'call', _344 => _344()]);
+        _optionalChain([pdfViewerRef, 'access', _347 => _347.current, 'optionalAccess', _348 => _348.search, 'access', _349 => _349.previousResult, 'call', _350 => _350()]);
         if (searchResults[prevIndex]) {
           const pageNumber = searchResults[prevIndex].pageNumber;
-          _optionalChain([pdfViewerRef, 'access', _345 => _345.current, 'optionalAccess', _346 => _346.navigation, 'access', _347 => _347.goToPage, 'call', _348 => _348(pageNumber)]);
+          _optionalChain([pdfViewerRef, 'access', _351 => _351.current, 'optionalAccess', _352 => _352.navigation, 'access', _353 => _353.goToPage, 'call', _354 => _354(pageNumber)]);
           setCurrentPage(pageNumber);
         }
       }
@@ -2047,12 +2158,12 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
           }
           setPdfBuffer(arrayBuffer);
           setState("ready");
-          _optionalChain([onLoad, 'optionalCall', _349 => _349()]);
+          _optionalChain([onLoad, 'optionalCall', _355 => _355()]);
         } catch (err) {
           const errorMessage = err.message || "Failed to load PDF";
           setState("error");
           setError(errorMessage);
-          _optionalChain([onError, 'optionalCall', _350 => _350(err)]);
+          _optionalChain([onError, 'optionalCall', _356 => _356(err)]);
         }
       };
       loadPDF();
@@ -2148,8 +2259,8 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
     }
     const isReady = pdfBuffer && state === "ready";
     const showOverlay = loading || !isReady || !isInternalReady;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: "pdf-viewer-container", style: { position: "relative", height: "100%", width: "100%" }, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkECZ6IBOSjs.toolbarStyles }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`, style: { position: "relative", height: "100%", width: "100%" }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkS5KXYKBXjs.toolbarStyles }),
       showOverlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, { fileName: resolvedFileName }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { opacity: !showOverlay ? 1 : 0, height: "100%", display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PDFHeader, { fileName: resolvedFileName, fileExtension }),
@@ -2224,35 +2335,79 @@ var PDFViewerContent = _react.forwardRef.call(void 0,
             showPrintWithAnnotations,
             showDownloadOriginal,
             showDownloadWithAnnotations,
+            twoPageMode,
+            onTwoPageModeChange: setTwoPageMode,
+            scrollStrategy,
+            onScrollStrategyChange: setScrollStrategy,
+            showThumbnails,
+            onToggleThumbnails: () => setShowThumbnails(!showThumbnails),
             hasUnsavedAnnotations,
             isSavingAnnotations,
             canSaveAnnotations,
-            onSaveAnnotations
+            onSaveAnnotations,
+            activeMode,
+            onActiveModeChange: setActiveMode
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-main", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pdf-viewer-viewer-area", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            StablePDFViewer,
+          showThumbnails && pdfBuffer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _pdfviewer.PdfThumbnailSidebar,
             {
-              pdfBuffer: pdfBuffer || new ArrayBuffer(0),
-              onPasswordRequest: handlePasswordRequest,
-              pdfViewerRef,
-              hideInternalLoading: true,
-              showAnnotations,
-              userDetails,
-              annotationSelectionMenu,
-              isHighlighterActive: highlighterActive,
-              isStampActive: stampActive,
-              onHighlighterClick: onHighlighterClick || toolbarHandlers.handleHighlighterClick,
-              onStampClick: onStampClick || toolbarHandlers.handleStampClick,
-              onSignatureClick: onSignatureClick || toolbarHandlers.handleSignatureClick,
-              onNoteClick,
-              permissions: props.permissions,
-              isAnnotationForeign,
-              onAnnotationNoteClick,
-              isAnnotationInteractive
+              pdfBuffer,
+              totalPages,
+              currentPage,
+              onPageClick: (pageNum) => _optionalChain([pdfViewerRef, 'access', _357 => _357.current, 'optionalAccess', _358 => _358.navigation, 'access', _359 => _359.goToPage, 'call', _360 => _360(pageNum)]),
+              onClose: () => setShowThumbnails(false),
+              twoPageMode: false
             }
-          ) }),
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-viewer-area", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              PDFSecondaryToolbar,
+              {
+                activeMode,
+                showAnnotations,
+                isHighlighterActive: highlighterActive,
+                isStampActive: stampActive,
+                disabledHighlighter: toolbar.isDisabled("highlighter"),
+                disabledStamp: toolbar.isDisabled("stamp"),
+                disabledSignature: toolbar.isDisabled("signature"),
+                disabledNote: toolbar.isDisabled("note"),
+                onHighlighterClick: onHighlighterClick || toolbarHandlers.handleHighlighterClick,
+                onStampClick: onStampClick || toolbarHandlers.handleStampClick,
+                onSignatureClick: onSignatureClick || toolbarHandlers.handleSignatureClick,
+                onNoteClick,
+                hasUnsavedAnnotations,
+                isSavingAnnotations,
+                canSaveAnnotations,
+                onSaveAnnotations
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              StablePDFViewer,
+              {
+                pdfBuffer: pdfBuffer || new ArrayBuffer(0),
+                onPasswordRequest: handlePasswordRequest,
+                pdfViewerRef,
+                hideInternalLoading: true,
+                showAnnotations,
+                userDetails,
+                annotationSelectionMenu,
+                isHighlighterActive: highlighterActive,
+                isStampActive: stampActive,
+                onHighlighterClick: onHighlighterClick || toolbarHandlers.handleHighlighterClick,
+                onStampClick: onStampClick || toolbarHandlers.handleStampClick,
+                onSignatureClick: onSignatureClick || toolbarHandlers.handleSignatureClick,
+                onNoteClick,
+                permissions: props.permissions,
+                isAnnotationForeign,
+                onAnnotationNoteClick,
+                isAnnotationInteractive,
+                twoPageMode,
+                scrollStrategy
+              }
+            )
+          ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             SearchSidebar,
             {
@@ -2296,4 +2451,4 @@ PDFViewer.displayName = "PDFViewer";
 
 
 exports.PDFViewer = PDFViewer;
-//# sourceMappingURL=chunk-7P6WEBHN.js.map
+//# sourceMappingURL=chunk-4HVU224A.js.map