@cannyminds/dms-file-viewers 0.1.0

package/dist/chunk-73ZIFR3P.mjs

@@ -0,0 +1,1402 @@
+"use client";
+import {
+  FileIcon_default,
+  getFileExtension
+} from "./chunk-QQDQJ7TS.mjs";
+
+// src/components/viewers/PDFViewer.tsx
+import React2, { useCallback, useEffect, useMemo, useRef as useRef2, useState as useState2, forwardRef, useImperativeHandle } from "react";
+import { PDFViewer as HeadlessPDFViewer } from "@cannyminds/pdf-viewer";
+import FirstPageIcon from "@mui/icons-material/FirstPage";
+import LastPageIcon from "@mui/icons-material/LastPage";
+import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
+import ZoomInIcon from "@mui/icons-material/ZoomIn";
+import ZoomOutIcon from "@mui/icons-material/ZoomOut";
+import FitScreenIcon from "@mui/icons-material/FitScreen";
+import AspectRatioIcon from "@mui/icons-material/AspectRatio";
+import SearchIcon2 from "@mui/icons-material/Search";
+import DownloadIcon from "@mui/icons-material/Download";
+import PrintIcon from "@mui/icons-material/Print";
+import InfoIcon from "@mui/icons-material/Info";
+import DescriptionIcon from "@mui/icons-material/Description";
+
+// src/components/viewers/pdf/SearchSidebar.tsx
+import { useState, useLayoutEffect, useRef } from "react";
+import {
+  Box,
+  Typography,
+  TextField,
+  IconButton,
+  InputAdornment,
+  Divider
+} from "@mui/material";
+import SearchIcon from "@mui/icons-material/Search";
+import CloseIcon from "@mui/icons-material/Close";
+import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import ClearIcon from "@mui/icons-material/Clear";
+import FindInPageIcon from "@mui/icons-material/FindInPage";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SearchSidebar = ({
+  isOpen,
+  onClose,
+  onSearch,
+  onSearchResultClick,
+  onNextResult,
+  onPreviousResult,
+  currentResultIndex,
+  totalResults,
+  searchKeyword,
+  searchResults = [],
+  isSearching = false
+}) => {
+  const [searchTerm, setSearchTerm] = useState(searchKeyword || "");
+  const [hasSearched, setHasSearched] = useState(false);
+  const contentRef = useRef(null);
+  useLayoutEffect(() => {
+    const element = contentRef.current;
+    if (!element) return;
+    const handleMouseMove = (e) => {
+      const rect = element.getBoundingClientRect();
+      const distanceFromRight = rect.right - e.clientX;
+      const distanceFromBottom = rect.bottom - e.clientY;
+      if (distanceFromRight <= 15 || distanceFromBottom <= 15) {
+        element.classList.add("scrollbar-hover");
+      } else {
+        element.classList.remove("scrollbar-hover");
+      }
+    };
+    const handleMouseLeave = () => element.classList.remove("scrollbar-hover");
+    element.addEventListener("mousemove", handleMouseMove);
+    element.addEventListener("mouseleave", handleMouseLeave);
+    return () => {
+      element.removeEventListener("mousemove", handleMouseMove);
+      element.removeEventListener("mouseleave", handleMouseLeave);
+    };
+  }, []);
+  useLayoutEffect(() => {
+    const style = document.createElement("style");
+    style.id = "search-sidebar-scrollbar";
+    style.textContent = `
+      @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;600&family=Noto+Sans+Devanagari:wght@400;600&display=swap');
+      
+      .search-sidebar-content::-webkit-scrollbar {
+        width: 12px;
+        height: 12px;
+      }
+      .search-sidebar-content::-webkit-scrollbar-track {
+        background-color: transparent;
+      }
+      .search-sidebar-content::-webkit-scrollbar-thumb {
+        background-color: rgba(0, 0, 0, 0.25);
+        border-radius: 8px;
+        border: 4px solid transparent;
+        background-clip: padding-box;
+        transition: all 0.15s ease;
+      }
+      .search-sidebar-content.scrollbar-hover::-webkit-scrollbar-thumb {
+        background-color: rgba(0, 0, 0, 0.4);
+        border: 2px solid transparent;
+      }
+      .search-sidebar-content::-webkit-scrollbar-thumb:active {
+        background-color: rgba(25, 118, 210, 0.85);
+        border: 1px solid transparent;
+      }
+      
+      /* Tamil font support for search results */
+      .search-result-text {
+        font-family: 'Noto Sans Tamil', 'Noto Sans Devanagari', Arial, sans-serif !important;
+      }
+    `;
+    document.head.appendChild(style);
+    return () => {
+      const el = document.getElementById("search-sidebar-scrollbar");
+      if (el) el.remove();
+    };
+  }, []);
+  useLayoutEffect(() => {
+    setSearchTerm(searchKeyword || "");
+    if (searchKeyword) {
+      setHasSearched(true);
+    }
+  }, [searchKeyword]);
+  const handleSearchSubmit = (e) => {
+    if (e) e.preventDefault();
+    if (searchTerm.trim()) {
+      setHasSearched(true);
+      onSearch(searchTerm.trim());
+    }
+  };
+  const handleSearchChange = (e) => {
+    const value = e.target.value;
+    setSearchTerm(value);
+    if (!value.trim()) {
+      setHasSearched(false);
+      onSearch("");
+    }
+  };
+  const handleClearSearch = () => {
+    setSearchTerm("");
+    setHasSearched(false);
+    onSearch("");
+  };
+  const resultsByPage = searchResults.reduce((acc, result) => {
+    if (!acc[result.pageNumber]) {
+      acc[result.pageNumber] = [];
+    }
+    acc[result.pageNumber].push(result);
+    return acc;
+  }, {});
+  const highlightText = (text, keyword) => {
+    if (!keyword) return text;
+    const textString = typeof text === "string" ? text : String(text || "");
+    if (!textString) return text;
+    try {
+      const escapedKeyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const regex = new RegExp(`(${escapedKeyword})`, "gi");
+      const parts = textString.split(regex);
+      return parts.map(
+        (part, index) => regex.test(part) ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            sx: {
+              color: "primary.main",
+              fontWeight: 600,
+              fontSize: "inherit"
+            },
+            children: part
+          },
+          index
+        ) : part
+      );
+    } catch (error) {
+      return textString;
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "320px",
+        backgroundColor: "background.paper",
+        borderLeft: "1px solid",
+        borderColor: "divider",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Box, { sx: { px: 3, py: 2.5, backgroundColor: "background.default" }, children: [
+          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontSize: "1.125rem", fontWeight: 600, color: "text.primary" }, children: "Search" }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                size: "small",
+                onClick: onClose,
+                sx: {
+                  color: "text.secondary",
+                  padding: "6px"
+                },
+                children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("form", { onSubmit: handleSearchSubmit, children: /* @__PURE__ */ jsx(
+            TextField,
+            {
+              fullWidth: true,
+              size: "medium",
+              placeholder: "Search in document...",
+              value: searchTerm,
+              onChange: handleSearchChange,
+              autoComplete: "off",
+              InputProps: {
+                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { sx: { color: "text.disabled", fontSize: 20 } }) }),
+                endAdornment: searchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    size: "small",
+                    onClick: handleClearSearch,
+                    sx: {
+                      color: "text.secondary",
+                      padding: "4px",
+                      "&:hover": {
+                        backgroundColor: "action.hover"
+                      }
+                    },
+                    children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 18 } })
+                  }
+                ) })
+              },
+              sx: {
+                "& .MuiOutlinedInput-root": {
+                  fontSize: "0.9375rem",
+                  backgroundColor: "background.paper",
+                  borderRadius: "8px",
+                  "& fieldset": {
+                    borderColor: "divider"
+                  },
+                  "&.Mui-focused fieldset": {
+                    borderColor: "primary.main",
+                    borderWidth: "2px"
+                  }
+                },
+                "& .MuiInputBase-input": {
+                  padding: "10px 14px"
+                }
+              }
+            }
+          ) }),
+          totalResults > 0 && /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                mt: 2,
+                pt: 2,
+                borderTop: "1px solid",
+                borderColor: "divider"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.875rem", fontWeight: 500 }, children: [
+                  currentResultIndex + 1,
+                  " of ",
+                  totalResults,
+                  " results"
+                ] }),
+                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                  /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: onPreviousResult,
+                      disabled: currentResultIndex <= 0,
+                      sx: {
+                        color: currentResultIndex <= 0 ? "text.disabled" : "primary.main",
+                        padding: "6px",
+                        borderRadius: "6px",
+                        border: "1px solid",
+                        borderColor: currentResultIndex <= 0 ? "divider" : "primary.main"
+                      },
+                      children: /* @__PURE__ */ jsx(KeyboardArrowUpIcon, { sx: { fontSize: 20 } })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: onNextResult,
+                      disabled: currentResultIndex >= totalResults - 1,
+                      sx: {
+                        color: currentResultIndex >= totalResults - 1 ? "text.disabled" : "primary.main",
+                        padding: "6px",
+                        borderRadius: "6px",
+                        border: "1px solid",
+                        borderColor: currentResultIndex >= totalResults - 1 ? "divider" : "primary.main"
+                      },
+                      children: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, { sx: { fontSize: 20 } })
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(Box, { ref: contentRef, className: "search-sidebar-content", sx: {
+          flex: 1,
+          overflow: "auto",
+          backgroundColor: "background.default"
+        }, children: [
+          !searchTerm && !hasSearched && /* @__PURE__ */ jsxs(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  width: 80,
+                  height: 80,
+                  borderRadius: "50%",
+                  backgroundColor: "action.hover",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "0 auto",
+                  mb: 3
+                },
+                children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 40, color: "text.disabled" } })
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Search in Document" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: "Enter keywords to find text within the PDF document" })
+          ] }),
+          searchTerm && !hasSearched && /* @__PURE__ */ jsxs(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  width: 80,
+                  height: 80,
+                  borderRadius: "50%",
+                  backgroundColor: "#e3f2fd",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "0 auto",
+                  mb: 3
+                },
+                children: /* @__PURE__ */ jsx(FindInPageIcon, { sx: { fontSize: 40, color: "primary.main" } })
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "Ready to Search" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", mb: 2, lineHeight: 1.6 }, children: "Press Enter to find" }),
+            /* @__PURE__ */ jsxs(
+              Typography,
+              {
+                variant: "body2",
+                sx: {
+                  color: "primary.main",
+                  fontWeight: 600,
+                  backgroundColor: "#e3f2fd",
+                  padding: "6px 16px",
+                  borderRadius: "16px",
+                  display: "inline-block"
+                },
+                children: [
+                  '"',
+                  searchTerm,
+                  '"'
+                ]
+              }
+            )
+          ] }),
+          hasSearched && totalResults === 0 && !isSearching && /* @__PURE__ */ jsxs(Box, { sx: { p: 4, textAlign: "center", mt: 6 }, children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  width: 80,
+                  height: 80,
+                  borderRadius: "50%",
+                  backgroundColor: "#fff3e0",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "0 auto",
+                  mb: 3
+                },
+                children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 40, color: "#ff9800" } })
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.primary", fontWeight: 500, mb: 1 }, children: "No Results Found" }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "body2", sx: { color: "text.secondary", lineHeight: 1.6 }, children: [
+              "No matches found for ",
+              /* @__PURE__ */ jsxs("strong", { children: [
+                '"',
+                searchTerm,
+                '"'
+              ] })
+            ] })
+          ] }),
+          totalResults > 0 && /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: Object.entries(resultsByPage).sort(([a, _], [b, __]) => parseInt(a) - parseInt(b)).map(([pageNum, pageResults]) => {
+            const pageNumber = parseInt(pageNum);
+            return /* @__PURE__ */ jsxs(Box, { sx: { mb: 3 }, children: [
+              /* @__PURE__ */ jsxs(
+                Typography,
+                {
+                  variant: "subtitle2",
+                  sx: {
+                    color: "text.secondary",
+                    mb: 1.5,
+                    px: 1,
+                    fontSize: "0.8125rem",
+                    fontWeight: 600,
+                    textTransform: "uppercase",
+                    letterSpacing: "0.5px"
+                  },
+                  children: [
+                    "Page ",
+                    pageNumber
+                  ]
+                }
+              ),
+              pageResults.map((result, index) => /* @__PURE__ */ jsx(
+                Box,
+                {
+                  onClick: () => onSearchResultClick(result.pageNumber, result.index),
+                  sx: {
+                    p: 2,
+                    mx: 1,
+                    mb: 1.5,
+                    borderRadius: "8px",
+                    border: "1px solid",
+                    borderColor: result.index === currentResultIndex ? "primary.main" : "divider",
+                    backgroundColor: result.index === currentResultIndex ? "#e3f2fd" : "background.paper",
+                    cursor: "pointer",
+                    transition: "all 0.2s ease",
+                    boxShadow: result.index === currentResultIndex ? "0 2px 8px rgba(25, 118, 210, 0.15)" : "0 1px 3px rgba(0, 0, 0, 0.05)",
+                    "&:hover": {
+                      borderColor: "primary.main",
+                      boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+                      transform: "translateY(-1px)"
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      variant: "body2",
+                      className: "search-result-text",
+                      sx: {
+                        fontSize: "0.875rem",
+                        lineHeight: 1.6,
+                        color: result.index === currentResultIndex ? "text.primary" : "text.secondary"
+                      },
+                      children: highlightText(result.context, searchTerm)
+                    }
+                  )
+                },
+                index
+              ))
+            ] }, pageNumber);
+          }) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/viewers/PDFViewer.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var toolbarStyles = `
+  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
+  
+  * {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN', 
+      'Arial Unicode MS', sans-serif !important;
+  }
+  
+  /* Target PDF.js text layer */
+  .textLayer,
+  .textLayer span,
+  .textLayer div,
+  [class*="pdf"],
+  [class*="page"],
+  canvas + div,
+  .embedpdf-viewport *,
+  [data-pdf-viewer] *,
+  [role="document"] * {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+      'Noto Sans Tamil', 'Noto Sans Devanagari', 'Lohit Tamil', 'Tamil MN', 
+      'Arial Unicode MS', sans-serif !important;
+  }
+  
+  .pdf-viewer-header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 3px 16px 0 16px;
+    background: #fff;
+    min-height: 36px;
+  }
+  .header-file-name {
+    font-size: 12px;
+    font-weight: 500;
+    color: #424242;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 400px;
+  }
+  .pdf-viewer-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 16px 6px 16px;
+    background: #fff;
+    gap: 12px;
+    flex-wrap: wrap;
+    min-height: 44px;
+  }
+  .toolbar-section {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .toolbar-separator {
+    width: 1px;
+    height: 24px;
+    background: #e0e0e0;
+    margin: 0 4px;
+  }
+  .toolbar-button {
+    padding: 8px;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s;
+  }
+  .toolbar-button:hover:not(:disabled) {
+    background: #f5f5f5;
+  }
+  .toolbar-button:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+  .toolbar-button svg {
+    width: 20px;
+    height: 20px;
+    display: block;
+  }
+  .page-input {
+    width: 60px;
+    padding: 4px 8px;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 14px;
+  }
+  .page-info {
+    font-size: 14px;
+    color: #666;
+    white-space: nowrap;
+  }
+  .zoom-display {
+    min-width: 60px;
+    text-align: center;
+    font-size: 14px;
+    color: #666;
+  }
+  .search-input {
+    padding: 4px 8px;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    font-size: 14px;
+    min-width: 200px;
+  }
+  .pdf-viewer-content {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    user-select: text;
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+  }
+  .pdf-viewer-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+  }
+  .pdf-viewer-main {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+  }
+  .pdf-viewer-viewer-area {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    user-select: text;
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+  }
+  .pdf-viewer-viewer-area * {
+    user-select: text !important;
+    -webkit-user-select: text !important;
+    -moz-user-select: text !important;
+    -ms-user-select: text !important;
+  }
+`;
+var PDFViewerContent = forwardRef((props, ref) => {
+  const {
+    file,
+    onLoad,
+    onError,
+    fileName,
+    showPageCount = true,
+    showPageNavigation = true,
+    showZoomControls = true,
+    showDownload = true,
+    showPrint = true,
+    showSearch = true,
+    showMetadata = true,
+    showProperties = true,
+    onMetadataClick,
+    onPropertiesClick,
+    onDownloadClick,
+    onPrintClick
+  } = props;
+  const [pdfBuffer, setPdfBuffer] = useState2(null);
+  const [state, setState] = useState2("idle");
+  const [error, setError] = useState2(null);
+  const pdfViewerRef = useRef2(null);
+  const resolvedFileName = useMemo(() => {
+    if (fileName) return fileName;
+    if (file instanceof File) return file.name;
+    if (typeof file === "string") {
+      const urlParts = file.split("/");
+      return urlParts[urlParts.length - 1] || "document.pdf";
+    }
+    return "document.pdf";
+  }, [file, fileName]);
+  const fileExtension = useMemo(
+    () => getFileExtension(resolvedFileName),
+    [resolvedFileName]
+  );
+  const [currentPage, setCurrentPage] = useState2(1);
+  const [totalPages, setTotalPages] = useState2(0);
+  const [zoom, setZoom] = useState2(100);
+  const [searchQuery, setSearchQuery] = useState2("");
+  const [isSearching, setIsSearching] = useState2(false);
+  const [pdfContainer, setPdfContainer] = useState2(null);
+  const [isSidebarOpen, setIsSidebarOpen] = useState2(false);
+  const [searchResults, setSearchResults] = useState2([]);
+  const [currentSearchResultIndex, setCurrentSearchResultIndex] = useState2(0);
+  const [totalSearchResults, setTotalSearchResults] = useState2(0);
+  useEffect(() => {
+    setSearchQuery("");
+    setSearchResults([]);
+    setCurrentSearchResultIndex(0);
+    setTotalSearchResults(0);
+    setIsSearching(false);
+    setIsSidebarOpen(false);
+    setCurrentPage(1);
+    setTotalPages(0);
+    setZoom(100);
+    setState("idle");
+    setError(null);
+    setPdfBuffer(null);
+  }, [file]);
+  useEffect(() => {
+    if (state === "ready") {
+      setTimeout(() => {
+        const container = document.querySelector('[data-pdf-viewer], .embedpdf-viewport, [role="document"]');
+        if (container) {
+          setPdfContainer(container);
+        }
+      }, 500);
+    }
+  }, [state]);
+  useEffect(() => {
+    if (state === "ready" && totalPages === 0) {
+      const initializePageCount = async () => {
+        let viewer = pdfViewerRef.current;
+        let retries = 0;
+        while (!viewer && retries < 10) {
+          await new Promise((resolve) => setTimeout(resolve, 500));
+          viewer = pdfViewerRef.current;
+          retries++;
+        }
+        if (!viewer) return;
+        await new Promise((resolve) => setTimeout(resolve, 1500));
+        try {
+          let count = viewer.navigation?.getTotalPages?.();
+          if (count && count > 1) {
+            setTotalPages(count);
+            return;
+          }
+        } catch (e) {
+        }
+        try {
+          const results = await viewer.search?.searchText?.("e");
+          if (results?.results && results.results.length > 0) {
+            const pageIndices = results.results.map((m) => m.pageIndex).filter((idx) => typeof idx === "number");
+            const count = Math.max(...pageIndices) + 1;
+            viewer.search?.stopSearch?.();
+            setTotalPages(count);
+            return;
+          }
+        } catch (error2) {
+        }
+        try {
+          await new Promise((resolve) => setTimeout(resolve, 1e3));
+          const selectors = [
+            "[data-page-index]",
+            "[data-page-number]",
+            ".embedpdf-page",
+            '[role="article"]',
+            "canvas[data-page]",
+            ".react-pdf__Page"
+          ];
+          let pages = null;
+          for (const selector of selectors) {
+            pages = document.querySelectorAll(selector);
+            if (pages.length > 0) break;
+          }
+          if (pages && pages.length > 0) {
+            setTotalPages(pages.length);
+            return;
+          }
+        } catch (error2) {
+        }
+        setTotalPages(1);
+      };
+      initializePageCount();
+    }
+  }, [state, totalPages]);
+  useEffect(() => {
+    if (state === "ready" && pdfViewerRef.current) {
+      const updateInfo = () => {
+        const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
+        const total = pdfViewerRef.current?.navigation.getTotalPages() || 0;
+        const zoomValue = pdfViewerRef.current?.zoom.getZoom();
+        const currentSearchState = pdfViewerRef.current?.search.getSearchState();
+        setCurrentPage(current);
+        if (total > 0 && total !== totalPages) {
+          setTotalPages(total);
+        }
+        if (typeof zoomValue === "number") {
+          setZoom(Math.round(zoomValue * 100));
+        }
+      };
+      updateInfo();
+      const interval = setInterval(updateInfo, 300);
+      return () => clearInterval(interval);
+    }
+  }, [state, totalPages]);
+  useImperativeHandle(ref, () => ({
+    zoomIn: () => {
+      pdfViewerRef.current?.zoom.zoomIn();
+      updateZoomDisplay();
+    },
+    zoomOut: () => {
+      pdfViewerRef.current?.zoom.zoomOut();
+      updateZoomDisplay();
+    },
+    setZoom: (level) => {
+      pdfViewerRef.current?.zoom.setZoom(level);
+      updateZoomDisplay();
+    },
+    resetZoom: () => {
+      pdfViewerRef.current?.zoom.resetZoom();
+      updateZoomDisplay();
+    },
+    getZoom: () => {
+      const zoom2 = pdfViewerRef.current?.zoom.getZoom();
+      return typeof zoom2 === "number" ? zoom2 : 1;
+    },
+    goToPage: (page) => {
+      pdfViewerRef.current?.navigation.goToPage(page);
+      setCurrentPage(page);
+    },
+    getCurrentPage: () => pdfViewerRef.current?.navigation.getCurrentPage() || 1,
+    getTotalPages: () => pdfViewerRef.current?.navigation.getTotalPages() || 0,
+    nextPage: () => {
+      pdfViewerRef.current?.navigation.nextPage();
+      updatePageDisplay();
+    },
+    previousPage: () => {
+      pdfViewerRef.current?.navigation.previousPage();
+      updatePageDisplay();
+    },
+    goToFirstPage: () => {
+      pdfViewerRef.current?.navigation.goToFirstPage();
+      updatePageDisplay();
+    },
+    goToLastPage: () => {
+      pdfViewerRef.current?.navigation.goToLastPage();
+      updatePageDisplay();
+    },
+    searchText: async (keyword) => {
+      setIsSearching(true);
+      const results = await pdfViewerRef.current?.search.searchText(keyword);
+      setIsSearching(false);
+      setSearchQuery(keyword);
+      return results;
+    },
+    nextResult: () => {
+      const index = pdfViewerRef.current?.search.nextResult() || -1;
+      return index;
+    },
+    previousResult: () => {
+      const index = pdfViewerRef.current?.search.previousResult() || -1;
+      return index;
+    },
+    goToResult: (index) => pdfViewerRef.current?.search.goToResult(index) || -1,
+    stopSearch: () => {
+      pdfViewerRef.current?.search.stopSearch();
+      setSearchQuery("");
+    },
+    getSearchState: () => pdfViewerRef.current?.search.getSearchState() || null,
+    getSelectedText: () => pdfViewerRef.current?.selection.getSelectedText() || "",
+    clearSelection: () => pdfViewerRef.current?.selection.clearSelection()
+  }), []);
+  const updatePageDisplay = () => {
+    setTimeout(() => {
+      const current = pdfViewerRef.current?.navigation.getCurrentPage() || 1;
+      setCurrentPage(current);
+    }, 100);
+  };
+  const updateZoomDisplay = () => {
+    setTimeout(() => {
+      const zoomValue = pdfViewerRef.current?.zoom.getZoom();
+      if (typeof zoomValue === "number") {
+        setZoom(Math.round(zoomValue * 100));
+      }
+    }, 100);
+  };
+  const handleZoomIn = () => {
+    pdfViewerRef.current?.zoom.zoomIn();
+    updateZoomDisplay();
+  };
+  const handleZoomOut = () => {
+    pdfViewerRef.current?.zoom.zoomOut();
+    updateZoomDisplay();
+  };
+  const handleFitToWidth = () => {
+    pdfViewerRef.current?.zoom.fitToWidth();
+    updateZoomDisplay();
+  };
+  const handleFitToPage = () => {
+    pdfViewerRef.current?.zoom.fitToPage();
+    updateZoomDisplay();
+  };
+  const handlePreviousPage = () => {
+    pdfViewerRef.current?.navigation.previousPage();
+    updatePageDisplay();
+  };
+  const handleNextPage = () => {
+    pdfViewerRef.current?.navigation.nextPage();
+    updatePageDisplay();
+  };
+  const handleFirstPage = () => {
+    pdfViewerRef.current?.navigation.goToFirstPage();
+    updatePageDisplay();
+  };
+  const handleLastPage = () => {
+    pdfViewerRef.current?.navigation.goToLastPage();
+    updatePageDisplay();
+  };
+  const handlePageInput = (e) => {
+    const value = e.target.value;
+    const page = parseInt(value, 10);
+    if (/^\d*$/.test(value)) {
+      return;
+    }
+    if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
+      pdfViewerRef.current?.navigation.goToPage(page);
+      setCurrentPage(page);
+    }
+  };
+  const handlePageInputKeyPress = (e) => {
+    if (e.key === "Enter") {
+      const value = e.target.value;
+      const page = parseInt(value, 10);
+      if (!isNaN(page) && page >= 1 && (totalPages === 0 || page <= totalPages)) {
+        pdfViewerRef.current?.navigation.goToPage(page);
+        setCurrentPage(page);
+      }
+    }
+  };
+  const handleSearch = async () => {
+    if (searchQuery.trim()) {
+      setIsSearching(true);
+      const results = await pdfViewerRef.current?.search.searchText(searchQuery);
+      setIsSearching(false);
+      if (results && results.results) {
+        const formattedResults = results.results.map((result, index) => {
+          let textContent = "";
+          let contextContent = "";
+          if (typeof result === "string") {
+            textContent = result;
+            contextContent = result;
+          } else if (result.text) {
+            textContent = String(result.text);
+            contextContent = result.context ? String(result.context) : String(result.text);
+          } else if (result.str) {
+            textContent = String(result.str);
+            contextContent = String(result.str);
+          } else if (result.match) {
+            textContent = String(result.match);
+            contextContent = String(result.match);
+          } else {
+            textContent = JSON.stringify(result);
+            contextContent = textContent;
+          }
+          return {
+            pageNumber: (result.pageIndex ?? result.pageNumber ?? 0) + 1,
+            text: textContent,
+            context: contextContent,
+            index
+          };
+        });
+        setSearchResults(formattedResults);
+        setTotalSearchResults(formattedResults.length);
+        setCurrentSearchResultIndex(0);
+      } else {
+        setSearchResults([]);
+        setTotalSearchResults(0);
+        setCurrentSearchResultIndex(0);
+      }
+    }
+  };
+  const handleSearchKeyPress = (e) => {
+    if (e.key === "Enter") {
+      handleSearch();
+    }
+  };
+  const handleSidebarSearch = async (keyword) => {
+    setSearchQuery(keyword);
+    if (keyword.trim()) {
+      setIsSearching(true);
+      const results = await pdfViewerRef.current?.search.searchText(keyword);
+      setIsSearching(false);
+      if (results && results.results) {
+        const formattedResults = results.results.map((result, index) => {
+          let textContent = "";
+          let contextContent = "";
+          if (result.context && typeof result.context === "object") {
+            const before = result.context.before || "";
+            const match = result.context.match || "";
+            const after = result.context.after || "";
+            textContent = match;
+            contextContent = `${before}${match}${after}`;
+          } else if (typeof result === "string") {
+            textContent = result;
+            contextContent = result;
+          } else {
+            textContent = String(result.match || result.text || "");
+            contextContent = textContent;
+          }
+          return {
+            pageNumber: (result.pageIndex ?? result.pageNumber ?? 0) + 1,
+            text: textContent,
+            context: contextContent,
+            index
+          };
+        });
+        setSearchResults(formattedResults);
+        setTotalSearchResults(formattedResults.length);
+        setCurrentSearchResultIndex(0);
+        if (formattedResults.length > 0) {
+          const firstPageNumber = formattedResults[0].pageNumber;
+          pdfViewerRef.current?.navigation.goToPage(firstPageNumber);
+          setCurrentPage(firstPageNumber);
+        }
+      } else {
+        setSearchResults([]);
+        setTotalSearchResults(0);
+        setCurrentSearchResultIndex(0);
+      }
+    } else {
+      setSearchResults([]);
+      pdfViewerRef.current?.search.stopSearch();
+      setTotalSearchResults(0);
+      setCurrentSearchResultIndex(0);
+    }
+  };
+  const handleSearchResultClick = (pageNumber, resultIndex) => {
+    pdfViewerRef.current?.navigation.goToPage(pageNumber);
+    setCurrentSearchResultIndex(resultIndex);
+    setCurrentPage(pageNumber);
+    pdfViewerRef.current?.search.goToResult(resultIndex);
+  };
+  const toggleSidebar = () => {
+    setIsSidebarOpen(!isSidebarOpen);
+  };
+  const handleNextSearchResult = () => {
+    if (currentSearchResultIndex < totalSearchResults - 1) {
+      const nextIndex = currentSearchResultIndex + 1;
+      setCurrentSearchResultIndex(nextIndex);
+      pdfViewerRef.current?.search.nextResult();
+      if (searchResults[nextIndex]) {
+        const pageNumber = searchResults[nextIndex].pageNumber;
+        pdfViewerRef.current?.navigation.goToPage(pageNumber);
+        setCurrentPage(pageNumber);
+      }
+    }
+  };
+  const handlePreviousSearchResult = () => {
+    if (currentSearchResultIndex > 0) {
+      const prevIndex = currentSearchResultIndex - 1;
+      setCurrentSearchResultIndex(prevIndex);
+      pdfViewerRef.current?.search.previousResult();
+      if (searchResults[prevIndex]) {
+        const pageNumber = searchResults[prevIndex].pageNumber;
+        pdfViewerRef.current?.navigation.goToPage(pageNumber);
+        setCurrentPage(pageNumber);
+      }
+    }
+  };
+  const handleDownload = () => {
+    if (onDownloadClick) {
+      onDownloadClick();
+      return;
+    }
+    if (!pdfBuffer) return;
+    const blob = new Blob([pdfBuffer], { type: "application/pdf" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = resolvedFileName;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  const handlePrint = () => {
+    if (onPrintClick) {
+      onPrintClick();
+      return;
+    }
+    if (!pdfBuffer) return;
+    const blob = new Blob([pdfBuffer], { type: "application/pdf" });
+    const blobUrl = URL.createObjectURL(blob);
+    const iframe = document.createElement("iframe");
+    iframe.style.position = "fixed";
+    iframe.style.right = "0";
+    iframe.style.bottom = "0";
+    iframe.style.width = "0";
+    iframe.style.height = "0";
+    iframe.style.border = "0";
+    document.body.appendChild(iframe);
+    iframe.onload = () => {
+      try {
+        setTimeout(() => {
+          const iframeWindow = iframe.contentWindow;
+          if (!iframeWindow) return;
+          iframeWindow.focus();
+          iframeWindow.print();
+          const checkPrintComplete = () => {
+            setTimeout(() => {
+              try {
+                document.body.removeChild(iframe);
+                URL.revokeObjectURL(blobUrl);
+              } catch (e) {
+              }
+            }, 500);
+          };
+          if ("onafterprint" in iframeWindow) {
+            iframeWindow.onafterprint = checkPrintComplete;
+          } else {
+            setTimeout(checkPrintComplete, 3e3);
+          }
+        }, 500);
+      } catch (error2) {
+        document.body.removeChild(iframe);
+        URL.revokeObjectURL(blobUrl);
+      }
+    };
+    iframe.onerror = () => {
+      document.body.removeChild(iframe);
+      URL.revokeObjectURL(blobUrl);
+    };
+    iframe.src = blobUrl;
+  };
+  useEffect(() => {
+    if (!file) {
+      setState("error");
+      setError("No file provided");
+      return;
+    }
+    const loadPDF = async () => {
+      try {
+        setState("loading");
+        setError(null);
+        let arrayBuffer;
+        if (file instanceof File) {
+          arrayBuffer = await file.arrayBuffer();
+        } else if (typeof file === "string") {
+          const response = await fetch(file);
+          if (!response.ok) {
+            throw new Error(`Failed to load PDF: ${response.statusText}`);
+          }
+          arrayBuffer = await response.arrayBuffer();
+        } else if (file instanceof ArrayBuffer) {
+          arrayBuffer = file;
+        } else {
+          throw new Error("Unsupported file type");
+        }
+        setPdfBuffer(arrayBuffer);
+        setState("ready");
+        onLoad?.();
+      } catch (err) {
+        const errorMessage = err.message || "Failed to load PDF";
+        setState("error");
+        setError(errorMessage);
+        onError?.(err);
+      }
+    };
+    loadPDF();
+  }, [file, onLoad, onError]);
+  const handlePasswordRequest = useCallback(async (fileName2) => {
+    const password = prompt(`This PDF is password protected.
+Enter password for ${fileName2 || "document"}:`);
+    return password;
+  }, []);
+  if (state === "loading") {
+    return /* @__PURE__ */ jsxs2("div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      gap: "16px"
+    }, children: [
+      /* @__PURE__ */ jsx2("div", { className: "spinner", style: {
+        width: "48px",
+        height: "48px",
+        border: "4px solid #f3f3f3",
+        borderTop: "4px solid #3498db",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }),
+      /* @__PURE__ */ jsx2("p", { children: "Loading PDF..." }),
+      /* @__PURE__ */ jsx2("style", { children: `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        ` })
+    ] });
+  }
+  if (state === "error" || error) {
+    return /* @__PURE__ */ jsx2("div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      padding: "24px"
+    }, children: /* @__PURE__ */ jsxs2("div", { style: {
+      maxWidth: "400px",
+      padding: "16px",
+      backgroundColor: "#fee",
+      border: "1px solid #fcc",
+      borderRadius: "4px"
+    }, children: [
+      /* @__PURE__ */ jsx2("h3", { style: { marginTop: 0 }, children: "Failed to Load PDF" }),
+      /* @__PURE__ */ jsx2("p", { children: error || "Unknown error occurred" })
+    ] }) });
+  }
+  if (!pdfBuffer || state !== "ready") {
+    return /* @__PURE__ */ jsx2("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%"
+    }, children: /* @__PURE__ */ jsx2("p", { children: "Preparing PDF..." }) });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-container", children: [
+    /* @__PURE__ */ jsx2("style", { children: toolbarStyles }),
+    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-header", children: [
+      /* @__PURE__ */ jsx2(FileIcon_default, { ext: fileExtension, size: 26 }),
+      /* @__PURE__ */ jsx2("div", { className: "header-file-name", title: resolvedFileName, children: resolvedFileName })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-toolbar", children: [
+      showPageNavigation && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handleFirstPage,
+              disabled: currentPage <= 1,
+              title: "First Page",
+              children: /* @__PURE__ */ jsx2(FirstPageIcon, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handlePreviousPage,
+              disabled: currentPage <= 1,
+              title: "Previous Page",
+              children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              type: "number",
+              className: "page-input",
+              value: currentPage,
+              onChange: handlePageInput,
+              onKeyPress: handlePageInputKeyPress,
+              min: 1,
+              max: totalPages || void 0
+            }
+          ),
+          showPageCount && /* @__PURE__ */ jsxs2("span", { className: "page-info", children: [
+            "of ",
+            totalPages || "..."
+          ] }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handleNextPage,
+              disabled: currentPage >= totalPages,
+              title: "Next Page",
+              children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handleLastPage,
+              disabled: currentPage >= totalPages,
+              title: "Last Page",
+              children: /* @__PURE__ */ jsx2(LastPageIcon, { fontSize: "small" })
+            }
+          )
+        ] })
+      ] }),
+      showZoomControls && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handleZoomOut,
+              title: "Zoom Out",
+              children: /* @__PURE__ */ jsx2(ZoomOutIcon, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ jsxs2("span", { className: "zoom-display", children: [
+            zoom,
+            "%"
+          ] }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handleZoomIn,
+              title: "Zoom In",
+              children: /* @__PURE__ */ jsx2(ZoomInIcon, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handleFitToWidth,
+              title: "Fit to Width",
+              children: /* @__PURE__ */ jsx2(AspectRatioIcon, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: handleFitToPage,
+              title: "Fit to Page",
+              children: /* @__PURE__ */ jsx2(FitScreenIcon, { fontSize: "small" })
+            }
+          )
+        ] })
+      ] }),
+      showSearch && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsx2("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "toolbar-button",
+            onClick: toggleSidebar,
+            title: "Search in PDF",
+            style: {
+              backgroundColor: isSidebarOpen ? "#e3f2fd" : "transparent",
+              color: isSidebarOpen ? "#1976d2" : "inherit"
+            },
+            children: /* @__PURE__ */ jsx2(SearchIcon2, { fontSize: "small" })
+          }
+        ) })
+      ] }),
+      (showMetadata || showProperties || showDownload || showPrint) && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("div", { className: "toolbar-separator" }),
+        /* @__PURE__ */ jsxs2("div", { className: "toolbar-section", children: [
+          showDownload && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onDownloadClick,
+              title: "Download PDF",
+              children: /* @__PURE__ */ jsx2(DownloadIcon, { fontSize: "small" })
+            }
+          ),
+          showPrint && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onPrintClick,
+              title: "Print PDF",
+              children: /* @__PURE__ */ jsx2(PrintIcon, { fontSize: "small" })
+            }
+          ),
+          showMetadata && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onMetadataClick,
+              title: "Document Metadata",
+              children: /* @__PURE__ */ jsx2(InfoIcon, { fontSize: "small" })
+            }
+          ),
+          showProperties && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              className: "toolbar-button",
+              onClick: onPropertiesClick,
+              title: "Document Properties",
+              children: /* @__PURE__ */ jsx2(DescriptionIcon, { fontSize: "small" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-main", children: [
+      /* @__PURE__ */ jsx2("div", { className: "pdf-viewer-viewer-area", children: React2.createElement(HeadlessPDFViewer, {
+        ref: pdfViewerRef,
+        pdfBuffer,
+        onPasswordRequest: handlePasswordRequest
+      }) }),
+      /* @__PURE__ */ jsx2(
+        SearchSidebar,
+        {
+          isOpen: isSidebarOpen,
+          onClose: () => setIsSidebarOpen(false),
+          onSearch: handleSidebarSearch,
+          onSearchResultClick: handleSearchResultClick,
+          onNextResult: handleNextSearchResult,
+          onPreviousResult: handlePreviousSearchResult,
+          currentResultIndex: currentSearchResultIndex,
+          totalResults: totalSearchResults,
+          searchKeyword: searchQuery,
+          searchResults,
+          isSearching
+        }
+      )
+    ] })
+  ] });
+});
+PDFViewerContent.displayName = "PDFViewerContent";
+var PDFViewer = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx2(PDFViewerContent, { ...props, sourceDescription: "doc.pdf", ref });
+});
+PDFViewer.displayName = "PDFViewer";
+
+export {
+  PDFViewer
+};
+//# sourceMappingURL=chunk-73ZIFR3P.mjs.map