@cannymindstech/file-viewers 0.27.12 → 0.28.1

package/dist/chunk-KWHXS7I4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/pdf/PDFStyles.tsx"],"sourcesContent":["export const toolbarStyles = `\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');\n\n  * {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n      'Noto Sans Tamil', 'Noto Sans Devanagari', sans-serif !important;\n  }\n\n  /* Target PDF.js text layer */\n  .textLayer,\n  .textLayer span,\n  .textLayer div,\n  [class*=\"pdf\"],\n  [class*=\"page\"],\n  canvas + div,\n  .embedpdf-viewport *,\n  [data-pdf-viewer] *,\n  [role=\"document\"] * {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n      'Noto Sans Tamil', 'Noto Sans Devanagari', sans-serif !important;\n  }\n\n  .pdf-viewer-header {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 8px;\n    padding: 2px 12px 0 12px;\n    background: #fff;\n    min-height: 32px;\n  }\n  .header-file-name {\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 400px;\n  }\n\n  /* ========== COMPACT TOOLBAR ========== */\n  .pdf-viewer-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 4px 8px;\n    background: #ffffff;\n    border-bottom: 1px solid #e5e7eb;\n    gap: 4px;\n    flex-wrap: wrap;\n    min-height: 44px;\n  }\n  .toolbar-left {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex: 0 0 auto;\n  }\n  .toolbar-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .toolbar-section {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    padding: 0;\n  }\n  .toolbar-separator {\n    width: 1px;\n    height: 20px;\n    background: #e5e7eb;\n    margin: 0 8px;\n    flex-shrink: 0;\n  }\n\n  /* ========== COMPACT BUTTONS ========== */\n  .toolbar-button {\n    padding: 6px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background-color 0.15s ease;\n    position: relative;\n    min-width: 32px;\n    min-height: 32px;\n    color: #4b5563;\n  }\n  .toolbar-button:hover:not(:disabled) {\n    background: #f3f4f6;\n    color: #111827;\n  }\n  .toolbar-button:active:not(:disabled) {\n    background: #e5e7eb;\n  }\n  .toolbar-button:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n  }\n  .toolbar-button svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n  }\n  .toolbar-button-active {\n    background: #eff6ff !important;\n    color: #2563eb !important;\n  }\n  .toolbar-button-active:hover:not(:disabled) {\n    background: #dbeafe !important;\n  }\n\n  /* ========== PAGE NAVIGATION ========== */\n  .page-input {\n    width: 44px;\n    padding: 4px 6px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    background: #fff;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  }\n  .page-input:focus {\n    outline: none;\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n  }\n  .page-info {\n    font-size: 13px;\n    color: #6b7280;\n    white-space: nowrap;\n    font-weight: 500;\n  }\n\n  /* ========== ZOOM DISPLAY ========== */\n  .zoom-display {\n    min-width: 48px;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    padding: 4px 8px;\n    background: #f9fafb;\n    border-radius: 6px;\n    border: 1px solid #e5e7eb;\n  }\n\n  .search-input {\n    padding: 6px 10px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    font-size: 13px;\n    min-width: 180px;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  }\n  .search-input:focus {\n    outline: none;\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n  }\n\n  /* ========== VIEWER CONTENT ========== */\n  .pdf-viewer-content {\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n    user-select: text;\n    -webkit-user-select: text;\n    -moz-user-select: text;\n    -ms-user-select: text;\n    background-color: #efefef;\n  }\n  .pdf-viewer-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    background-color: #efefef;\n  }\n  .pdf-viewer-main {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n    background-color: #efefef;\n  }\n  .pdf-viewer-viewer-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    position: relative;\n    background-color: #efefef; /* Ensure background matches viewer gray */\n  }\n  \n  /* Override library's inline userSelect: none */\n  .pdf-viewer-viewer-area div[style*=\"userSelect\"] {\n    user-select: auto !important;\n  }\n\n  /* ========== PRINT DROPDOWN ========== */\n  .print-dropdown-container {\n    position: relative;\n    display: inline-flex;\n  }\n  .print-dropdown-trigger {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .print-dropdown-menu {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    margin-top: 4px;\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    min-width: 200px;\n    z-index: 1000;\n    overflow: hidden;\n  }\n  .print-dropdown-item {\n    display: block;\n    width: 100%;\n    padding: 10px 14px;\n    border: none;\n    background: transparent;\n    text-align: left;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    cursor: pointer;\n    transition: background-color 0.15s ease;\n  }\n  .print-dropdown-item:hover {\n    background: #f3f4f6;\n  }\n  .print-dropdown-item:active {\n    background: #e5e7eb;\n  }\n  .print-dropdown-item + .print-dropdown-item {\n    border-top: 1px solid #f3f4f6;\n  }\n\n  /* ========== TOOLBAR DROPDOWN (Annotation Menu) ========== */\n  .toolbar-dropdown-container {\n    position: relative;\n    display: inline-flex;\n  }\n  .toolbar-dropdown-button {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .toolbar-dropdown-menu {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    margin-top: 4px;\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    min-width: 150px;\n    z-index: 1000;\n    overflow: hidden;\n  }\n  .toolbar-dropdown-menu-right {\n    left: auto;\n    right: 0;\n  }\n  .toolbar-dropdown-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 10px 14px;\n    border: none;\n    background: transparent;\n    text-align: left;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    cursor: pointer;\n    transition: background-color 0.15s ease;\n  }\n  .toolbar-dropdown-item:hover {\n    background: #f3f4f6;\n  }\n  .toolbar-dropdown-item:active {\n    background: #e5e7eb;\n  }\n  .toolbar-dropdown-item:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .toolbar-dropdown-item + .toolbar-dropdown-item {\n    border-top: 1px solid #f3f4f6;\n  }\n  .toolbar-dropdown-item svg {\n    font-size: 18px;\n    color: #6b7280;\n  }\n  .toolbar-dropdown-item-active {\n    background: #eff6ff;\n    color: #2563eb;\n  }\n  .toolbar-dropdown-item-active svg {\n    color: #2563eb;\n  }\n  .toolbar-dropdown-divider {\n    height: 1px;\n    background: #e5e7eb;\n    margin: 4px 0;\n  }\n\n\n\n  /* ========== TOOLTIP STYLES ========== */\n  .toolbar-button[title]:hover::after {\n    content: attr(title);\n    position: absolute;\n    bottom: -32px;\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 6px 10px;\n    background: #1f2937;\n    color: white;\n    font-size: 12px;\n    font-weight: 500;\n    border-radius: 6px;\n    white-space: nowrap;\n    z-index: 1000;\n    pointer-events: none;\n    opacity: 0;\n    animation: fadeIn 0.2s ease-out 0.3s forwards;\n  }\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n  /* ========== SECONDARY TOOLBAR & TABS ========== */\n  .pdf-viewer-toolbar-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .pdf-viewer-secondary-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 16px;\n    background-color: #f9fafb;\n    border-bottom: 1px solid #e5e7eb;\n    gap: 12px;\n    width: 100%;\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\n    animation: slideDown 0.2s ease-out;\n    transform-origin: top;\n  }\n\n  @keyframes slideDown {\n    from { opacity: 0; transform: scaleY(0.95); }\n    to { opacity: 1; transform: scaleY(1); }\n  }\n\n  .toolbar-center {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex: 1 1 auto;\n    justify-content: center;\n  }\n\n  .toolbar-tab {\n    background: none;\n    border: none;\n    padding: 6px 12px;\n    font-size: 14px;\n    font-weight: 500;\n    color: #6b7280;\n    cursor: pointer;\n    border-radius: 6px;\n    transition: all 0.2s ease;\n  }\n\n  .toolbar-tab:hover {\n    background-color: #f3f4f6;\n    color: #374151;\n  }\n\n  .toolbar-tab-active {\n    color: #2563eb;\n    background-color: #eff6ff;\n    font-weight: 600;\n  }\n  .toolbar-dropdown-header {\n    font-size: 11px;\n    font-weight: 600;\n    color: #6b7280;\n    padding: 8px 12px 4px 12px;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n  .pdf-viewer-thumbnail-sidebar {\n    background: #ffffff;\n    border-right: 1px solid #e5e7eb;\n    height: 100%;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    transition: all 0.2s ease-in-out;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar {\n    width: 6px;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb {\n    background: #c1c1c1;\n    border-radius: 3px;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb:hover {\n    background: #a8a8a8;\n  }\n\n  /* ========== DARK MODE OVERRIDES ========== */\n  .dark-theme.pdf-viewer-container {\n    background-color: #0f172a;\n    color: #f8fafc;\n    --thumbnail-bg: #0f172a;\n    --thumbnail-border: #1e293b;\n  }\n  .dark-theme .pdf-viewer-header {\n    background: #0f172a;\n    border-bottom: 1px solid #1e293b;\n  }\n  .dark-theme .header-file-name {\n    color: #f1f5f9;\n  }\n  .dark-theme .pdf-viewer-toolbar {\n    background: #0f172a;\n    border-bottom: 1px solid #1e293b;\n  }\n  .dark-theme .toolbar-separator {\n    background: #1e293b;\n  }\n  .dark-theme .toolbar-button {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-button:hover:not(:disabled) {\n    background: #1e293b;\n    color: #f8fafc;\n  }\n  .dark-theme .toolbar-button:active:not(:disabled) {\n    background: #334155;\n  }\n  .dark-theme .toolbar-button-active {\n    background: #1e3a8a !important;\n    color: #3b82f6 !important;\n  }\n  .dark-theme .toolbar-button-active:hover:not(:disabled) {\n    background: #1e40af !important;\n  }\n  .dark-theme .page-input {\n    border-color: #334155;\n    color: #f8fafc;\n    background: #0f172a;\n  }\n  .dark-theme .page-input:focus {\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n  }\n  .dark-theme .page-info {\n    color: #94a3b8;\n  }\n  .dark-theme .zoom-display {\n    color: #f8fafc;\n    background: #1e293b;\n    border-color: #334155;\n  }\n  .dark-theme .search-input {\n    border-color: #334155;\n    background: #0f172a;\n    color: #f8fafc;\n  }\n  .dark-theme .search-input:focus {\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n  }\n  .dark-theme .pdf-viewer-content,\n  .dark-theme .pdf-viewer-main,\n  .dark-theme .pdf-viewer-viewer-area {\n    background-color: #020617;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar {\n    background: #0f172a;\n    border-right: 1px solid #1e293b;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-track {\n    background: #0f172a;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb {\n    background: #334155;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb:hover {\n    background: #475569;\n  }\n  .dark-theme .pdf-viewer-secondary-toolbar {\n    background-color: #0f172a;\n    border-bottom: 1px solid #1e293b;\n  }\n  .dark-theme .toolbar-tab {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-tab:hover {\n    background-color: #1e293b;\n    color: #f1f5f9;\n  }\n  .dark-theme .toolbar-tab-active {\n    color: #60a5fa;\n    background-color: #1e3a8a;\n  }\n  .dark-theme .toolbar-dropdown-menu,\n  .dark-theme .print-dropdown-menu {\n    background: #0f172a;\n    border-color: #1e293b;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n  }\n  .dark-theme .toolbar-dropdown-item,\n  .dark-theme .print-dropdown-item {\n    color: #cbd5e1;\n  }\n  .dark-theme .toolbar-dropdown-item:hover,\n  .dark-theme .print-dropdown-item:hover {\n    background: #1e293b;\n  }\n  .dark-theme .toolbar-dropdown-item:active,\n  .dark-theme .print-dropdown-item:active {\n    background: #334155;\n  }\n  .dark-theme .toolbar-dropdown-item + .toolbar-dropdown-item,\n  .dark-theme .print-dropdown-item + .print-dropdown-item {\n    border-top: 1px solid #1e293b;\n  }\n  .dark-theme .toolbar-dropdown-divider {\n    background: #1e293b;\n  }\n  .dark-theme .toolbar-dropdown-header {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-dropdown-item svg {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-dropdown-item-active {\n    background: #1e3a8a;\n    color: #60a5fa;\n  }\n  .dark-theme .toolbar-dropdown-item-active svg {\n    color: #60a5fa;\n  }\n\n  /* ========== THUMBNAIL SIDEBAR DARK THEME ELEMENTS ========== */\n  .dark-theme .pdf-viewer-thumbnail-title {\n    color: #f1f5f9 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-close-btn {\n    color: #94a3b8 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-close-btn:hover {\n    background-color: #1e293b !important;\n    color: #f8fafc !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active) .pdf-viewer-thumbnail-label {\n    color: #94a3b8 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active):hover .pdf-viewer-thumbnail-label {\n    color: #f1f5f9 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active) .pdf-viewer-thumbnail-canvas-wrapper {\n    border-color: #334155 !important;\n    background-color: #1e293b !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active):hover .pdf-viewer-thumbnail-canvas-wrapper {\n    border-color: #475569 !important;\n  }\n\n  /* ========== VIEWPORT BACKGROUND OVERRIDE ========== */\n  .dark-theme .pdf-viewer-viewer-area div[style*=\"background-color\"],\n  .dark-theme [class*=\"viewport\"],\n  .dark-theme .embedpdf-viewport {\n    background-color: #020617 !important;\n  }\n`;"],"mappings":";;;AAAO,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/{chunk-QV63FULE.js → chunk-NELCZBZV.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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');
 
 
 
@@ -235,6 +235,7 @@ var ImageViewer = ({
   autoExecuteSearch,
   onSearchComplete,
   toolbarActions,
+  themeMode = "light",
   ...props
 }) => {
   const containerRef = _react.useRef.call(void 0, null);
@@ -359,8 +360,8 @@ var ImageViewer = ({
     };
   }, [isFullScreen]);
   if (!src) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-container", style: { width, height, ...style }, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkECZ6IBOSjs.toolbarStyles }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`, style: { width, height, ...style }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkS5KXYKBXjs.toolbarStyles }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
@@ -388,10 +389,10 @@ var ImageViewer = ({
     "div",
     {
       ref: containerRef,
-      className: "pdf-viewer-container",
+      className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`,
       style: { width, height, ...style },
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkECZ6IBOSjs.toolbarStyles }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkS5KXYKBXjs.toolbarStyles }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImageHeader, { fileName: displayName, fileExtension: ext }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           ImageToolbar,
@@ -485,4 +486,4 @@ var ImageViewer = ({
 
 
 exports.ImageViewer = ImageViewer;
-//# sourceMappingURL=chunk-QV63FULE.js.map
+//# sourceMappingURL=chunk-NELCZBZV.js.map

package/dist/chunk-NELCZBZV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-NELCZBZV.js","../src/components/viewers/ImageViewer.tsx","../src/components/viewers/image/ImageToolbar.tsx","../src/components/viewers/image/ImageHeader.tsx"],"names":["React","jsxs","jsx","rot","rotated"],"mappings":"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","file":"/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-NELCZBZV.js","sourcesContent":[null,"import React, { useRef, useState, useMemo, useEffect } from \"react\";\nimport { ImageToolbar } from \"./image/ImageToolbar\";\nimport { ImageHeader } from \"./image/ImageHeader\";\nimport { toolbarStyles } from \"./pdf/PDFStyles\";\nimport { FileViewerProps } from \"../../types\";\nimport { mergeToolbarConfig } from \"../../utils/toolbarUtils\";\n\nexport const ImageViewer: React.FC<FileViewerProps> = ({\n  file,\n  url,\n  fileName,\n  width = \"100%\",\n  height = \"100%\",\n  className = \"\",\n  style = {},\n  showDownload = true,\n  showPrint = true,\n  showMetadata = false,\n  showTags = true,\n  showProperties = false,\n  showHistory = true,\n  onDownloadClick,\n  onPrintClick,\n  onTagsClick,\n  onMetadataClick,\n  onPropertiesClick,\n  onHistoryClick,\n  // Extract props that shouldn't be passed to DOM elements\n  mimeType,\n  fileSize,\n  showPageCount,\n  showPageNavigation,\n  showZoomControls,\n  showSearch,\n  customRegistry,\n  initialSearchText,\n  initialSearchPages,\n  autoOpenSearch,\n  autoExecuteSearch,\n  onSearchComplete,\n  toolbarActions,\n  themeMode = 'light',\n  ...props\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const imageAreaRef = useRef<HTMLDivElement>(null);\n  const [imageSize, setImageSize] = useState({ width: 0, height: 0 });\n  const [zoom, setZoom] = useState(100);\n  const [rotation, setRotation] = useState(0);\n  const [pendingFit, setPendingFit] = useState<\"width\" | \"page\" | null>(null);\n  const didAutoFit = useRef(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\n  const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });\n  const [isFullScreen, setIsFullScreen] = useState(false);\n\n  const src = useMemo(() => {\n    if (file) {\n      const objectUrl = URL.createObjectURL(file);\n      return objectUrl;\n    }\n    return url || \"\";\n  }, [file, url]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    const img = e.currentTarget;\n    setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\n    if (!didAutoFit.current) {\n      setPendingFit(\"page\");\n      didAutoFit.current = true;\n    }\n  };\n\n  useEffect(() => {\n    if (\n      !imageAreaRef.current ||\n      !imageSize.width ||\n      !imageSize.height ||\n      !pendingFit\n    )\n      return;\n\n    const containerWidth = imageAreaRef.current.offsetWidth;\n    const containerHeight = imageAreaRef.current.offsetHeight;\n    const rot = rotation % 360;\n    const rotated = rot === 90 || rot === 270;\n    const imgW = rotated ? imageSize.height : imageSize.width;\n    const imgH = rotated ? imageSize.width : imageSize.height;\n\n    if (pendingFit === \"width\") {\n      setZoom(Math.round((containerWidth / imgW) * 100));\n    } else if (pendingFit === \"page\") {\n      const scaleW = containerWidth / imgW;\n      const scaleH = containerHeight / imgH;\n      setZoom(Math.round(Math.min(scaleW, scaleH) * 100));\n    }\n    setPendingFit(null);\n  }, [pendingFit, imageSize, rotation]);\n\n  const handleZoomIn = () => setZoom((z) => Math.min(z + 10, 400));\n  const handleZoomOut = () => setZoom((z) => Math.max(z - 10, 10));\n  const handleFitToWidth = () => setPendingFit(\"width\");\n  const handleFitToPage = () => setPendingFit(\"page\");\n  const handleRotateLeft = () => setRotation((r) => (r - 90 + 360) % 360);\n  const handleRotateRight = () => setRotation((r) => (r + 90) % 360);\n\n  const handleToggleFullScreen = () => {\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\n      containerRef.current.requestFullscreen();\n      setIsFullScreen(true);\n    } else if (isFullScreen && document.exitFullscreen) {\n      document.exitFullscreen();\n      setIsFullScreen(false);\n    }\n  };\n\n  const handleMouseDown = (e: React.MouseEvent) => {\n    if (imageAreaRef.current) {\n      setIsDragging(true);\n      setDragStart({ x: e.clientX, y: e.clientY });\n      setScrollStart({\n        left: imageAreaRef.current.scrollLeft,\n        top: imageAreaRef.current.scrollTop,\n      });\n    }\n  };\n\n  const handleMouseMove = (e: React.MouseEvent) => {\n    if (!isDragging || !imageAreaRef.current) return;\n    const dx = e.clientX - dragStart.x;\n    const dy = e.clientY - dragStart.y;\n    imageAreaRef.current.scrollLeft = scrollStart.left - dx;\n    imageAreaRef.current.scrollTop = scrollStart.top - dy;\n  };\n\n  const handleMouseUp = () => setIsDragging(false);\n  const handleMouseLeave = () => setIsDragging(false);\n\n  const toolbar = mergeToolbarConfig({\n    showDownload,\n    showPrint,\n    showMetadata,\n    showTags,\n    showProperties,\n    showHistory,\n    onDownloadClick,\n    onPrintClick,\n    onTagsClick,\n    onMetadataClick,\n    onPropertiesClick,\n    onHistoryClick,\n    toolbarActions,\n  });\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"+\") setZoom((z) => Math.min(z + 10, 400));\n      if (e.key === \"-\") setZoom((z) => Math.max(z - 10, 10));\n      if (e.key === \"r\") setRotation((r) => (r + 90) % 360);\n      if (e.key === \"R\") setRotation((r) => (r - 90 + 360) % 360);\n      if (e.key === \"Escape\" && isFullScreen && document.exitFullscreen) {\n        document.exitFullscreen();\n        setIsFullScreen(false);\n      }\n    };\n\n    const handleFullscreenChange = () => {\n      setIsFullScreen(!!document.fullscreenElement);\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n    };\n  }, [isFullScreen]);\n\n  if (!src) {\n    return (\n      <div className={`pdf-viewer-container ${themeMode === 'dark' ? 'dark-theme' : ''}`} style={{ width, height, ...style }}>\n        <style>{toolbarStyles}</style>\n        <div\n          style={{\n            height: \"100%\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            color: \"#666\",\n          }}\n        >\n          <strong>No image source provided</strong>\n        </div>\n      </div>\n    );\n  }\n\n  const displayName = fileName || file?.name || \"image\";\n  const ext = displayName.split(\".\").pop() || \"\";\n\n  const rot = rotation % 360;\n  const rotated = rot === 90 || rot === 270;\n  const displayWidth = rotated ? imageSize.height : imageSize.width;\n  const displayHeight = rotated ? imageSize.width : imageSize.height;\n  const scaledWidth = displayWidth * (zoom / 100);\n  const scaledHeight = displayHeight * (zoom / 100);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`pdf-viewer-container ${themeMode === 'dark' ? 'dark-theme' : ''}`}\n      style={{ width, height, ...style }}\n    >\n      <style>{toolbarStyles}</style>\n      <ImageHeader fileName={displayName} fileExtension={ext} />\n      <ImageToolbar\n        zoom={zoom}\n        rotation={rotation}\n        onZoomIn={handleZoomIn}\n        onZoomOut={handleZoomOut}\n        onFitToWidth={handleFitToWidth}\n        onFitToPage={handleFitToPage}\n        onRotateLeft={handleRotateLeft}\n        onRotateRight={handleRotateRight}\n        onToggleFullScreen={handleToggleFullScreen}\n        showDownload={!toolbar.isHidden(\"download\")}\n        showPrint={!toolbar.isHidden(\"print\")}\n        showMetadata={!toolbar.isHidden(\"metadata\")}\n        showProperties={!toolbar.isHidden(\"properties\")}\n        showTags={!toolbar.isHidden(\"tags\")}\n        showHistory={!toolbar.isHidden(\"history\")}\n        disabledDownload={toolbar.isDisabled(\"download\")}\n        disabledPrint={toolbar.isDisabled(\"print\")}\n        disabledMetadata={toolbar.isDisabled(\"metadata\")}\n        disabledProperties={toolbar.isDisabled(\"properties\")}\n        disabledTags={toolbar.isDisabled(\"tags\")}\n        disabledHistory={toolbar.isDisabled(\"history\")}\n        onDownloadClick={toolbar.getHandler(\"download\", onDownloadClick)}\n        onPrintClick={toolbar.getHandler(\"print\", onPrintClick)}\n        onMetadataClick={toolbar.getHandler(\"metadata\", onMetadataClick)}\n        onPropertiesClick={toolbar.getHandler(\"properties\", onPropertiesClick)}\n        onTagsClick={toolbar.getHandler(\"tags\", onTagsClick)}\n        onHistoryClick={toolbar.getHandler(\"history\", onHistoryClick)}\n      />\n      <div\n        ref={imageAreaRef}\n        className=\"pdf-viewer-content\"\n        style={{\n          cursor: isDragging ? \"grabbing\" : \"grab\",\n          overflow: \"auto\",\n          background: \"#f5f5f5\",\n        }}\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onMouseLeave={handleMouseLeave}\n      >\n        <div\n          style={{\n            minWidth: `${scaledWidth}px`,\n            minHeight: `${scaledHeight}px`,\n            width: `${scaledWidth}px`,\n            height: `${scaledHeight}px`,\n            margin: \"auto\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            position: \"relative\",\n          }}\n        >\n          <img\n            src={src}\n            alt={displayName}\n            onLoad={handleImageLoad}\n            crossOrigin=\"anonymous\"\n            style={{\n              transform: `rotate(${rotation}deg)`,\n              transformOrigin: \"center center\",\n              maxWidth: \"100%\",\n              maxHeight: \"100%\",\n              width: \"100%\",\n              height: \"100%\",\n              objectFit: \"contain\",\n              pointerEvents: \"none\",\n              userSelect: \"none\",\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport ZoomInIcon from \"@mui/icons-material/ZoomIn\";\nimport ZoomOutIcon from \"@mui/icons-material/ZoomOut\";\nimport RotateLeftIcon from \"@mui/icons-material/RotateLeft\";\nimport RotateRightIcon from \"@mui/icons-material/RotateRight\";\nimport FitScreenIcon from \"@mui/icons-material/FitScreen\";\nimport AspectRatioIcon from \"@mui/icons-material/AspectRatio\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport PrintIcon from \"@mui/icons-material/Print\";\nimport InfoIcon from \"@mui/icons-material/Info\";\nimport DescriptionIcon from \"@mui/icons-material/Description\";\nimport HistoryIcon from \"@mui/icons-material/History\";\nimport { LocalOffer } from \"@mui/icons-material\";\n\ninterface ImageToolbarProps {\n  zoom: number;\n  rotation: number;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onFitToWidth: () => void;\n  onFitToPage: () => void;\n  onRotateLeft: () => void;\n  onRotateRight: () => void;\n  onToggleFullScreen: () => void;\n  showDownload: boolean;\n  showPrint: boolean;\n  showMetadata: boolean;\n  showTags: boolean;\n  showProperties: boolean;\n  showHistory: boolean;\n  disabledDownload?: boolean;\n  disabledPrint?: boolean;\n  disabledMetadata?: boolean;\n  disabledTags?: boolean;\n  disabledProperties?: boolean;\n  disabledHistory?: boolean;\n  onDownloadClick?: () => void;\n  onTagsClick?: () => void;\n  onPrintClick?: () => void;\n  onMetadataClick?: () => void;\n  onPropertiesClick?: () => void;\n  onHistoryClick?: () => void;\n}\n\nexport const ImageToolbar = React.memo<ImageToolbarProps>(\n  ({\n    zoom,\n    rotation,\n    onZoomIn,\n    onZoomOut,\n    onFitToWidth,\n    onFitToPage,\n    onRotateLeft,\n    onRotateRight,\n    onToggleFullScreen,\n    showDownload,\n    showPrint,\n    showMetadata,\n    showTags,\n    showProperties,\n    showHistory,\n    disabledDownload,\n    disabledPrint,\n    disabledMetadata,\n    disabledProperties,\n    disabledTags,\n    disabledHistory,\n    onDownloadClick,\n    onPrintClick,\n    onTagsClick,\n    onMetadataClick,\n    onPropertiesClick,\n    onHistoryClick,\n  }) => (\n    <div className=\"pdf-viewer-toolbar\">\n      <div className=\"toolbar-separator\"></div>\n      <div className=\"toolbar-section\">\n        <button className=\"toolbar-button\" onClick={onZoomOut} title=\"Zoom Out\">\n          <ZoomOutIcon fontSize=\"small\" />\n        </button>\n        <span className=\"zoom-display\">{zoom}%</span>\n        <button className=\"toolbar-button\" onClick={onZoomIn} title=\"Zoom In\">\n          <ZoomInIcon fontSize=\"small\" />\n        </button>\n        <button\n          className=\"toolbar-button\"\n          onClick={onFitToWidth}\n          title=\"Fit to Width\"\n        >\n          <AspectRatioIcon fontSize=\"small\" />\n        </button>\n        <button\n          className=\"toolbar-button\"\n          onClick={onFitToPage}\n          title=\"Fit to Page\"\n        >\n          <FitScreenIcon fontSize=\"small\" />\n        </button>\n      </div>\n      <div className=\"toolbar-separator\"></div>\n      <div className=\"toolbar-section\">\n        <button\n          className=\"toolbar-button\"\n          onClick={onRotateLeft}\n          title=\"Rotate Left\"\n        >\n          <RotateLeftIcon fontSize=\"small\" />\n        </button>\n        <button\n          className=\"toolbar-button\"\n          onClick={onRotateRight}\n          title=\"Rotate Right\"\n        >\n          <RotateRightIcon fontSize=\"small\" />\n        </button>\n        <span className=\"page-info\">Rotation: {rotation}°</span>\n      </div>\n      <div className=\"toolbar-separator\"></div>\n      <div className=\"toolbar-section\">\n        <button\n          className=\"toolbar-button\"\n          onClick={onToggleFullScreen}\n          title=\"Fullscreen\"\n        >\n          <FullscreenIcon fontSize=\"small\" />\n        </button>\n      </div>\n      {(showDownload ||\n        showPrint ||\n        showMetadata ||\n        showProperties ||\n        showTags ||\n        showHistory) && (\n        <>\n          <div className=\"toolbar-separator\"></div>\n          <div className=\"toolbar-section\">\n            {showDownload && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onDownloadClick}\n                disabled={disabledDownload}\n                title=\"Download Image\"\n              >\n                <DownloadIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showPrint && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onPrintClick}\n                disabled={disabledPrint}\n                title=\"Print Image\"\n              >\n                <PrintIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showMetadata && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onMetadataClick}\n                disabled={disabledMetadata}\n                title=\"Image Metadata\"\n              >\n                <DescriptionIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showProperties && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onPropertiesClick}\n                disabled={disabledProperties}\n                title=\"Image Properties\"\n              >\n                <InfoIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showTags && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onTagsClick}\n                disabled={disabledTags}\n                title=\"Image Tags\"\n              >\n                <LocalOffer fontSize=\"small\" />\n              </button>\n            )}\n            {showHistory && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onHistoryClick}\n                disabled={disabledHistory}\n                title=\"Image History\"\n              >\n                <HistoryIcon fontSize=\"small\" />\n              </button>\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  )\n);\n\nImageToolbar.displayName = \"ImageToolbar\";\n","import React from 'react';\nimport FileIcon from '../../FileIcon';\n\ninterface ImageHeaderProps {\n  fileName: string;\n  fileExtension: string;\n}\n\nexport const ImageHeader = React.memo<ImageHeaderProps>(({ fileName, fileExtension }) => {\n  return (\n    <div className=\"pdf-viewer-header\">\n      <FileIcon ext={fileExtension} size={26} />\n      <div className=\"header-file-name\" title={fileName}>\n        {fileName}\n      </div>\n    </div>\n  );\n});\n\nImageHeader.displayName = 'ImageHeader';\n"]}

package/dist/{chunk-ECZ6IBOS.js → chunk-S5KXYKBX.js}

@@ -200,6 +200,8 @@ var toolbarStyles = `
   }
   .pdf-viewer-viewer-area {
     flex: 1;
+    display: flex;
+    flex-direction: column;
     overflow: hidden;
     position: relative;
     background-color: #efefef; /* Ensure background matches viewer gray */
@@ -416,9 +418,198 @@ var toolbarStyles = `
     letter-spacing: 0.5px;
     text-transform: uppercase;
   }
+  .pdf-viewer-thumbnail-sidebar {
+    background: #ffffff;
+    border-right: 1px solid #e5e7eb;
+    height: 100%;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    transition: all 0.2s ease-in-out;
+  }
+  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar {
+    width: 6px;
+  }
+  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-track {
+    background: #f1f1f1;
+  }
+  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb {
+    background: #c1c1c1;
+    border-radius: 3px;
+  }
+  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb:hover {
+    background: #a8a8a8;
+  }
+
+  /* ========== DARK MODE OVERRIDES ========== */
+  .dark-theme.pdf-viewer-container {
+    background-color: #0f172a;
+    color: #f8fafc;
+    --thumbnail-bg: #0f172a;
+    --thumbnail-border: #1e293b;
+  }
+  .dark-theme .pdf-viewer-header {
+    background: #0f172a;
+    border-bottom: 1px solid #1e293b;
+  }
+  .dark-theme .header-file-name {
+    color: #f1f5f9;
+  }
+  .dark-theme .pdf-viewer-toolbar {
+    background: #0f172a;
+    border-bottom: 1px solid #1e293b;
+  }
+  .dark-theme .toolbar-separator {
+    background: #1e293b;
+  }
+  .dark-theme .toolbar-button {
+    color: #94a3b8;
+  }
+  .dark-theme .toolbar-button:hover:not(:disabled) {
+    background: #1e293b;
+    color: #f8fafc;
+  }
+  .dark-theme .toolbar-button:active:not(:disabled) {
+    background: #334155;
+  }
+  .dark-theme .toolbar-button-active {
+    background: #1e3a8a !important;
+    color: #3b82f6 !important;
+  }
+  .dark-theme .toolbar-button-active:hover:not(:disabled) {
+    background: #1e40af !important;
+  }
+  .dark-theme .page-input {
+    border-color: #334155;
+    color: #f8fafc;
+    background: #0f172a;
+  }
+  .dark-theme .page-input:focus {
+    border-color: #3b82f6;
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);
+  }
+  .dark-theme .page-info {
+    color: #94a3b8;
+  }
+  .dark-theme .zoom-display {
+    color: #f8fafc;
+    background: #1e293b;
+    border-color: #334155;
+  }
+  .dark-theme .search-input {
+    border-color: #334155;
+    background: #0f172a;
+    color: #f8fafc;
+  }
+  .dark-theme .search-input:focus {
+    border-color: #3b82f6;
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);
+  }
+  .dark-theme .pdf-viewer-content,
+  .dark-theme .pdf-viewer-main,
+  .dark-theme .pdf-viewer-viewer-area {
+    background-color: #020617;
+  }
+  .dark-theme .pdf-viewer-thumbnail-sidebar {
+    background: #0f172a;
+    border-right: 1px solid #1e293b;
+  }
+  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-track {
+    background: #0f172a;
+  }
+  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb {
+    background: #334155;
+  }
+  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb:hover {
+    background: #475569;
+  }
+  .dark-theme .pdf-viewer-secondary-toolbar {
+    background-color: #0f172a;
+    border-bottom: 1px solid #1e293b;
+  }
+  .dark-theme .toolbar-tab {
+    color: #94a3b8;
+  }
+  .dark-theme .toolbar-tab:hover {
+    background-color: #1e293b;
+    color: #f1f5f9;
+  }
+  .dark-theme .toolbar-tab-active {
+    color: #60a5fa;
+    background-color: #1e3a8a;
+  }
+  .dark-theme .toolbar-dropdown-menu,
+  .dark-theme .print-dropdown-menu {
+    background: #0f172a;
+    border-color: #1e293b;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  }
+  .dark-theme .toolbar-dropdown-item,
+  .dark-theme .print-dropdown-item {
+    color: #cbd5e1;
+  }
+  .dark-theme .toolbar-dropdown-item:hover,
+  .dark-theme .print-dropdown-item:hover {
+    background: #1e293b;
+  }
+  .dark-theme .toolbar-dropdown-item:active,
+  .dark-theme .print-dropdown-item:active {
+    background: #334155;
+  }
+  .dark-theme .toolbar-dropdown-item + .toolbar-dropdown-item,
+  .dark-theme .print-dropdown-item + .print-dropdown-item {
+    border-top: 1px solid #1e293b;
+  }
+  .dark-theme .toolbar-dropdown-divider {
+    background: #1e293b;
+  }
+  .dark-theme .toolbar-dropdown-header {
+    color: #94a3b8;
+  }
+  .dark-theme .toolbar-dropdown-item svg {
+    color: #94a3b8;
+  }
+  .dark-theme .toolbar-dropdown-item-active {
+    background: #1e3a8a;
+    color: #60a5fa;
+  }
+  .dark-theme .toolbar-dropdown-item-active svg {
+    color: #60a5fa;
+  }
+
+  /* ========== THUMBNAIL SIDEBAR DARK THEME ELEMENTS ========== */
+  .dark-theme .pdf-viewer-thumbnail-title {
+    color: #f1f5f9 !important;
+  }
+  .dark-theme .pdf-viewer-thumbnail-close-btn {
+    color: #94a3b8 !important;
+  }
+  .dark-theme .pdf-viewer-thumbnail-close-btn:hover {
+    background-color: #1e293b !important;
+    color: #f8fafc !important;
+  }
+  .dark-theme .pdf-viewer-thumbnail-page:not(.active) .pdf-viewer-thumbnail-label {
+    color: #94a3b8 !important;
+  }
+  .dark-theme .pdf-viewer-thumbnail-page:not(.active):hover .pdf-viewer-thumbnail-label {
+    color: #f1f5f9 !important;
+  }
+  .dark-theme .pdf-viewer-thumbnail-page:not(.active) .pdf-viewer-thumbnail-canvas-wrapper {
+    border-color: #334155 !important;
+    background-color: #1e293b !important;
+  }
+  .dark-theme .pdf-viewer-thumbnail-page:not(.active):hover .pdf-viewer-thumbnail-canvas-wrapper {
+    border-color: #475569 !important;
+  }
+
+  /* ========== VIEWPORT BACKGROUND OVERRIDE ========== */
+  .dark-theme .pdf-viewer-viewer-area div[style*="background-color"],
+  .dark-theme [class*="viewport"],
+  .dark-theme .embedpdf-viewport {
+    background-color: #020617 !important;
+  }
 `;
 
 
 
 exports.toolbarStyles = toolbarStyles;
-//# sourceMappingURL=chunk-ECZ6IBOS.js.map
+//# sourceMappingURL=chunk-S5KXYKBX.js.map

package/dist/chunk-S5KXYKBX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-S5KXYKBX.js","../src/components/viewers/pdf/PDFStyles.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACFO,IAAM,cAAA,EAAgB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;ADkmB7B;AACA;AACE;AACF,sCAAC","file":"/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-S5KXYKBX.js","sourcesContent":[null,"export const toolbarStyles = `\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');\n\n  * {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n      'Noto Sans Tamil', 'Noto Sans Devanagari', sans-serif !important;\n  }\n\n  /* Target PDF.js text layer */\n  .textLayer,\n  .textLayer span,\n  .textLayer div,\n  [class*=\"pdf\"],\n  [class*=\"page\"],\n  canvas + div,\n  .embedpdf-viewport *,\n  [data-pdf-viewer] *,\n  [role=\"document\"] * {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n      'Noto Sans Tamil', 'Noto Sans Devanagari', sans-serif !important;\n  }\n\n  .pdf-viewer-header {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 8px;\n    padding: 2px 12px 0 12px;\n    background: #fff;\n    min-height: 32px;\n  }\n  .header-file-name {\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 400px;\n  }\n\n  /* ========== COMPACT TOOLBAR ========== */\n  .pdf-viewer-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 4px 8px;\n    background: #ffffff;\n    border-bottom: 1px solid #e5e7eb;\n    gap: 4px;\n    flex-wrap: wrap;\n    min-height: 44px;\n  }\n  .toolbar-left {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex: 0 0 auto;\n  }\n  .toolbar-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .toolbar-section {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    padding: 0;\n  }\n  .toolbar-separator {\n    width: 1px;\n    height: 20px;\n    background: #e5e7eb;\n    margin: 0 8px;\n    flex-shrink: 0;\n  }\n\n  /* ========== COMPACT BUTTONS ========== */\n  .toolbar-button {\n    padding: 6px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background-color 0.15s ease;\n    position: relative;\n    min-width: 32px;\n    min-height: 32px;\n    color: #4b5563;\n  }\n  .toolbar-button:hover:not(:disabled) {\n    background: #f3f4f6;\n    color: #111827;\n  }\n  .toolbar-button:active:not(:disabled) {\n    background: #e5e7eb;\n  }\n  .toolbar-button:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n  }\n  .toolbar-button svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n  }\n  .toolbar-button-active {\n    background: #eff6ff !important;\n    color: #2563eb !important;\n  }\n  .toolbar-button-active:hover:not(:disabled) {\n    background: #dbeafe !important;\n  }\n\n  /* ========== PAGE NAVIGATION ========== */\n  .page-input {\n    width: 44px;\n    padding: 4px 6px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    background: #fff;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  }\n  .page-input:focus {\n    outline: none;\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n  }\n  .page-info {\n    font-size: 13px;\n    color: #6b7280;\n    white-space: nowrap;\n    font-weight: 500;\n  }\n\n  /* ========== ZOOM DISPLAY ========== */\n  .zoom-display {\n    min-width: 48px;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    padding: 4px 8px;\n    background: #f9fafb;\n    border-radius: 6px;\n    border: 1px solid #e5e7eb;\n  }\n\n  .search-input {\n    padding: 6px 10px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    font-size: 13px;\n    min-width: 180px;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  }\n  .search-input:focus {\n    outline: none;\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n  }\n\n  /* ========== VIEWER CONTENT ========== */\n  .pdf-viewer-content {\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n    user-select: text;\n    -webkit-user-select: text;\n    -moz-user-select: text;\n    -ms-user-select: text;\n    background-color: #efefef;\n  }\n  .pdf-viewer-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    background-color: #efefef;\n  }\n  .pdf-viewer-main {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n    background-color: #efefef;\n  }\n  .pdf-viewer-viewer-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    position: relative;\n    background-color: #efefef; /* Ensure background matches viewer gray */\n  }\n  \n  /* Override library's inline userSelect: none */\n  .pdf-viewer-viewer-area div[style*=\"userSelect\"] {\n    user-select: auto !important;\n  }\n\n  /* ========== PRINT DROPDOWN ========== */\n  .print-dropdown-container {\n    position: relative;\n    display: inline-flex;\n  }\n  .print-dropdown-trigger {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .print-dropdown-menu {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    margin-top: 4px;\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    min-width: 200px;\n    z-index: 1000;\n    overflow: hidden;\n  }\n  .print-dropdown-item {\n    display: block;\n    width: 100%;\n    padding: 10px 14px;\n    border: none;\n    background: transparent;\n    text-align: left;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    cursor: pointer;\n    transition: background-color 0.15s ease;\n  }\n  .print-dropdown-item:hover {\n    background: #f3f4f6;\n  }\n  .print-dropdown-item:active {\n    background: #e5e7eb;\n  }\n  .print-dropdown-item + .print-dropdown-item {\n    border-top: 1px solid #f3f4f6;\n  }\n\n  /* ========== TOOLBAR DROPDOWN (Annotation Menu) ========== */\n  .toolbar-dropdown-container {\n    position: relative;\n    display: inline-flex;\n  }\n  .toolbar-dropdown-button {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .toolbar-dropdown-menu {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    margin-top: 4px;\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    min-width: 150px;\n    z-index: 1000;\n    overflow: hidden;\n  }\n  .toolbar-dropdown-menu-right {\n    left: auto;\n    right: 0;\n  }\n  .toolbar-dropdown-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 10px 14px;\n    border: none;\n    background: transparent;\n    text-align: left;\n    font-size: 13px;\n    font-weight: 500;\n    color: #374151;\n    cursor: pointer;\n    transition: background-color 0.15s ease;\n  }\n  .toolbar-dropdown-item:hover {\n    background: #f3f4f6;\n  }\n  .toolbar-dropdown-item:active {\n    background: #e5e7eb;\n  }\n  .toolbar-dropdown-item:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .toolbar-dropdown-item + .toolbar-dropdown-item {\n    border-top: 1px solid #f3f4f6;\n  }\n  .toolbar-dropdown-item svg {\n    font-size: 18px;\n    color: #6b7280;\n  }\n  .toolbar-dropdown-item-active {\n    background: #eff6ff;\n    color: #2563eb;\n  }\n  .toolbar-dropdown-item-active svg {\n    color: #2563eb;\n  }\n  .toolbar-dropdown-divider {\n    height: 1px;\n    background: #e5e7eb;\n    margin: 4px 0;\n  }\n\n\n\n  /* ========== TOOLTIP STYLES ========== */\n  .toolbar-button[title]:hover::after {\n    content: attr(title);\n    position: absolute;\n    bottom: -32px;\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 6px 10px;\n    background: #1f2937;\n    color: white;\n    font-size: 12px;\n    font-weight: 500;\n    border-radius: 6px;\n    white-space: nowrap;\n    z-index: 1000;\n    pointer-events: none;\n    opacity: 0;\n    animation: fadeIn 0.2s ease-out 0.3s forwards;\n  }\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n  /* ========== SECONDARY TOOLBAR & TABS ========== */\n  .pdf-viewer-toolbar-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .pdf-viewer-secondary-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 16px;\n    background-color: #f9fafb;\n    border-bottom: 1px solid #e5e7eb;\n    gap: 12px;\n    width: 100%;\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\n    animation: slideDown 0.2s ease-out;\n    transform-origin: top;\n  }\n\n  @keyframes slideDown {\n    from { opacity: 0; transform: scaleY(0.95); }\n    to { opacity: 1; transform: scaleY(1); }\n  }\n\n  .toolbar-center {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex: 1 1 auto;\n    justify-content: center;\n  }\n\n  .toolbar-tab {\n    background: none;\n    border: none;\n    padding: 6px 12px;\n    font-size: 14px;\n    font-weight: 500;\n    color: #6b7280;\n    cursor: pointer;\n    border-radius: 6px;\n    transition: all 0.2s ease;\n  }\n\n  .toolbar-tab:hover {\n    background-color: #f3f4f6;\n    color: #374151;\n  }\n\n  .toolbar-tab-active {\n    color: #2563eb;\n    background-color: #eff6ff;\n    font-weight: 600;\n  }\n  .toolbar-dropdown-header {\n    font-size: 11px;\n    font-weight: 600;\n    color: #6b7280;\n    padding: 8px 12px 4px 12px;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n  .pdf-viewer-thumbnail-sidebar {\n    background: #ffffff;\n    border-right: 1px solid #e5e7eb;\n    height: 100%;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    transition: all 0.2s ease-in-out;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar {\n    width: 6px;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb {\n    background: #c1c1c1;\n    border-radius: 3px;\n  }\n  .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb:hover {\n    background: #a8a8a8;\n  }\n\n  /* ========== DARK MODE OVERRIDES ========== */\n  .dark-theme.pdf-viewer-container {\n    background-color: #0f172a;\n    color: #f8fafc;\n    --thumbnail-bg: #0f172a;\n    --thumbnail-border: #1e293b;\n  }\n  .dark-theme .pdf-viewer-header {\n    background: #0f172a;\n    border-bottom: 1px solid #1e293b;\n  }\n  .dark-theme .header-file-name {\n    color: #f1f5f9;\n  }\n  .dark-theme .pdf-viewer-toolbar {\n    background: #0f172a;\n    border-bottom: 1px solid #1e293b;\n  }\n  .dark-theme .toolbar-separator {\n    background: #1e293b;\n  }\n  .dark-theme .toolbar-button {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-button:hover:not(:disabled) {\n    background: #1e293b;\n    color: #f8fafc;\n  }\n  .dark-theme .toolbar-button:active:not(:disabled) {\n    background: #334155;\n  }\n  .dark-theme .toolbar-button-active {\n    background: #1e3a8a !important;\n    color: #3b82f6 !important;\n  }\n  .dark-theme .toolbar-button-active:hover:not(:disabled) {\n    background: #1e40af !important;\n  }\n  .dark-theme .page-input {\n    border-color: #334155;\n    color: #f8fafc;\n    background: #0f172a;\n  }\n  .dark-theme .page-input:focus {\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n  }\n  .dark-theme .page-info {\n    color: #94a3b8;\n  }\n  .dark-theme .zoom-display {\n    color: #f8fafc;\n    background: #1e293b;\n    border-color: #334155;\n  }\n  .dark-theme .search-input {\n    border-color: #334155;\n    background: #0f172a;\n    color: #f8fafc;\n  }\n  .dark-theme .search-input:focus {\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n  }\n  .dark-theme .pdf-viewer-content,\n  .dark-theme .pdf-viewer-main,\n  .dark-theme .pdf-viewer-viewer-area {\n    background-color: #020617;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar {\n    background: #0f172a;\n    border-right: 1px solid #1e293b;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-track {\n    background: #0f172a;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb {\n    background: #334155;\n  }\n  .dark-theme .pdf-viewer-thumbnail-sidebar::-webkit-scrollbar-thumb:hover {\n    background: #475569;\n  }\n  .dark-theme .pdf-viewer-secondary-toolbar {\n    background-color: #0f172a;\n    border-bottom: 1px solid #1e293b;\n  }\n  .dark-theme .toolbar-tab {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-tab:hover {\n    background-color: #1e293b;\n    color: #f1f5f9;\n  }\n  .dark-theme .toolbar-tab-active {\n    color: #60a5fa;\n    background-color: #1e3a8a;\n  }\n  .dark-theme .toolbar-dropdown-menu,\n  .dark-theme .print-dropdown-menu {\n    background: #0f172a;\n    border-color: #1e293b;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n  }\n  .dark-theme .toolbar-dropdown-item,\n  .dark-theme .print-dropdown-item {\n    color: #cbd5e1;\n  }\n  .dark-theme .toolbar-dropdown-item:hover,\n  .dark-theme .print-dropdown-item:hover {\n    background: #1e293b;\n  }\n  .dark-theme .toolbar-dropdown-item:active,\n  .dark-theme .print-dropdown-item:active {\n    background: #334155;\n  }\n  .dark-theme .toolbar-dropdown-item + .toolbar-dropdown-item,\n  .dark-theme .print-dropdown-item + .print-dropdown-item {\n    border-top: 1px solid #1e293b;\n  }\n  .dark-theme .toolbar-dropdown-divider {\n    background: #1e293b;\n  }\n  .dark-theme .toolbar-dropdown-header {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-dropdown-item svg {\n    color: #94a3b8;\n  }\n  .dark-theme .toolbar-dropdown-item-active {\n    background: #1e3a8a;\n    color: #60a5fa;\n  }\n  .dark-theme .toolbar-dropdown-item-active svg {\n    color: #60a5fa;\n  }\n\n  /* ========== THUMBNAIL SIDEBAR DARK THEME ELEMENTS ========== */\n  .dark-theme .pdf-viewer-thumbnail-title {\n    color: #f1f5f9 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-close-btn {\n    color: #94a3b8 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-close-btn:hover {\n    background-color: #1e293b !important;\n    color: #f8fafc !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active) .pdf-viewer-thumbnail-label {\n    color: #94a3b8 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active):hover .pdf-viewer-thumbnail-label {\n    color: #f1f5f9 !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active) .pdf-viewer-thumbnail-canvas-wrapper {\n    border-color: #334155 !important;\n    background-color: #1e293b !important;\n  }\n  .dark-theme .pdf-viewer-thumbnail-page:not(.active):hover .pdf-viewer-thumbnail-canvas-wrapper {\n    border-color: #475569 !important;\n  }\n\n  /* ========== VIEWPORT BACKGROUND OVERRIDE ========== */\n  .dark-theme .pdf-viewer-viewer-area div[style*=\"background-color\"],\n  .dark-theme [class*=\"viewport\"],\n  .dark-theme .embedpdf-viewport {\n    background-color: #020617 !important;\n  }\n`;"]}

package/dist/{chunk-7JPF5AYR.mjs → chunk-W2P6JHTQ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   toolbarStyles
-} from "./chunk-KQCU7XW2.mjs";
+} from "./chunk-KWHXS7I4.mjs";
 import {
   FileIcon_default,
   mergeToolbarConfig
@@ -235,6 +235,7 @@ var ImageViewer = ({
   autoExecuteSearch,
   onSearchComplete,
   toolbarActions,
+  themeMode = "light",
   ...props
 }) => {
   const containerRef = useRef(null);
@@ -359,7 +360,7 @@ var ImageViewer = ({
     };
   }, [isFullScreen]);
   if (!src) {
-    return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", style: { width, height, ...style }, children: [
+    return /* @__PURE__ */ jsxs3("div", { className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`, style: { width, height, ...style }, children: [
       /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
       /* @__PURE__ */ jsx3(
         "div",
@@ -388,7 +389,7 @@ var ImageViewer = ({
     "div",
     {
       ref: containerRef,
-      className: "pdf-viewer-container",
+      className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`,
       style: { width, height, ...style },
       children: [
         /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
@@ -485,4 +486,4 @@ var ImageViewer = ({
 export {
   ImageViewer
 };
-//# sourceMappingURL=chunk-7JPF5AYR.mjs.map
+//# sourceMappingURL=chunk-W2P6JHTQ.mjs.map

package/dist/chunk-W2P6JHTQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/ImageViewer.tsx","../src/components/viewers/image/ImageToolbar.tsx","../src/components/viewers/image/ImageHeader.tsx"],"sourcesContent":["import React, { useRef, useState, useMemo, useEffect } from \"react\";\nimport { ImageToolbar } from \"./image/ImageToolbar\";\nimport { ImageHeader } from \"./image/ImageHeader\";\nimport { toolbarStyles } from \"./pdf/PDFStyles\";\nimport { FileViewerProps } from \"../../types\";\nimport { mergeToolbarConfig } from \"../../utils/toolbarUtils\";\n\nexport const ImageViewer: React.FC<FileViewerProps> = ({\n  file,\n  url,\n  fileName,\n  width = \"100%\",\n  height = \"100%\",\n  className = \"\",\n  style = {},\n  showDownload = true,\n  showPrint = true,\n  showMetadata = false,\n  showTags = true,\n  showProperties = false,\n  showHistory = true,\n  onDownloadClick,\n  onPrintClick,\n  onTagsClick,\n  onMetadataClick,\n  onPropertiesClick,\n  onHistoryClick,\n  // Extract props that shouldn't be passed to DOM elements\n  mimeType,\n  fileSize,\n  showPageCount,\n  showPageNavigation,\n  showZoomControls,\n  showSearch,\n  customRegistry,\n  initialSearchText,\n  initialSearchPages,\n  autoOpenSearch,\n  autoExecuteSearch,\n  onSearchComplete,\n  toolbarActions,\n  themeMode = 'light',\n  ...props\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const imageAreaRef = useRef<HTMLDivElement>(null);\n  const [imageSize, setImageSize] = useState({ width: 0, height: 0 });\n  const [zoom, setZoom] = useState(100);\n  const [rotation, setRotation] = useState(0);\n  const [pendingFit, setPendingFit] = useState<\"width\" | \"page\" | null>(null);\n  const didAutoFit = useRef(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\n  const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });\n  const [isFullScreen, setIsFullScreen] = useState(false);\n\n  const src = useMemo(() => {\n    if (file) {\n      const objectUrl = URL.createObjectURL(file);\n      return objectUrl;\n    }\n    return url || \"\";\n  }, [file, url]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    const img = e.currentTarget;\n    setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\n    if (!didAutoFit.current) {\n      setPendingFit(\"page\");\n      didAutoFit.current = true;\n    }\n  };\n\n  useEffect(() => {\n    if (\n      !imageAreaRef.current ||\n      !imageSize.width ||\n      !imageSize.height ||\n      !pendingFit\n    )\n      return;\n\n    const containerWidth = imageAreaRef.current.offsetWidth;\n    const containerHeight = imageAreaRef.current.offsetHeight;\n    const rot = rotation % 360;\n    const rotated = rot === 90 || rot === 270;\n    const imgW = rotated ? imageSize.height : imageSize.width;\n    const imgH = rotated ? imageSize.width : imageSize.height;\n\n    if (pendingFit === \"width\") {\n      setZoom(Math.round((containerWidth / imgW) * 100));\n    } else if (pendingFit === \"page\") {\n      const scaleW = containerWidth / imgW;\n      const scaleH = containerHeight / imgH;\n      setZoom(Math.round(Math.min(scaleW, scaleH) * 100));\n    }\n    setPendingFit(null);\n  }, [pendingFit, imageSize, rotation]);\n\n  const handleZoomIn = () => setZoom((z) => Math.min(z + 10, 400));\n  const handleZoomOut = () => setZoom((z) => Math.max(z - 10, 10));\n  const handleFitToWidth = () => setPendingFit(\"width\");\n  const handleFitToPage = () => setPendingFit(\"page\");\n  const handleRotateLeft = () => setRotation((r) => (r - 90 + 360) % 360);\n  const handleRotateRight = () => setRotation((r) => (r + 90) % 360);\n\n  const handleToggleFullScreen = () => {\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\n      containerRef.current.requestFullscreen();\n      setIsFullScreen(true);\n    } else if (isFullScreen && document.exitFullscreen) {\n      document.exitFullscreen();\n      setIsFullScreen(false);\n    }\n  };\n\n  const handleMouseDown = (e: React.MouseEvent) => {\n    if (imageAreaRef.current) {\n      setIsDragging(true);\n      setDragStart({ x: e.clientX, y: e.clientY });\n      setScrollStart({\n        left: imageAreaRef.current.scrollLeft,\n        top: imageAreaRef.current.scrollTop,\n      });\n    }\n  };\n\n  const handleMouseMove = (e: React.MouseEvent) => {\n    if (!isDragging || !imageAreaRef.current) return;\n    const dx = e.clientX - dragStart.x;\n    const dy = e.clientY - dragStart.y;\n    imageAreaRef.current.scrollLeft = scrollStart.left - dx;\n    imageAreaRef.current.scrollTop = scrollStart.top - dy;\n  };\n\n  const handleMouseUp = () => setIsDragging(false);\n  const handleMouseLeave = () => setIsDragging(false);\n\n  const toolbar = mergeToolbarConfig({\n    showDownload,\n    showPrint,\n    showMetadata,\n    showTags,\n    showProperties,\n    showHistory,\n    onDownloadClick,\n    onPrintClick,\n    onTagsClick,\n    onMetadataClick,\n    onPropertiesClick,\n    onHistoryClick,\n    toolbarActions,\n  });\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"+\") setZoom((z) => Math.min(z + 10, 400));\n      if (e.key === \"-\") setZoom((z) => Math.max(z - 10, 10));\n      if (e.key === \"r\") setRotation((r) => (r + 90) % 360);\n      if (e.key === \"R\") setRotation((r) => (r - 90 + 360) % 360);\n      if (e.key === \"Escape\" && isFullScreen && document.exitFullscreen) {\n        document.exitFullscreen();\n        setIsFullScreen(false);\n      }\n    };\n\n    const handleFullscreenChange = () => {\n      setIsFullScreen(!!document.fullscreenElement);\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n    };\n  }, [isFullScreen]);\n\n  if (!src) {\n    return (\n      <div className={`pdf-viewer-container ${themeMode === 'dark' ? 'dark-theme' : ''}`} style={{ width, height, ...style }}>\n        <style>{toolbarStyles}</style>\n        <div\n          style={{\n            height: \"100%\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            color: \"#666\",\n          }}\n        >\n          <strong>No image source provided</strong>\n        </div>\n      </div>\n    );\n  }\n\n  const displayName = fileName || file?.name || \"image\";\n  const ext = displayName.split(\".\").pop() || \"\";\n\n  const rot = rotation % 360;\n  const rotated = rot === 90 || rot === 270;\n  const displayWidth = rotated ? imageSize.height : imageSize.width;\n  const displayHeight = rotated ? imageSize.width : imageSize.height;\n  const scaledWidth = displayWidth * (zoom / 100);\n  const scaledHeight = displayHeight * (zoom / 100);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`pdf-viewer-container ${themeMode === 'dark' ? 'dark-theme' : ''}`}\n      style={{ width, height, ...style }}\n    >\n      <style>{toolbarStyles}</style>\n      <ImageHeader fileName={displayName} fileExtension={ext} />\n      <ImageToolbar\n        zoom={zoom}\n        rotation={rotation}\n        onZoomIn={handleZoomIn}\n        onZoomOut={handleZoomOut}\n        onFitToWidth={handleFitToWidth}\n        onFitToPage={handleFitToPage}\n        onRotateLeft={handleRotateLeft}\n        onRotateRight={handleRotateRight}\n        onToggleFullScreen={handleToggleFullScreen}\n        showDownload={!toolbar.isHidden(\"download\")}\n        showPrint={!toolbar.isHidden(\"print\")}\n        showMetadata={!toolbar.isHidden(\"metadata\")}\n        showProperties={!toolbar.isHidden(\"properties\")}\n        showTags={!toolbar.isHidden(\"tags\")}\n        showHistory={!toolbar.isHidden(\"history\")}\n        disabledDownload={toolbar.isDisabled(\"download\")}\n        disabledPrint={toolbar.isDisabled(\"print\")}\n        disabledMetadata={toolbar.isDisabled(\"metadata\")}\n        disabledProperties={toolbar.isDisabled(\"properties\")}\n        disabledTags={toolbar.isDisabled(\"tags\")}\n        disabledHistory={toolbar.isDisabled(\"history\")}\n        onDownloadClick={toolbar.getHandler(\"download\", onDownloadClick)}\n        onPrintClick={toolbar.getHandler(\"print\", onPrintClick)}\n        onMetadataClick={toolbar.getHandler(\"metadata\", onMetadataClick)}\n        onPropertiesClick={toolbar.getHandler(\"properties\", onPropertiesClick)}\n        onTagsClick={toolbar.getHandler(\"tags\", onTagsClick)}\n        onHistoryClick={toolbar.getHandler(\"history\", onHistoryClick)}\n      />\n      <div\n        ref={imageAreaRef}\n        className=\"pdf-viewer-content\"\n        style={{\n          cursor: isDragging ? \"grabbing\" : \"grab\",\n          overflow: \"auto\",\n          background: \"#f5f5f5\",\n        }}\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onMouseLeave={handleMouseLeave}\n      >\n        <div\n          style={{\n            minWidth: `${scaledWidth}px`,\n            minHeight: `${scaledHeight}px`,\n            width: `${scaledWidth}px`,\n            height: `${scaledHeight}px`,\n            margin: \"auto\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            position: \"relative\",\n          }}\n        >\n          <img\n            src={src}\n            alt={displayName}\n            onLoad={handleImageLoad}\n            crossOrigin=\"anonymous\"\n            style={{\n              transform: `rotate(${rotation}deg)`,\n              transformOrigin: \"center center\",\n              maxWidth: \"100%\",\n              maxHeight: \"100%\",\n              width: \"100%\",\n              height: \"100%\",\n              objectFit: \"contain\",\n              pointerEvents: \"none\",\n              userSelect: \"none\",\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport ZoomInIcon from \"@mui/icons-material/ZoomIn\";\nimport ZoomOutIcon from \"@mui/icons-material/ZoomOut\";\nimport RotateLeftIcon from \"@mui/icons-material/RotateLeft\";\nimport RotateRightIcon from \"@mui/icons-material/RotateRight\";\nimport FitScreenIcon from \"@mui/icons-material/FitScreen\";\nimport AspectRatioIcon from \"@mui/icons-material/AspectRatio\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport PrintIcon from \"@mui/icons-material/Print\";\nimport InfoIcon from \"@mui/icons-material/Info\";\nimport DescriptionIcon from \"@mui/icons-material/Description\";\nimport HistoryIcon from \"@mui/icons-material/History\";\nimport { LocalOffer } from \"@mui/icons-material\";\n\ninterface ImageToolbarProps {\n  zoom: number;\n  rotation: number;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onFitToWidth: () => void;\n  onFitToPage: () => void;\n  onRotateLeft: () => void;\n  onRotateRight: () => void;\n  onToggleFullScreen: () => void;\n  showDownload: boolean;\n  showPrint: boolean;\n  showMetadata: boolean;\n  showTags: boolean;\n  showProperties: boolean;\n  showHistory: boolean;\n  disabledDownload?: boolean;\n  disabledPrint?: boolean;\n  disabledMetadata?: boolean;\n  disabledTags?: boolean;\n  disabledProperties?: boolean;\n  disabledHistory?: boolean;\n  onDownloadClick?: () => void;\n  onTagsClick?: () => void;\n  onPrintClick?: () => void;\n  onMetadataClick?: () => void;\n  onPropertiesClick?: () => void;\n  onHistoryClick?: () => void;\n}\n\nexport const ImageToolbar = React.memo<ImageToolbarProps>(\n  ({\n    zoom,\n    rotation,\n    onZoomIn,\n    onZoomOut,\n    onFitToWidth,\n    onFitToPage,\n    onRotateLeft,\n    onRotateRight,\n    onToggleFullScreen,\n    showDownload,\n    showPrint,\n    showMetadata,\n    showTags,\n    showProperties,\n    showHistory,\n    disabledDownload,\n    disabledPrint,\n    disabledMetadata,\n    disabledProperties,\n    disabledTags,\n    disabledHistory,\n    onDownloadClick,\n    onPrintClick,\n    onTagsClick,\n    onMetadataClick,\n    onPropertiesClick,\n    onHistoryClick,\n  }) => (\n    <div className=\"pdf-viewer-toolbar\">\n      <div className=\"toolbar-separator\"></div>\n      <div className=\"toolbar-section\">\n        <button className=\"toolbar-button\" onClick={onZoomOut} title=\"Zoom Out\">\n          <ZoomOutIcon fontSize=\"small\" />\n        </button>\n        <span className=\"zoom-display\">{zoom}%</span>\n        <button className=\"toolbar-button\" onClick={onZoomIn} title=\"Zoom In\">\n          <ZoomInIcon fontSize=\"small\" />\n        </button>\n        <button\n          className=\"toolbar-button\"\n          onClick={onFitToWidth}\n          title=\"Fit to Width\"\n        >\n          <AspectRatioIcon fontSize=\"small\" />\n        </button>\n        <button\n          className=\"toolbar-button\"\n          onClick={onFitToPage}\n          title=\"Fit to Page\"\n        >\n          <FitScreenIcon fontSize=\"small\" />\n        </button>\n      </div>\n      <div className=\"toolbar-separator\"></div>\n      <div className=\"toolbar-section\">\n        <button\n          className=\"toolbar-button\"\n          onClick={onRotateLeft}\n          title=\"Rotate Left\"\n        >\n          <RotateLeftIcon fontSize=\"small\" />\n        </button>\n        <button\n          className=\"toolbar-button\"\n          onClick={onRotateRight}\n          title=\"Rotate Right\"\n        >\n          <RotateRightIcon fontSize=\"small\" />\n        </button>\n        <span className=\"page-info\">Rotation: {rotation}°</span>\n      </div>\n      <div className=\"toolbar-separator\"></div>\n      <div className=\"toolbar-section\">\n        <button\n          className=\"toolbar-button\"\n          onClick={onToggleFullScreen}\n          title=\"Fullscreen\"\n        >\n          <FullscreenIcon fontSize=\"small\" />\n        </button>\n      </div>\n      {(showDownload ||\n        showPrint ||\n        showMetadata ||\n        showProperties ||\n        showTags ||\n        showHistory) && (\n        <>\n          <div className=\"toolbar-separator\"></div>\n          <div className=\"toolbar-section\">\n            {showDownload && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onDownloadClick}\n                disabled={disabledDownload}\n                title=\"Download Image\"\n              >\n                <DownloadIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showPrint && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onPrintClick}\n                disabled={disabledPrint}\n                title=\"Print Image\"\n              >\n                <PrintIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showMetadata && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onMetadataClick}\n                disabled={disabledMetadata}\n                title=\"Image Metadata\"\n              >\n                <DescriptionIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showProperties && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onPropertiesClick}\n                disabled={disabledProperties}\n                title=\"Image Properties\"\n              >\n                <InfoIcon fontSize=\"small\" />\n              </button>\n            )}\n            {showTags && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onTagsClick}\n                disabled={disabledTags}\n                title=\"Image Tags\"\n              >\n                <LocalOffer fontSize=\"small\" />\n              </button>\n            )}\n            {showHistory && (\n              <button\n                className=\"toolbar-button\"\n                onClick={onHistoryClick}\n                disabled={disabledHistory}\n                title=\"Image History\"\n              >\n                <HistoryIcon fontSize=\"small\" />\n              </button>\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  )\n);\n\nImageToolbar.displayName = \"ImageToolbar\";\n","import React from 'react';\nimport FileIcon from '../../FileIcon';\n\ninterface ImageHeaderProps {\n  fileName: string;\n  fileExtension: string;\n}\n\nexport const ImageHeader = React.memo<ImageHeaderProps>(({ fileName, fileExtension }) => {\n  return (\n    <div className=\"pdf-viewer-header\">\n      <FileIcon ext={fileExtension} size={26} />\n      <div className=\"header-file-name\" title={fileName}>\n        {fileName}\n      </div>\n    </div>\n  );\n});\n\nImageHeader.displayName = 'ImageHeader';\n"],"mappings":"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","names":["React","jsx","jsxs","React","jsx","jsxs","rot","rotated"]}

package/dist/components/viewers/AudioViewer.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.mjs';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.mjs';
 
 declare const AudioViewer: React.FC<FileViewerProps>;
 

package/dist/components/viewers/AudioViewer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.js';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.js';
 
 declare const AudioViewer: React.FC<FileViewerProps>;
 

package/dist/components/viewers/DefaultViewer.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.mjs';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.mjs';
 
 declare const DefaultViewer: React.FC<FileViewerProps>;
 

package/dist/components/viewers/DefaultViewer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.js';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.js';
 
 declare const DefaultViewer: React.FC<FileViewerProps>;
 

package/dist/components/viewers/ImageViewer.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.mjs';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.mjs';
 
 declare const ImageViewer: React.FC<FileViewerProps>;
 

package/dist/components/viewers/ImageViewer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.js';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.js';
 
 declare const ImageViewer: React.FC<FileViewerProps>;
 

package/dist/components/viewers/ImageViewer.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkQV63FULEjs = require('../../chunk-QV63FULE.js');
-require('../../chunk-ECZ6IBOS.js');
+var _chunkNELCZBZVjs = require('../../chunk-NELCZBZV.js');
+require('../../chunk-S5KXYKBX.js');
 require('../../chunk-EM63H4SA.js');
 
 
-exports.ImageViewer = _chunkQV63FULEjs.ImageViewer;
+exports.ImageViewer = _chunkNELCZBZVjs.ImageViewer;
 //# sourceMappingURL=ImageViewer.js.map

package/dist/components/viewers/ImageViewer.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   ImageViewer
-} from "../../chunk-7JPF5AYR.mjs";
-import "../../chunk-KQCU7XW2.mjs";
+} from "../../chunk-W2P6JHTQ.mjs";
+import "../../chunk-KWHXS7I4.mjs";
 import "../../chunk-7PMZ4GN5.mjs";
 export {
   ImageViewer

package/dist/components/viewers/PDFViewer.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.mjs';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.mjs';
 
 interface PDFViewerMethods {
     zoomIn: () => void;

package/dist/components/viewers/PDFViewer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FileViewerProps } from '../../types-BYTxtKEc.js';
+import { F as FileViewerProps } from '../../types-DMF9gANJ.js';
 
 interface PDFViewerMethods {
     zoomIn: () => void;