@cherrystudio/file-preview 0.2.3 → 0.2.5

package/README.md

@@ -193,12 +193,12 @@ Escape, the close button, the backdrop, and selecting an internal destination di
 it. Explicitly selecting either PDF layout also keeps page-width zoom in sync with
 container resizing; manual zoom is preserved.
 
-DOCX `fit-width` includes the document wrapper and widest page, permits scales below
-50%, and never enlarges beyond 100%. It follows container resizing until the user
-zooms using the toolbar or a pinch; Reset resumes fitting. No orientation message is
-needed for DOCX. `normalizeSymbolBullets` is read when opening the document: it maps
-known single-character Symbol/Wingdings bullet markers to Unicode and removes their
-legacy font override. Other fonts, unknown symbols and numbered lists are preserved.
+DOCX `fit-width` fits the widest page to the pane, permits scales below 50%, and
+never enlarges beyond 200%. It follows container resizing until the user zooms using
+the toolbar or a pinch; Reset resumes fitting. No orientation message is needed for
+DOCX. `normalizeSymbolBullets` is read when opening the document: it maps known
+single-character Symbol/Wingdings bullet markers to Unicode and removes their legacy
+font override. Other fonts, unknown symbols and numbered lists are preserved.
 
 `bottomInset: 'content'` adds trailing space inside PDF, DOCX and PPTX document scroll
 containers, in unscaled host CSS pixels. Both PDF outline layouts receive trailing

package/dist/{Combination-i8Z9CJHc.js → Combination-CBuGcY5S.js}

@@ -1,5 +1,5 @@
-import { b as useComposedRefs } from "./useTranslation-BJY4EKsz.js";
-import { v as useCallbackRef$1, y as Primitive } from "./FilePreviewToolbarButton-ptqwCTnz.js";
+import { b as useComposedRefs } from "./useTranslation-ezxuF2DX.js";
+import { v as useCallbackRef$1, y as Primitive } from "./FilePreviewToolbarButton-BUzQxFLX.js";
 import * as React$1 from "react";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{FilePreviewTooLarge-DC7vPyMI.js → FilePreviewTooLarge-CZHFMl0w.js}

@@ -1,4 +1,4 @@
-import { a as usePreviewHost, d as EmptyState, h as FileWarning, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
+import { a as usePreviewHost, d as EmptyState, h as FileWarning, t as useTranslation } from "./useTranslation-ezxuF2DX.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/formatFileSize.ts
 function formatFileSize(size) {

package/dist/{FilePreviewToolbarButton-ptqwCTnz.js → FilePreviewToolbarButton-BUzQxFLX.js}

@@ -1,4 +1,4 @@
-import { b as useComposedRefs, f as Button, p as cn, v as createSlot, y as createSlottable } from "./useTranslation-BJY4EKsz.js";
+import { b as useComposedRefs, f as Button, p as cn, v as createSlot, y as createSlottable } from "./useTranslation-ezxuF2DX.js";
 import * as React$1 from "react";
 import { useLayoutEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -2584,21 +2584,40 @@ function isFunction(value) {
 //#endregion
 //#region ../ui/src/components/primitives/portal-container.tsx
 var PortalContainerContext = React$1.createContext(null);
+var TooltipPortalContainerContext = React$1.createContext(null);
+var TooltipZIndexContext = React$1.createContext(void 0);
 var DialogPortalContainerContext = React$1.createContext(null);
 /**
 * Overlays should portal into the nearest provided container, usually dialog
 * content, so Radix focus traps and dismiss layers treat nested overlays as
 * inside the same interaction boundary.
+*
+* @param tooltipContainer - Portal target for tooltips, which never take focus and so
+*   can live outside a container that clips them. Defaults to `container`.
+* @param tooltipZIndex - z-index for tooltips portaled outside `container`, so they stack
+*   above the surface that owns them. Omitted, tooltips keep their own z-index.
 */
-function PortalContainerProvider({ container, children }) {
+function PortalContainerProvider({ container, tooltipContainer = container, tooltipZIndex, children }) {
 	return /* @__PURE__ */ jsx(PortalContainerContext, {
 		value: container,
-		children
+		children: /* @__PURE__ */ jsx(TooltipPortalContainerContext, {
+			value: tooltipContainer,
+			children: /* @__PURE__ */ jsx(TooltipZIndexContext, {
+				value: tooltipZIndex,
+				children
+			})
+		})
 	});
 }
 function usePortalContainer() {
 	return React$1.use(PortalContainerContext);
 }
+function useTooltipPortalContainer() {
+	return React$1.use(TooltipPortalContainerContext);
+}
+function useTooltipZIndex() {
+	return React$1.use(TooltipZIndexContext);
+}
 /**
 * Dialogs use a page-level portal target so they remain attached to their owning
 * tab without inheriting the transformed content node of a parent dialog.
@@ -3358,11 +3377,12 @@ function TooltipTrigger({ onFocus, ...props }) {
 		...props
 	});
 }
-var contentStyles = "z-[80] w-fit max-w-80 origin-(--radix-tooltip-content-transform-origin) rounded-md bg-neutral-900 px-3 py-1.5 text-neutral-50 text-xs leading-relaxed whitespace-normal break-words data-[state*=open]:animate-in data-[state*=open]:fade-in-0 data-[state*=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 dark:bg-neutral-100 dark:text-neutral-900 [-webkit-app-region:no-drag]";
-var arrowStyles = "z-[80] -translate-y-px fill-neutral-900 stroke-neutral-900 stroke-2 dark:fill-neutral-100 dark:stroke-neutral-100 [paint-order:stroke_fill]";
+var contentStyles = "z-[80] w-fit max-w-80 origin-(--radix-tooltip-content-transform-origin) rounded-md bg-neutral-100 px-3 py-1.5 text-neutral-900 text-xs leading-relaxed whitespace-normal break-words data-[state*=open]:animate-in data-[state*=open]:fade-in-0 data-[state*=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 dark:bg-neutral-900 dark:text-neutral-50 [-webkit-app-region:no-drag]";
+var arrowStyles = "z-[80] -translate-y-px fill-neutral-100 stroke-neutral-100 stroke-2 dark:fill-neutral-900 dark:stroke-neutral-900 [paint-order:stroke_fill]";
 var Tooltip = ({ children, content, title, placement, delay = 0, sideOffset = 8, showArrow = true, fullWidthTrigger = false, classNames, className, isDisabled, isOpen, onOpenChange, onClick, portalContainer, asChild = false }) => {
 	const tooltipContent = content ?? title;
-	const defaultPortalContainer = usePortalContainer();
+	const defaultPortalContainer = useTooltipPortalContainer();
+	const zIndex = useTooltipZIndex();
 	const surfaceActive = React$1.use(TooltipSurfaceContext);
 	const disabled = !tooltipContent || isDisabled || !surfaceActive;
 	const { contentVisible, effectiveOpen, handleOpenChange } = useTooltipController(isOpen, onOpenChange, false, disabled);
@@ -3400,6 +3420,7 @@ var Tooltip = ({ children, content, title, placement, delay = 0, sideOffset = 8,
 					align,
 					sideOffset,
 					className: cn(contentStyles, classNames?.content, className),
+					style: zIndex ? { zIndex } : void 0,
 					children: [tooltipContent, showArrow && /* @__PURE__ */ jsx(Arrow2, {
 						width: 12,
 						height: 6,

package/dist/{ImageFilePreview-C_P1iIEi.js → ImageFilePreview-JR2KQf2x.js}

@@ -1,10 +1,10 @@
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { _ as cva, a as usePreviewHost, b as useComposedRefs, d as EmptyState, g as createLucideIcon, m as LoaderCircle, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation, v as createSlot } from "./useTranslation-BJY4EKsz.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
-import { S as composeEventHandlers, a as usePortalContainer, b as dispatchDiscreteCustomEvent, c as Portal$1, d as Content, f as Root2$1, g as DismissableLayer, h as useLayoutEffect2, l as Anchor, m as useId$1, o as useControllableState, p as createPopperScope, s as Presence, t as FilePreviewToolbarButton, u as Arrow, v as useCallbackRef, x as createContextScope, y as Primitive } from "./FilePreviewToolbarButton-ptqwCTnz.js";
-import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemoveScroll } from "./Combination-i8Z9CJHc.js";
-import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-D6hV1Hm1.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
+import { _ as cva, a as usePreviewHost, b as useComposedRefs, d as EmptyState, g as createLucideIcon, m as LoaderCircle, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation, v as createSlot } from "./useTranslation-ezxuF2DX.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DYpR5v9K.js";
+import { S as composeEventHandlers, a as usePortalContainer, b as dispatchDiscreteCustomEvent, c as Portal$1, d as Content, f as Root2$1, g as DismissableLayer, h as useLayoutEffect2, l as Anchor, m as useId$1, o as useControllableState, p as createPopperScope, s as Presence, t as FilePreviewToolbarButton, u as Arrow, v as useCallbackRef, x as createContextScope, y as Primitive } from "./FilePreviewToolbarButton-BUzQxFLX.js";
+import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemoveScroll } from "./Combination-CBuGcY5S.js";
+import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-C02W1uyU.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-CZHFMl0w.js";
 import * as React$1 from "react";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{PdfFilePreview-CbrMcPzo.js → PdfFilePreview-B34-QmrL.js}

@@ -1,10 +1,10 @@
 import { i as readPreviewRange, n as assertPreviewRange, t as PreviewError } from "./source-Rx3etU3y.js";
-import { a as usePreviewHost, b as useComposedRefs, d as EmptyState, f as Button, g as createLucideIcon, h as FileWarning, m as LoaderCircle, o as usePreviewLogger, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation, u as Scrollbar, v as createSlot } from "./useTranslation-BJY4EKsz.js";
-import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-Bx-jjhVm.js";
-import { t as CircleAlert } from "./circle-alert-sByhBDN4.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
-import { S as composeEventHandlers, _ as useDismissableLayerSurface, c as Portal, g as DismissableLayer, i as useDialogPortalContainer, m as useId$1, o as useControllableState, r as PortalContainerProvider, s as Presence, t as FilePreviewToolbarButton, x as createContextScope, y as Primitive } from "./FilePreviewToolbarButton-ptqwCTnz.js";
-import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemoveScroll } from "./Combination-i8Z9CJHc.js";
+import { a as usePreviewHost, b as useComposedRefs, d as EmptyState, f as Button, g as createLucideIcon, h as FileWarning, m as LoaderCircle, o as usePreviewLogger, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation, u as ScrollArea, v as createSlot } from "./useTranslation-ezxuF2DX.js";
+import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-q9GRRcYM.js";
+import { t as CircleAlert } from "./circle-alert-DOgmM2Zn.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DYpR5v9K.js";
+import { S as composeEventHandlers, _ as useDismissableLayerSurface, c as Portal, g as DismissableLayer, i as useDialogPortalContainer, m as useId$1, o as useControllableState, r as PortalContainerProvider, s as Presence, t as FilePreviewToolbarButton, x as createContextScope, y as Primitive } from "./FilePreviewToolbarButton-BUzQxFLX.js";
+import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemoveScroll } from "./Combination-CBuGcY5S.js";
 import { t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import { t as attachTouchPinch } from "./touchPinch-C4fl-9fg.js";
 import * as React$1 from "react";
@@ -334,13 +334,22 @@ var dialogContentSizeClass = {
 	lg: "sm:max-w-xl",
 	xl: "sm:max-w-[720px]"
 };
-function DialogContent({ className, children, closeLabel = "Close", closeOnOverlayClick = true, showCloseButton = true, motion = "directional", overlayClassName, onPointerDown, size = "default", ref, ...props }) {
+function DialogContent({ className, children, closeLabel = "Close", closeOnOverlayClick = true, showCloseButton = true, motion = "directional", overlayClassName, onPointerDown, size = "default", style, ref, ...props }) {
+	const dialogPortalContainer = useDialogPortalContainer();
 	const [contentElement, setContentElement] = React$1.useState(null);
+	const [contentZIndex, setContentZIndex] = React$1.useState();
 	const handleRef = React$1.useCallback((node) => {
 		setContentElement(node);
 		if (typeof ref === "function") ref(node);
 		else if (ref) ref.current = node;
 	}, [ref]);
+	React$1.useLayoutEffect(() => {
+		if (contentElement) setContentZIndex(getComputedStyle(contentElement).zIndex);
+	}, [
+		contentElement,
+		className,
+		style
+	]);
 	return /* @__PURE__ */ jsxs(DialogPortal, {
 		"data-slot": "dialog-portal",
 		children: [/* @__PURE__ */ jsx(DialogClose, {
@@ -354,11 +363,14 @@ function DialogContent({ className, children, closeLabel = "Close", closeOnOverl
 		}), /* @__PURE__ */ jsx(DialogContent$1, {
 			ref: handleRef,
 			"data-slot": "dialog-content",
-			className: cn("fixed top-[50%] left-[50%] z-[80] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-3xl border-0 bg-card p-6 text-card-foreground shadow-xl [-webkit-app-region:no-drag]", "data-[state=open]:animate-in data-[state=open]:ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=open]:animation-duration-[260ms] data-[state=open]:fade-in-0 data-[state=open]:zoom-in-99", "data-[state=closed]:animate-out data-[state=closed]:ease-[cubic-bezier(0.4,0,1,1)] data-[state=closed]:animation-duration-[200ms] data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-99", motion === "directional" && "data-[state=closed]:slide-out-to-bottom-4 data-[state=open]:slide-in-from-bottom-4", "fill-mode-both motion-reduce:animate-none", dialogContentSizeClass[size], className),
+			className: cn("fixed top-[50%] left-[50%] z-[80] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-3xl border-0 bg-card p-6 text-card-foreground shadow-xl [-webkit-app-region:no-drag]", "data-[state=open]:animate-in data-[state=open]:ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=open]:animation-duration-[260ms] data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:ease-[cubic-bezier(0.4,0,1,1)] data-[state=closed]:animation-duration-[200ms] data-[state=closed]:fade-out-0", motion === "directional" && "data-[state=closed]:slide-out-to-bottom-4 data-[state=open]:slide-in-from-bottom-4", "fill-mode-both motion-reduce:animate-none", dialogContentSizeClass[size], className),
 			onPointerDown: composeEventHandlers(onPointerDown, (event) => event.stopPropagation(), { checkForDefaultPrevented: false }),
+			style,
 			...props,
 			children: /* @__PURE__ */ jsxs(PortalContainerProvider, {
 				container: contentElement,
+				tooltipContainer: dialogPortalContainer,
+				tooltipZIndex: contentZIndex,
 				children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogClose, {
 					"data-slot": "dialog-close",
 					className: "absolute top-4 right-4 rounded-md opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus-visible:bg-accent focus-visible:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
@@ -29047,9 +29059,12 @@ function PdfOutline({ className, items, onNavigate, status }) {
 		children: [/* @__PURE__ */ jsx("h2", {
 			className: "flex h-10 shrink-0 items-center border-border-subtle border-b px-3 font-medium text-sm",
 			children: t("file_preview.pdf.outline.title")
-		}), /* @__PURE__ */ jsx(Scrollbar, {
-			className: "min-h-0 flex-1 px-2 py-2",
-			style: options?.bottomInset === "content" ? { paddingBottom: "calc(0.5rem + var(--file-preview-bottom-inset, 0px))" } : void 0,
+		}), /* @__PURE__ */ jsx(ScrollArea, {
+			className: "min-h-0 flex-1",
+			viewportProps: {
+				className: "px-2 py-2",
+				style: options?.bottomInset === "content" ? { paddingBottom: "calc(0.5rem + var(--file-preview-bottom-inset, 0px))" } : void 0
+			},
 			children: status === "loading" ? /* @__PURE__ */ jsx("p", {
 				role: "status",
 				className: "px-2 py-1 text-muted-foreground text-xs",

package/dist/{PowerPointFilePreview-9E6kUy_A.js → PowerPointFilePreview-NukTW9aw.js}

@@ -1,11 +1,11 @@
 import { i as __toESM } from "./rolldown-runtime-B-lAHAz2.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { a as usePreviewHost, d as EmptyState, h as FileWarning, m as LoaderCircle, o as usePreviewLogger, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
-import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-Bx-jjhVm.js";
-import { t as CircleAlert } from "./circle-alert-sByhBDN4.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
-import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
+import { a as usePreviewHost, d as EmptyState, h as FileWarning, m as LoaderCircle, o as usePreviewLogger, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-ezxuF2DX.js";
+import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-q9GRRcYM.js";
+import { t as CircleAlert } from "./circle-alert-DOgmM2Zn.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DYpR5v9K.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-BUzQxFLX.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-CZHFMl0w.js";
 import { t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import { t as require_jszip_min } from "./jszip.min-uwqlc4KL.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/{RtfFilePreview-Bgl6lmWy.js → RtfFilePreview-Bdy8iPf9.js}

@@ -1,8 +1,8 @@
 import { i as __toESM, t as __commonJSMin } from "./rolldown-runtime-B-lAHAz2.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { a as usePreviewHost, d as EmptyState, m as LoaderCircle, r as FilePreviewLayout, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
-import { t as CircleAlert } from "./circle-alert-sByhBDN4.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
+import { a as usePreviewHost, d as EmptyState, m as LoaderCircle, r as FilePreviewLayout, t as useTranslation } from "./useTranslation-ezxuF2DX.js";
+import { t as CircleAlert } from "./circle-alert-DOgmM2Zn.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-CZHFMl0w.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/rtf.js@3.0.9_patch_hash=8f9a6825a5d8d1e4c4a5911165dc7e3398199e30ca7abc009df7bd0c612f3d24/node_modules/rtf.js/dist/EMFJS.bundle.js

package/dist/{SpreadsheetFilePreview-PWFG3UY3.js → SpreadsheetFilePreview-jB17TCNJ.js}

@@ -1,10 +1,10 @@
 import "./documentAnchor-J7GGLU15.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { _ as cva, a as usePreviewHost, d as EmptyState, m as LoaderCircle, o as usePreviewLogger, p as cn, r as FilePreviewLayout, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
-import { t as CircleAlert } from "./circle-alert-sByhBDN4.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
-import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
+import { _ as cva, a as usePreviewHost, d as EmptyState, m as LoaderCircle, o as usePreviewLogger, p as cn, r as FilePreviewLayout, t as useTranslation } from "./useTranslation-ezxuF2DX.js";
+import { t as CircleAlert } from "./circle-alert-DOgmM2Zn.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DYpR5v9K.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-BUzQxFLX.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-CZHFMl0w.js";
 import { n as normalizeSelectionText, t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import * as React$1 from "react";
 import React, { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";

package/dist/{WordFilePreview-Do062CDe.js → WordFilePreview-YznLhQcq.js}

@@ -1,11 +1,11 @@
 import { i as __toESM } from "./rolldown-runtime-B-lAHAz2.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { a as usePreviewHost, d as EmptyState, m as LoaderCircle, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
-import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-Bx-jjhVm.js";
-import { t as CircleAlert } from "./circle-alert-sByhBDN4.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
-import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
+import { a as usePreviewHost, d as EmptyState, m as LoaderCircle, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-ezxuF2DX.js";
+import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-q9GRRcYM.js";
+import { t as CircleAlert } from "./circle-alert-DOgmM2Zn.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DYpR5v9K.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-BUzQxFLX.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-CZHFMl0w.js";
 import { t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import { t as attachTouchPinch } from "./touchPinch-C4fl-9fg.js";
 import { t as require_jszip_min } from "./jszip.min-uwqlc4KL.js";
@@ -3877,7 +3877,7 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		if (!fitWidth || !container || !body || pageCount <= 0) return;
 		const fit = () => {
 			const width = body.offsetWidth;
-			if (container.clientWidth > 0 && width > 0) setFitZoom(Math.min(DOCX_PREVIEW_DEFAULT_ZOOM, container.clientWidth / width));
+			if (container.clientWidth > 0 && width > 0) setFitZoom(Math.min(DOCX_PREVIEW_MAX_ZOOM, container.clientWidth / width));
 		};
 		fit();
 		const observer = new ResizeObserver(fit);
@@ -3957,7 +3957,12 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 					normalizeSymbolBullets
 				});
 				if (!isCurrent()) return;
-				stagingBody.querySelector(`.${docxClassName}-wrapper`)?.classList.add("docx-preview-wrapper");
+				const wrapper = stagingBody.querySelector(`.${docxClassName}-wrapper`);
+				if (wrapper) {
+					wrapper.classList.add("docx-preview-wrapper");
+					wrapper.style.background = "transparent";
+					wrapper.style.padding = "0";
+				}
 				const pages = getRenderedPages(stagingBody);
 				pages.forEach((page, index) => {
 					page.id = `docx-preview-page-${index + 1}`;

package/dist/{circle-alert-sByhBDN4.js → circle-alert-DOgmM2Zn.js}

@@ -1,4 +1,4 @@
-import { g as createLucideIcon } from "./useTranslation-BJY4EKsz.js";
+import { g as createLucideIcon } from "./useTranslation-ezxuF2DX.js";
 /**
 * @license lucide-react v0.545.0 - ISC
 *

package/dist/{imageFilePreviewPlugin-D6hV1Hm1.js → imageFilePreviewPlugin-C02W1uyU.js}

@@ -23,7 +23,7 @@ var imageFilePreviewPlugin = {
 		"image/vnd.microsoft.icon",
 		"image/svg+xml"
 	],
-	load: () => import("./ImageFilePreview-C_P1iIEi.js")
+	load: () => import("./ImageFilePreview-JR2KQf2x.js")
 };
 //#endregion
 export { imageFilePreviewPlugin as t };

package/dist/react.js

@@ -1,7 +1,7 @@
 import { n as assertPreviewRange, t as PreviewError } from "./source-Rx3etU3y.js";
-import { a as usePreviewHost, c as FilePreviewToolbarPortalHost, d as EmptyState, g as createLucideIcon, h as FileWarning, i as PreviewHostContext, l as FilePreviewToolbarPortalProvider, m as LoaderCircle, n as I18nContext, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
-import { n as DialogPortalContainerProvider, r as PortalContainerProvider, t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
-import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-D6hV1Hm1.js";
+import { a as usePreviewHost, c as FilePreviewToolbarPortalHost, d as EmptyState, g as createLucideIcon, h as FileWarning, i as PreviewHostContext, l as FilePreviewToolbarPortalProvider, m as LoaderCircle, n as I18nContext, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-ezxuF2DX.js";
+import { n as DialogPortalContainerProvider, r as PortalContainerProvider, t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-BUzQxFLX.js";
+import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-C02W1uyU.js";
 import { Component, Suspense, createContext, createElement, lazy, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 /**
@@ -32,14 +32,14 @@ var plugins = [
 		id: "pdf",
 		extensions: ["pdf"],
 		mediaTypes: ["application/pdf"],
-		load: () => import("./PdfFilePreview-CbrMcPzo.js"),
+		load: () => import("./PdfFilePreview-B34-QmrL.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "powerpoint",
 		extensions: ["pptx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
-		load: () => import("./PowerPointFilePreview-9E6kUy_A.js"),
+		load: () => import("./PowerPointFilePreview-NukTW9aw.js"),
 		supportsSelectionReference: true
 	},
 	{
@@ -50,20 +50,20 @@ var plugins = [
 			"text/rtf",
 			"application/x-rtf"
 		],
-		load: () => import("./RtfFilePreview-Bgl6lmWy.js")
+		load: () => import("./RtfFilePreview-Bdy8iPf9.js")
 	},
 	{
 		id: "spreadsheet",
 		extensions: ["xlsx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-		load: () => import("./SpreadsheetFilePreview-PWFG3UY3.js"),
+		load: () => import("./SpreadsheetFilePreview-jB17TCNJ.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "word",
 		extensions: ["docx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-		load: () => import("./WordFilePreview-Do062CDe.js"),
+		load: () => import("./WordFilePreview-YznLhQcq.js"),
 		supportsSelectionReference: true
 	}
 ];

package/dist/{rotate-ccw-Bx-jjhVm.js → rotate-ccw-q9GRRcYM.js}

@@ -1,4 +1,4 @@
-import { g as createLucideIcon } from "./useTranslation-BJY4EKsz.js";
+import { g as createLucideIcon } from "./useTranslation-ezxuF2DX.js";
 /**
 * @license lucide-react v0.545.0 - ISC
 *