@revikornmann/muka-ui 0.2.1

package/dist/cjs/components/DocumentViewer/DocumentCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentCanvas.js","sourceRoot":"","sources":["../../../../components/DocumentViewer/DocumentCanvas.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/DocumentViewer/DocumentThumbnails.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentThumbnails = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_pdf_1 = require("react-pdf");
+react_pdf_1.pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${react_pdf_1.pdfjs.version}/build/pdf.worker.min.mjs`;
+/**
+ * DocumentThumbnails Component
+ *
+ * Sidebar displaying thumbnail previews of document pages.
+ * Only supports PDF documents.
+ */
+const DocumentThumbnails = ({ src, totalPages, currentPage, onPageClick, }) => {
+    const [, setLoadedPages] = (0, react_1.useState)(new Set());
+    const handlePageLoad = (pageNumber) => {
+        setLoadedPages(prev => new Set(prev).add(pageNumber));
+    };
+    const pages = Array.from({ length: totalPages }, (_, i) => i + 1);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "muka-documentviewer__thumbnails", role: "navigation", "aria-label": "Page thumbnails", children: (0, jsx_runtime_1.jsx)(react_pdf_1.Document, { file: src, loading: null, children: (0, jsx_runtime_1.jsx)("div", { className: "muka-documentviewer__thumbnails-list", children: pages.map(pageNumber => ((0, jsx_runtime_1.jsxs)("button", { className: [
+                        'muka-documentviewer__thumbnail-item',
+                        currentPage === pageNumber && 'muka-documentviewer__thumbnail-item--selected',
+                    ].filter(Boolean).join(' '), onClick: () => onPageClick(pageNumber), "aria-label": `Go to page ${pageNumber}`, "aria-current": currentPage === pageNumber ? 'page' : undefined, children: [(0, jsx_runtime_1.jsx)("div", { className: "muka-documentviewer__thumbnail-preview", children: (0, jsx_runtime_1.jsx)(react_pdf_1.Page, { pageNumber: pageNumber, width: 120, renderTextLayer: false, renderAnnotationLayer: false, onLoadSuccess: () => handlePageLoad(pageNumber) }) }), (0, jsx_runtime_1.jsx)("span", { className: "muka-documentviewer__thumbnail-label", children: pageNumber })] }, pageNumber))) }) }) }));
+};
+exports.DocumentThumbnails = DocumentThumbnails;
+exports.default = exports.DocumentThumbnails;
+//# sourceMappingURL=DocumentThumbnails.js.map

package/dist/cjs/components/DocumentViewer/DocumentThumbnails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentThumbnails.js","sourceRoot":"","sources":["../../../../components/DocumentViewer/DocumentThumbnails.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,yCAAkD;AAElD,iBAAK,CAAC,mBAAmB,CAAC,SAAS,GAAG,0BAA0B,iBAAK,CAAC,OAAO,2BAA2B,CAAC;AASzG;;;;;GAKG;AACI,MAAM,kBAAkB,GAAsC,CAAC,EACpE,GAAG,EACH,UAAU,EACV,WAAW,EACX,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,EAAE;QAC5C,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAElE,OAAO,CACL,gCAAK,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,YAAY,gBAAY,iBAAiB,YAC7F,uBAAC,oBAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,YAChC,gCAAK,SAAS,EAAC,sCAAsC,YAClD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CACvB,oCAEE,SAAS,EAAE;wBACT,qCAAqC;wBACrC,WAAW,KAAK,UAAU,IAAI,+CAA+C;qBAC9E,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,gBAC1B,cAAc,UAAU,EAAE,kBACxB,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAE7D,gCAAK,SAAS,EAAC,wCAAwC,YACrD,uBAAC,gBAAI,IACH,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,GAAG,EACV,eAAe,EAAE,KAAK,EACtB,qBAAqB,EAAE,KAAK,EAC5B,aAAa,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,GAC/C,GACE,EACN,iCAAM,SAAS,EAAC,sCAAsC,YACnD,UAAU,GACN,KApBF,UAAU,CAqBR,CACV,CAAC,GACE,GACG,GACP,CACP,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,kBAAkB,sBA+C7B;AAEF,kBAAe,0BAAkB,CAAC"}

package/dist/cjs/components/DocumentViewer/DocumentToolbar.js

@@ -0,0 +1,94 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentToolbar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const Button_1 = require("../Button");
+const Icon_1 = require("../Icon");
+/**
+ * DocumentToolbar Component
+ *
+ * Toolbar for document navigation and controls.
+ * Includes page navigation, zoom controls, and action buttons.
+ */
+const DocumentToolbar = ({ currentPage, totalPages, zoom, onPageChange, onZoomChange, onDownload, onPrint, onFullscreen, }) => {
+    const [pageInput, setPageInput] = (0, react_1.useState)(currentPage.toString());
+    const handlePrevPage = () => {
+        if (currentPage > 1) {
+            onPageChange(currentPage - 1);
+        }
+    };
+    const handleNextPage = () => {
+        if (currentPage < totalPages) {
+            onPageChange(currentPage + 1);
+        }
+    };
+    const handlePageInputChange = (e) => {
+        setPageInput(e.target.value);
+    };
+    const handlePageInputBlur = () => {
+        const pageNum = parseInt(pageInput, 10);
+        if (!isNaN(pageNum) && pageNum >= 1 && pageNum <= totalPages) {
+            onPageChange(pageNum);
+        }
+        else {
+            setPageInput(currentPage.toString());
+        }
+    };
+    const handlePageInputKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            handlePageInputBlur();
+            e.currentTarget.blur();
+        }
+    };
+    const handleZoomIn = () => {
+        onZoomChange(zoom + 0.25);
+    };
+    const handleZoomOut = () => {
+        onZoomChange(zoom - 0.25);
+    };
+    const handleResetZoom = () => {
+        onZoomChange(1);
+    };
+    react_1.default.useEffect(() => {
+        setPageInput(currentPage.toString());
+    }, [currentPage]);
+    const zoomPercentage = Math.round(zoom * 100);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "muka-documentviewer__toolbar", role: "toolbar", "aria-label": "Document controls", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-documentviewer__toolbar-section", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handlePrevPage, disabled: currentPage <= 1, "aria-label": "Previous page", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "RiArrowLeftSLine" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "muka-documentviewer__page-input", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", className: "muka-documentviewer__page-number", value: pageInput, onChange: handlePageInputChange, onBlur: handlePageInputBlur, onKeyDown: handlePageInputKeyDown, "aria-label": "Current page", size: 3 }), (0, jsx_runtime_1.jsxs)("span", { className: "muka-documentviewer__page-total", children: ["/ ", totalPages] })] }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handleNextPage, disabled: currentPage >= totalPages, "aria-label": "Next page", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "RiArrowRightSLine" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "muka-documentviewer__toolbar-section muka-documentviewer__toolbar-section--center", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handleZoomOut, disabled: zoom <= 0.25, "aria-label": "Zoom out", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "RiZoomOutLine" }) }), (0, jsx_runtime_1.jsxs)("button", { className: "muka-documentviewer__zoom-display", onClick: handleResetZoom, "aria-label": `Zoom level ${zoomPercentage}%, click to reset to 100%`, children: [zoomPercentage, "%"] }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: handleZoomIn, disabled: zoom >= 5, "aria-label": "Zoom in", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "RiZoomInLine" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "muka-documentviewer__toolbar-section muka-documentviewer__toolbar-section--end", children: [onDownload && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: onDownload, "aria-label": "Download document", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "RiDownloadLine" }) })), onPrint && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: onPrint, "aria-label": "Print document", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "RiPrinterLine" }) })), onFullscreen && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: onFullscreen, "aria-label": "Toggle fullscreen", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "RiFullscreenLine" }) }))] })] }));
+};
+exports.DocumentToolbar = DocumentToolbar;
+exports.default = exports.DocumentToolbar;
+//# sourceMappingURL=DocumentToolbar.js.map

package/dist/cjs/components/DocumentViewer/DocumentToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentToolbar.js","sourceRoot":"","sources":["../../../../components/DocumentViewer/DocumentToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/DocumentViewer/DocumentViewer.css

@@ -0,0 +1,276 @@
+/* DocumentViewer Component Styles - Using Muka Design Tokens */
+
+.muka-documentviewer {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--documentviewer-container-background);
+  border-radius: var(--documentviewer-container-borderRadius);
+  overflow: hidden;
+  position: relative;
+}
+
+.muka-documentviewer--fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 9999;
+  border-radius: 0;
+}
+
+/* Toolbar */
+.muka-documentviewer__toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: var(--documentviewer-toolbar-height);
+  padding: var(--documentviewer-toolbar-padding-y) var(--documentviewer-toolbar-padding-x);
+  background-color: var(--documentviewer-toolbar-background);
+  border-bottom: 1px solid var(--documentviewer-toolbar-border);
+  gap: var(--documentviewer-toolbar-gap);
+  flex-shrink: 0;
+}
+
+.muka-documentviewer__toolbar-section {
+  display: flex;
+  align-items: center;
+  gap: var(--documentviewer-toolbar-gap);
+}
+
+.muka-documentviewer__toolbar-section--center {
+  flex: 1;
+  justify-content: center;
+}
+
+.muka-documentviewer__toolbar-section--end {
+  justify-content: flex-end;
+}
+
+/* Page navigation */
+.muka-documentviewer__page-input {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+}
+
+.muka-documentviewer__page-number {
+  width: 3rem;
+  padding: var(--spacing-1) var(--spacing-2);
+  text-align: center;
+  font-family: var(--alias-font-brand-family);
+  font-size: var(--text-label-sm-fontSize);
+  line-height: var(--text-label-sm-lineHeight);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--border-radius-md);
+  background-color: var(--color-surface-default);
+  color: var(--color-text-default-default);
+}
+
+.muka-documentviewer__page-number:focus {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 0;
+  border-color: var(--color-border-focus);
+}
+
+.muka-documentviewer__page-total {
+  font-family: var(--alias-font-brand-family);
+  font-size: var(--text-label-sm-fontSize);
+  color: var(--color-text-subtle-default);
+}
+
+/* Zoom controls */
+.muka-documentviewer__zoom-display {
+  min-width: var(--documentviewer-zoom-button-width);
+  padding: var(--spacing-1) var(--spacing-2);
+  font-family: var(--alias-font-brand-family);
+  font-size: var(--text-label-sm-fontSize);
+  font-weight: var(--alias-font-brand-weight-semibold);
+  color: var(--color-text-default-default);
+  background: transparent;
+  border: none;
+  border-radius: var(--border-radius-md);
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.muka-documentviewer__zoom-display:hover {
+  background-color: var(--color-surface-level2);
+}
+
+.muka-documentviewer__zoom-display:focus {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 0;
+}
+
+/* Content area */
+.muka-documentviewer__content {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+
+.muka-documentviewer__main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+}
+
+/* Canvas */
+.muka-documentviewer__canvas {
+  flex: 1;
+  background-color: var(--documentviewer-canvas-background);
+  padding: var(--documentviewer-canvas-padding);
+  overflow: auto;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.muka-documentviewer__page {
+  background-color: var(--documentviewer-page-background);
+  box-shadow: var(--documentviewer-page-shadow);
+  border-radius: var(--documentviewer-page-borderRadius);
+  overflow: hidden;
+}
+
+.muka-documentviewer__page canvas {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+.muka-documentviewer__page-number {
+  text-align: center;
+  padding: var(--spacing-2);
+  font-family: var(--alias-font-brand-family);
+  font-size: var(--text-label-sm-fontSize);
+  color: var(--color-text-subtle-default);
+}
+
+/* Thumbnails */
+.muka-documentviewer__thumbnails {
+  width: var(--documentviewer-thumbnails-width);
+  background-color: var(--documentviewer-thumbnails-background);
+  border-right: 1px solid var(--documentviewer-thumbnails-border);
+  overflow-y: auto;
+  flex-shrink: 0;
+}
+
+.muka-documentviewer__thumbnails-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--documentviewer-thumbnails-item-gap);
+  padding: var(--spacing-2);
+}
+
+.muka-documentviewer__thumbnail-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-1);
+  padding: var(--documentviewer-thumbnails-item-padding);
+  border-radius: var(--documentviewer-thumbnails-item-borderRadius);
+  border: 2px solid var(--documentviewer-thumbnails-item-border-default);
+  background-color: var(--documentviewer-thumbnails-item-background-default);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  width: 100%;
+}
+
+.muka-documentviewer__thumbnail-item:hover {
+  background-color: var(--documentviewer-thumbnails-item-background-hover);
+}
+
+.muka-documentviewer__thumbnail-item--selected {
+  background-color: var(--documentviewer-thumbnails-item-background-selected);
+  border-color: var(--documentviewer-thumbnails-item-border-selected);
+}
+
+.muka-documentviewer__thumbnail-item:focus {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 2px;
+}
+
+.muka-documentviewer__thumbnail-preview {
+  width: 100%;
+  overflow: hidden;
+  border-radius: var(--border-radius-sm);
+}
+
+.muka-documentviewer__thumbnail-preview canvas {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.muka-documentviewer__thumbnail-label {
+  font-family: var(--alias-font-brand-family);
+  font-size: var(--text-label-xs-fontSize);
+  color: var(--color-text-default-default);
+  font-weight: var(--alias-font-brand-weight-medium);
+}
+
+/* Loading state */
+.muka-documentviewer__loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  background-color: var(--documentviewer-loading-overlay-background);
+}
+
+/* Error state */
+.muka-documentviewer__error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: var(--spacing-4);
+  background-color: var(--documentviewer-error-background);
+}
+
+/* Accessibility - visually hidden */
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+/* React-PDF specific styles */
+.react-pdf__Document {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.react-pdf__Page {
+  max-width: 100%;
+  box-shadow: var(--documentviewer-page-shadow);
+  border-radius: var(--documentviewer-page-borderRadius);
+  overflow: hidden;
+}
+
+.react-pdf__Page__canvas {
+  max-width: 100%;
+  height: auto !important;
+  display: block;
+}
+
+.react-pdf__Page__textContent {
+  max-width: 100%;
+}
+
+.react-pdf__Page__annotations {
+  max-width: 100%;
+}

package/dist/cjs/components/DocumentViewer/DocumentViewer.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentViewer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DocumentToolbar_1 = require("./DocumentToolbar");
+const DocumentCanvas_1 = require("./DocumentCanvas");
+const DocumentThumbnails_1 = require("./DocumentThumbnails");
+const Progress_1 = require("../Progress");
+const Alert_1 = require("../Alert");
+require("./DocumentViewer.css");
+/**
+ * DocumentViewer Component
+ *
+ * A comprehensive viewer for PDFs, images, and other documents.
+ * Supports zoom, page navigation, thumbnails, and various actions.
+ *
+ * Features:
+ * - PDF rendering with react-pdf
+ * - Image viewing with zoom/pan
+ * - Toolbar with zoom controls and actions
+ * - Optional thumbnail sidebar
+ * - Loading and error states
+ * - Keyboard navigation
+ * - Fullscreen mode
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Keyboard navigation (arrows for pages, +/- for zoom)
+ * - Focus management
+ * - Screen reader announcements
+ * - ARIA labels on all controls
+ */
+const DocumentViewer = ({ src, type = 'auto', initialPage = 1, initialZoom = 1, showToolbar = true, showThumbnails = false, showPageNumbers = true, allowDownload = false, allowPrint = false, allowFullscreen = false, onPageChange, onZoomChange, onLoad, onError, height = 600, className = '', }) => {
+    const [currentPage, setCurrentPage] = (0, react_1.useState)(initialPage);
+    const [zoom, setZoom] = (0, react_1.useState)(initialZoom);
+    const [metadata, setMetadata] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [isFullscreen, setIsFullscreen] = (0, react_1.useState)(false);
+    const containerRef = (0, react_1.useRef)(null);
+    const detectedType = type === 'auto' ? detectFileType(src) : type;
+    (0, react_1.useEffect)(() => {
+        setCurrentPage(initialPage);
+    }, [initialPage]);
+    (0, react_1.useEffect)(() => {
+        setZoom(initialZoom);
+    }, [initialZoom]);
+    const handlePageChange = (0, react_1.useCallback)((page) => {
+        if (metadata && page >= 1 && page <= metadata.totalPages) {
+            setCurrentPage(page);
+            onPageChange?.(page);
+        }
+    }, [metadata, onPageChange]);
+    const handleZoomChange = (0, react_1.useCallback)((newZoom) => {
+        const clampedZoom = Math.min(Math.max(0.25, newZoom), 5);
+        setZoom(clampedZoom);
+        onZoomChange?.(clampedZoom);
+    }, [onZoomChange]);
+    const handleLoad = (0, react_1.useCallback)((meta) => {
+        setMetadata(meta);
+        setIsLoading(false);
+        onLoad?.(meta);
+    }, [onLoad]);
+    const handleError = (0, react_1.useCallback)((err) => {
+        setError(err);
+        setIsLoading(false);
+        onError?.(err);
+    }, [onError]);
+    const handleDownload = (0, react_1.useCallback)(() => {
+        const link = document.createElement('a');
+        link.href = src;
+        link.download = extractFilename(src);
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }, [src]);
+    const handlePrint = (0, react_1.useCallback)(() => {
+        window.print();
+    }, []);
+    const handleFullscreen = (0, react_1.useCallback)(() => {
+        if (!containerRef.current)
+            return;
+        if (!isFullscreen) {
+            if (containerRef.current.requestFullscreen) {
+                containerRef.current.requestFullscreen();
+            }
+        }
+        else {
+            if (document.exitFullscreen) {
+                document.exitFullscreen();
+            }
+        }
+        setIsFullscreen(!isFullscreen);
+    }, [isFullscreen]);
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (e) => {
+            if (!metadata)
+                return;
+            switch (e.key) {
+                case 'ArrowLeft':
+                case 'ArrowUp':
+                    e.preventDefault();
+                    handlePageChange(currentPage - 1);
+                    break;
+                case 'ArrowRight':
+                case 'ArrowDown':
+                    e.preventDefault();
+                    handlePageChange(currentPage + 1);
+                    break;
+                case '+':
+                case '=':
+                    e.preventDefault();
+                    handleZoomChange(zoom + 0.25);
+                    break;
+                case '-':
+                case '_':
+                    e.preventDefault();
+                    handleZoomChange(zoom - 0.25);
+                    break;
+                case '0':
+                    if (e.ctrlKey || e.metaKey) {
+                        e.preventDefault();
+                        handleZoomChange(1);
+                    }
+                    break;
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [currentPage, zoom, metadata, handlePageChange, handleZoomChange]);
+    const containerClasses = [
+        'muka-documentviewer',
+        isFullscreen && 'muka-documentviewer--fullscreen',
+        showThumbnails && 'muka-documentviewer--with-thumbnails',
+        className,
+    ].filter(Boolean).join(' ');
+    const containerStyle = {
+        height: typeof height === 'number' ? `${height}px` : height,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: containerClasses, style: containerStyle, role: "region", "aria-label": "Document viewer", children: [showToolbar && metadata && ((0, jsx_runtime_1.jsx)(DocumentToolbar_1.DocumentToolbar, { currentPage: currentPage, totalPages: metadata.totalPages, zoom: zoom, onPageChange: handlePageChange, onZoomChange: handleZoomChange, onDownload: allowDownload ? handleDownload : undefined, onPrint: allowPrint ? handlePrint : undefined, onFullscreen: allowFullscreen ? handleFullscreen : undefined })), (0, jsx_runtime_1.jsxs)("div", { className: "muka-documentviewer__content", children: [showThumbnails && metadata && detectedType === 'pdf' && ((0, jsx_runtime_1.jsx)(DocumentThumbnails_1.DocumentThumbnails, { src: src, totalPages: metadata.totalPages, currentPage: currentPage, onPageClick: handlePageChange })), (0, jsx_runtime_1.jsxs)("div", { className: "muka-documentviewer__main", children: [isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "muka-documentviewer__loading", role: "status", children: (0, jsx_runtime_1.jsx)(Progress_1.Progress, { indeterminate: true, variant: "circle", size: "lg", "aria-label": "Loading document" }) })), error && ((0, jsx_runtime_1.jsx)("div", { className: "muka-documentviewer__error", children: (0, jsx_runtime_1.jsx)(Alert_1.Alert, { variant: "error", title: "Failed to load document", children: error.message }) })), !error && ((0, jsx_runtime_1.jsx)(DocumentCanvas_1.DocumentCanvas, { src: src, type: detectedType, currentPage: currentPage, zoom: zoom, showPageNumbers: showPageNumbers, onLoad: handleLoad, onError: handleError }))] })] }), (0, jsx_runtime_1.jsx)("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "visually-hidden", children: metadata && `Page ${currentPage} of ${metadata.totalPages}, zoom ${Math.round(zoom * 100)}%` })] }));
+};
+exports.DocumentViewer = DocumentViewer;
+function detectFileType(src) {
+    const extension = src.split('.').pop()?.toLowerCase();
+    const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp'];
+    return imageExtensions.indexOf(extension || '') !== -1 ? 'image' : 'pdf';
+}
+function extractFilename(src) {
+    return src.split('/').pop() || 'document';
+}
+exports.default = exports.DocumentViewer;
+//# sourceMappingURL=DocumentViewer.js.map

package/dist/cjs/components/DocumentViewer/DocumentViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.js","sourceRoot":"","sources":["../../../../components/DocumentViewer/DocumentViewer.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/DocumentViewer/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.DocumentThumbnails = exports.DocumentCanvas = exports.DocumentToolbar = exports.DocumentViewer = void 0;
+var DocumentViewer_1 = require("./DocumentViewer");
+Object.defineProperty(exports, "DocumentViewer", { enumerable: true, get: function () { return DocumentViewer_1.DocumentViewer; } });
+var DocumentToolbar_1 = require("./DocumentToolbar");
+Object.defineProperty(exports, "DocumentToolbar", { enumerable: true, get: function () { return DocumentToolbar_1.DocumentToolbar; } });
+var DocumentCanvas_1 = require("./DocumentCanvas");
+Object.defineProperty(exports, "DocumentCanvas", { enumerable: true, get: function () { return DocumentCanvas_1.DocumentCanvas; } });
+var DocumentThumbnails_1 = require("./DocumentThumbnails");
+Object.defineProperty(exports, "DocumentThumbnails", { enumerable: true, get: function () { return DocumentThumbnails_1.DocumentThumbnails; } });
+var DocumentViewer_2 = require("./DocumentViewer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return DocumentViewer_2.DocumentViewer; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DocumentViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/DocumentViewer/index.ts"],"names":[],"mappings":";;;AAAA,mDAAmG;AAA1F,gHAAA,cAAc,OAAA;AACvB,qDAA+E;AAAtE,kHAAA,eAAe,OAAA;AACxB,mDAA4E;AAAnE,gHAAA,cAAc,OAAA;AACvB,2DAAwF;AAA/E,wHAAA,kBAAkB,OAAA;AAC3B,mDAA6D;AAApD,yGAAA,cAAc,OAAW"}