viewdoc 0.1.1 → 0.2.0

package/dist/docx.d.cts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import { V as ViewerTheme, P as Position } from './useDraggable-QvFR-4DD.cjs';
+
+interface DocxViewerProps {
+    /** URL of the .docx file to display. */
+    uri: string;
+    /** Used as the suggested filename on download. */
+    fileName?: string;
+    className?: string;
+    style?: CSSProperties;
+    /** Width of the viewer. Accepts any CSS size (e.g. 1200, '1200px', '100%'). Default: 1200. */
+    width?: number | string;
+    /** Height of the viewer. Accepts any CSS size (e.g. 700, '700px', '100vh'). Default: 700. */
+    height?: number | string;
+    /** Minimum zoom scale. Default: 0.5 */
+    minScale?: number;
+    /** Maximum zoom scale. Default: 3 */
+    maxScale?: number;
+    /** Zoom increment per step (buttons / Ctrl+scroll). Default: 0.25 */
+    zoomStep?: number;
+    /** Show zoom in/out and reset-to-100% controls. Default: true. */
+    enableZoomControls?: boolean;
+    /** Allow Ctrl/Cmd + scroll wheel to zoom. Default: true. */
+    enableWheelZoom?: boolean;
+    /** Show the fullscreen toggle button. Default: true. */
+    enableFullscreen?: boolean;
+    /** Show the download button. Default: true. */
+    enableDownload?: boolean;
+    /** Called when the download button is clicked. If omitted, downloads `uri` directly. */
+    onDownload?: () => void;
+    /** Colors/radii to override the default look (toolbar background, text color, etc). */
+    theme?: ViewerTheme;
+    /** Render as a floating window (position: fixed) that can be dragged, instead of filling the parent. Default: true. */
+    floating?: boolean;
+    /** When floating, allow dragging the window by its toolbar. Default: true. */
+    windowDraggable?: boolean;
+    /** Initial position when floating. Default: centered in the viewport. */
+    defaultPosition?: Position;
+}
+declare function DocxViewer({ uri, fileName, className, style, width, height, minScale, maxScale, zoomStep, enableZoomControls, enableWheelZoom, enableFullscreen, enableDownload, onDownload, theme, floating, windowDraggable, defaultPosition, }: DocxViewerProps): react.JSX.Element;
+
+export { DocxViewer, type DocxViewerProps };

package/dist/docx.d.ts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+import { V as ViewerTheme, P as Position } from './useDraggable-QvFR-4DD.js';
+
+interface DocxViewerProps {
+    /** URL of the .docx file to display. */
+    uri: string;
+    /** Used as the suggested filename on download. */
+    fileName?: string;
+    className?: string;
+    style?: CSSProperties;
+    /** Width of the viewer. Accepts any CSS size (e.g. 1200, '1200px', '100%'). Default: 1200. */
+    width?: number | string;
+    /** Height of the viewer. Accepts any CSS size (e.g. 700, '700px', '100vh'). Default: 700. */
+    height?: number | string;
+    /** Minimum zoom scale. Default: 0.5 */
+    minScale?: number;
+    /** Maximum zoom scale. Default: 3 */
+    maxScale?: number;
+    /** Zoom increment per step (buttons / Ctrl+scroll). Default: 0.25 */
+    zoomStep?: number;
+    /** Show zoom in/out and reset-to-100% controls. Default: true. */
+    enableZoomControls?: boolean;
+    /** Allow Ctrl/Cmd + scroll wheel to zoom. Default: true. */
+    enableWheelZoom?: boolean;
+    /** Show the fullscreen toggle button. Default: true. */
+    enableFullscreen?: boolean;
+    /** Show the download button. Default: true. */
+    enableDownload?: boolean;
+    /** Called when the download button is clicked. If omitted, downloads `uri` directly. */
+    onDownload?: () => void;
+    /** Colors/radii to override the default look (toolbar background, text color, etc). */
+    theme?: ViewerTheme;
+    /** Render as a floating window (position: fixed) that can be dragged, instead of filling the parent. Default: true. */
+    floating?: boolean;
+    /** When floating, allow dragging the window by its toolbar. Default: true. */
+    windowDraggable?: boolean;
+    /** Initial position when floating. Default: centered in the viewport. */
+    defaultPosition?: Position;
+}
+declare function DocxViewer({ uri, fileName, className, style, width, height, minScale, maxScale, zoomStep, enableZoomControls, enableWheelZoom, enableFullscreen, enableDownload, onDownload, theme, floating, windowDraggable, defaultPosition, }: DocxViewerProps): react.JSX.Element;
+
+export { DocxViewer, type DocxViewerProps };

package/dist/docx.js

@@ -0,0 +1,8 @@
+import {
+  DocxViewer
+} from "./chunk-4VVVAGYE.js";
+import "./chunk-OA35SYM6.js";
+export {
+  DocxViewer
+};
+//# sourceMappingURL=docx.js.map

package/dist/docx.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.cjs

@@ -5,6 +5,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -27,28 +30,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  DocViewer: () => DocViewer,
-  DocxViewer: () => DocxViewer,
-  ImageViewer: () => ImageViewer,
-  PdfViewer: () => PdfViewer,
-  Toolbar: () => Toolbar,
-  ViewerShell: () => ViewerShell,
-  XlsxViewer: () => XlsxViewer,
-  detectFileType: () => detectFileType,
-  getUrlExtension: () => getUrlExtension,
-  useDraggable: () => useDraggable,
-  useZoomPan: () => useZoomPan
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/core/ViewerShell.tsx
-var import_react2 = require("react");
-
 // src/core/useDraggable.ts
-var import_react = require("react");
 function useDraggable(options = {}) {
   const { defaultPosition = { x: 80, y: 80 }, draggable = true } = options;
   const [position, setPosition] = (0, import_react.useState)(defaultPosition);
@@ -77,9 +59,15 @@ function useDraggable(options = {}) {
   );
   return { position, onDragHandlePointerDown };
 }
+var import_react;
+var init_useDraggable = __esm({
+  "src/core/useDraggable.ts"() {
+    "use strict";
+    import_react = require("react");
+  }
+});
 
 // src/core/icons.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 function Svg(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
@@ -152,9 +140,15 @@ function FullscreenExitIcon() {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "15", y1: "15", x2: "21", y2: "21" })
   ] });
 }
+var import_jsx_runtime;
+var init_icons = __esm({
+  "src/core/icons.tsx"() {
+    "use strict";
+    import_jsx_runtime = require("react/jsx-runtime");
+  }
+});
 
 // src/core/Toolbar.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function Toolbar({
   scale,
   onZoomIn,
@@ -234,17 +228,16 @@ function Toolbar({
     )
   ] });
 }
+var import_jsx_runtime2;
+var init_Toolbar = __esm({
+  "src/core/Toolbar.tsx"() {
+    "use strict";
+    init_icons();
+    import_jsx_runtime2 = require("react/jsx-runtime");
+  }
+});
 
 // src/core/theme.ts
-var THEME_VAR_MAP = {
-  background: "--vd-bg",
-  toolbarBackground: "--vd-toolbar-bg",
-  toolbarBorderColor: "--vd-toolbar-border-color",
-  toolbarButtonHoverBackground: "--vd-toolbar-btn-hover-bg",
-  textColor: "--vd-text-color",
-  borderRadius: "--vd-border-radius",
-  toolbarButtonRadius: "--vd-toolbar-btn-radius"
-};
 function themeToStyle(theme) {
   if (!theme) return void 0;
   const style = {};
@@ -254,9 +247,23 @@ function themeToStyle(theme) {
   }
   return style;
 }
+var THEME_VAR_MAP;
+var init_theme = __esm({
+  "src/core/theme.ts"() {
+    "use strict";
+    THEME_VAR_MAP = {
+      background: "--vd-bg",
+      toolbarBackground: "--vd-toolbar-bg",
+      toolbarBorderColor: "--vd-toolbar-border-color",
+      toolbarButtonHoverBackground: "--vd-toolbar-btn-hover-bg",
+      textColor: "--vd-text-color",
+      borderRadius: "--vd-border-radius",
+      toolbarButtonRadius: "--vd-toolbar-btn-radius"
+    };
+  }
+});
 
 // src/core/ViewerShell.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
 function ViewerShell({
   zoomPan,
   onDownload,
@@ -353,12 +360,20 @@ function ViewerShell({
     }
   );
 }
+var import_react2, import_jsx_runtime3;
+var init_ViewerShell = __esm({
+  "src/core/ViewerShell.tsx"() {
+    "use strict";
+    import_react2 = require("react");
+    init_useDraggable();
+    init_icons();
+    init_Toolbar();
+    init_theme();
+    import_jsx_runtime3 = require("react/jsx-runtime");
+  }
+});
 
 // src/core/useZoomPan.ts
-var import_react3 = require("react");
-var DEFAULT_MIN = 0.1;
-var DEFAULT_MAX = 8;
-var DEFAULT_STEP = 0.25;
 function useZoomPan(options = {}) {
   const {
     minScale = DEFAULT_MIN,
@@ -468,64 +483,18 @@ function useZoomPan(options = {}) {
     handlers: { onWheel, onPointerDown, onPointerMove, onPointerUp }
   };
 }
-
-// src/viewers/ImageViewer.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function defaultDownload(uri, fileName) {
-  const link = document.createElement("a");
-  link.href = uri;
-  link.download = fileName ?? "";
-  link.rel = "noopener";
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
-function ImageViewer({
-  uri,
-  fileName,
-  className,
-  style,
-  width,
-  height,
-  minScale,
-  maxScale,
-  zoomStep,
-  enableZoomControls = true,
-  enableWheelZoom = true,
-  enablePan = true,
-  enableFullscreen = true,
-  enableDownload = true,
-  onDownload,
-  theme,
-  floating = true,
-  windowDraggable = true,
-  defaultPosition
-}) {
-  const zoomPan = useZoomPan({ minScale, maxScale, zoomStep, enablePan, enableWheelZoom });
-  const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload(uri, fileName)) : void 0;
-  const wrapperStyle = floating ? { ...style } : { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", ...style };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    ViewerShell,
-    {
-      zoomPan,
-      onDownload: handleDownload,
-      enableZoomControls,
-      enableFullscreen,
-      enablePan,
-      theme,
-      width,
-      height,
-      floating,
-      draggable: windowDraggable,
-      defaultPosition,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { className: "vd-image", src: uri, alt: fileName ?? "document image", draggable: false })
-    }
-  ) });
-}
+var import_react3, DEFAULT_MIN, DEFAULT_MAX, DEFAULT_STEP;
+var init_useZoomPan = __esm({
+  "src/core/useZoomPan.ts"() {
+    "use strict";
+    import_react3 = require("react");
+    DEFAULT_MIN = 0.1;
+    DEFAULT_MAX = 8;
+    DEFAULT_STEP = 0.25;
+  }
+});
 
 // src/viewers/PdfPage.tsx
-var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
 function PdfPage({ doc, pageNumber, renderScale = 1.5 }) {
   const canvasRef = (0, import_react4.useRef)(null);
   const renderTaskRef = (0, import_react4.useRef)(null);
@@ -554,12 +523,16 @@ function PdfPage({ doc, pageNumber, renderScale = 1.5 }) {
   }, [doc, pageNumber, renderScale]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("canvas", { ref: canvasRef, className: "vd-pdf-page", "data-page-number": pageNumber });
 }
+var import_react4, import_jsx_runtime5;
+var init_PdfPage = __esm({
+  "src/viewers/PdfPage.tsx"() {
+    "use strict";
+    import_react4 = require("react");
+    import_jsx_runtime5 = require("react/jsx-runtime");
+  }
+});
 
 // src/viewers/usePdfDocument.ts
-var import_react5 = require("react");
-var pdfjsLib = __toESM(require("pdfjs-dist"), 1);
-var import_meta = {};
-pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import_meta.url).toString();
 function usePdfDocument(uri) {
   const [doc, setDoc] = (0, import_react5.useState)(null);
   const [error, setError] = (0, import_react5.useState)(null);
@@ -587,9 +560,18 @@ function usePdfDocument(uri) {
   }, [uri]);
   return { doc, numPages: doc?.numPages ?? 0, error, loading };
 }
+var import_react5, pdfjsLib, import_meta;
+var init_usePdfDocument = __esm({
+  "src/viewers/usePdfDocument.ts"() {
+    "use strict";
+    import_react5 = require("react");
+    pdfjsLib = __toESM(require("pdfjs-dist"), 1);
+    import_meta = {};
+    pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import_meta.url).toString();
+  }
+});
 
 // src/viewers/useVisiblePage.ts
-var import_react6 = require("react");
 function useVisiblePage(containerRef, numPages) {
   const [currentPage, setCurrentPage] = (0, import_react6.useState)(1);
   (0, import_react6.useEffect)(() => {
@@ -611,9 +593,19 @@ function useVisiblePage(containerRef, numPages) {
   }, [containerRef, numPages]);
   return currentPage;
 }
+var import_react6;
+var init_useVisiblePage = __esm({
+  "src/viewers/useVisiblePage.ts"() {
+    "use strict";
+    import_react6 = require("react");
+  }
+});
 
 // src/viewers/PdfViewer.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var PdfViewer_exports = {};
+__export(PdfViewer_exports, {
+  PdfViewer: () => PdfViewer
+});
 function defaultDownload2(uri, fileName) {
   const link = document.createElement("a");
   link.href = uri;
@@ -688,10 +680,20 @@ function PdfViewer({
     }
   ) });
 }
+var import_jsx_runtime6;
+var init_PdfViewer = __esm({
+  "src/viewers/PdfViewer.tsx"() {
+    "use strict";
+    init_ViewerShell();
+    init_useZoomPan();
+    init_PdfPage();
+    init_usePdfDocument();
+    init_useVisiblePage();
+    import_jsx_runtime6 = require("react/jsx-runtime");
+  }
+});
 
 // src/viewers/useDocxHtml.ts
-var import_react7 = require("react");
-var import_mammoth = __toESM(require("mammoth"), 1);
 function useDocxHtml(uri) {
   const [html, setHtml] = (0, import_react7.useState)(null);
   const [error, setError] = (0, import_react7.useState)(null);
@@ -720,9 +722,20 @@ function useDocxHtml(uri) {
   }, [uri]);
   return { html, error, loading };
 }
+var import_react7, import_mammoth;
+var init_useDocxHtml = __esm({
+  "src/viewers/useDocxHtml.ts"() {
+    "use strict";
+    import_react7 = require("react");
+    import_mammoth = __toESM(require("mammoth"), 1);
+  }
+});
 
 // src/viewers/DocxViewer.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var DocxViewer_exports = {};
+__export(DocxViewer_exports, {
+  DocxViewer: () => DocxViewer
+});
 function defaultDownload3(uri, fileName) {
   const link = document.createElement("a");
   link.href = uri;
@@ -789,14 +802,18 @@ function DocxViewer({
     }
   ) });
 }
-
-// src/viewers/XlsxViewer.tsx
-var import_react9 = require("react");
-var XLSX2 = __toESM(require("xlsx"), 1);
+var import_jsx_runtime7;
+var init_DocxViewer = __esm({
+  "src/viewers/DocxViewer.tsx"() {
+    "use strict";
+    init_ViewerShell();
+    init_useZoomPan();
+    init_useDocxHtml();
+    import_jsx_runtime7 = require("react/jsx-runtime");
+  }
+});
 
 // src/viewers/useXlsxWorkbook.ts
-var import_react8 = require("react");
-var XLSX = __toESM(require("xlsx"), 1);
 function useXlsxWorkbook(uri) {
   const [workbook, setWorkbook] = (0, import_react8.useState)(null);
   const [error, setError] = (0, import_react8.useState)(null);
@@ -826,9 +843,20 @@ function useXlsxWorkbook(uri) {
   }, [uri]);
   return { workbook, error, loading };
 }
+var import_react8, XLSX;
+var init_useXlsxWorkbook = __esm({
+  "src/viewers/useXlsxWorkbook.ts"() {
+    "use strict";
+    import_react8 = require("react");
+    XLSX = __toESM(require("xlsx"), 1);
+  }
+});
 
 // src/viewers/XlsxViewer.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var XlsxViewer_exports = {};
+__export(XlsxViewer_exports, {
+  XlsxViewer: () => XlsxViewer
+});
 function defaultDownload4(uri, fileName) {
   const link = document.createElement("a");
   link.href = uri;
@@ -915,6 +943,91 @@ function XlsxViewer({
     }
   ) });
 }
+var import_react9, XLSX2, import_jsx_runtime8;
+var init_XlsxViewer = __esm({
+  "src/viewers/XlsxViewer.tsx"() {
+    "use strict";
+    import_react9 = require("react");
+    XLSX2 = __toESM(require("xlsx"), 1);
+    init_ViewerShell();
+    init_useZoomPan();
+    init_useXlsxWorkbook();
+    import_jsx_runtime8 = require("react/jsx-runtime");
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DocViewer: () => DocViewer,
+  ImageViewer: () => ImageViewer,
+  Toolbar: () => Toolbar,
+  ViewerShell: () => ViewerShell,
+  detectFileType: () => detectFileType,
+  getUrlExtension: () => getUrlExtension,
+  useDraggable: () => useDraggable,
+  useZoomPan: () => useZoomPan
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/DocViewer.tsx
+var import_react10 = require("react");
+
+// src/viewers/ImageViewer.tsx
+init_ViewerShell();
+init_useZoomPan();
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function defaultDownload(uri, fileName) {
+  const link = document.createElement("a");
+  link.href = uri;
+  link.download = fileName ?? "";
+  link.rel = "noopener";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+function ImageViewer({
+  uri,
+  fileName,
+  className,
+  style,
+  width,
+  height,
+  minScale,
+  maxScale,
+  zoomStep,
+  enableZoomControls = true,
+  enableWheelZoom = true,
+  enablePan = true,
+  enableFullscreen = true,
+  enableDownload = true,
+  onDownload,
+  theme,
+  floating = true,
+  windowDraggable = true,
+  defaultPosition
+}) {
+  const zoomPan = useZoomPan({ minScale, maxScale, zoomStep, enablePan, enableWheelZoom });
+  const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload(uri, fileName)) : void 0;
+  const wrapperStyle = floating ? { ...style } : { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", ...style };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    ViewerShell,
+    {
+      zoomPan,
+      onDownload: handleDownload,
+      enableZoomControls,
+      enableFullscreen,
+      enablePan,
+      theme,
+      width,
+      height,
+      floating,
+      draggable: windowDraggable,
+      defaultPosition,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { className: "vd-image", src: uri, alt: fileName ?? "document image", draggable: false })
+    }
+  ) });
+}
 
 // src/detectFileType.ts
 var EXTENSION_MAP = {
@@ -958,17 +1071,20 @@ function detectFileType(uri, hint) {
 
 // src/DocViewer.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function DocViewer({ uri, fileName, type, fallback, ...rest }) {
+var PdfViewer2 = (0, import_react10.lazy)(() => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer })));
+var DocxViewer2 = (0, import_react10.lazy)(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
+var XlsxViewer2 = (0, import_react10.lazy)(() => Promise.resolve().then(() => (init_XlsxViewer(), XlsxViewer_exports)).then((m) => ({ default: m.XlsxViewer })));
+function DocViewer({ uri, fileName, type, fallback, loadingFallback, ...rest }) {
   const detected = detectFileType(uri, type ?? fileName?.split(".").pop());
   switch (detected) {
     case "image":
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ImageViewer, { uri, fileName, ...rest });
     case "pdf":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PdfViewer, { uri, fileName, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Suspense, { fallback: loadingFallback ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PdfViewer2, { uri, fileName, ...rest }) });
     case "docx":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DocxViewer, { uri, fileName, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Suspense, { fallback: loadingFallback ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DocxViewer2, { uri, fileName, ...rest }) });
     case "xlsx":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(XlsxViewer, { uri, fileName, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react10.Suspense, { fallback: loadingFallback ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(XlsxViewer2, { uri, fileName, ...rest }) });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: fallback ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "vd-doc-status", children: [
         'Unable to detect file type for "',
@@ -977,15 +1093,18 @@ function DocViewer({ uri, fileName, type, fallback, ...rest }) {
       ] }) });
   }
 }
+
+// src/index.ts
+init_ViewerShell();
+init_Toolbar();
+init_useZoomPan();
+init_useDraggable();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DocViewer,
-  DocxViewer,
   ImageViewer,
-  PdfViewer,
   Toolbar,
   ViewerShell,
-  XlsxViewer,
   detectFileType,
   getUrlExtension,
   useDraggable,