@cherrystudio/file-preview 0.2.2 → 0.2.4

package/README.md

@@ -64,6 +64,11 @@ without splitting a surrogate pair; an empty normalized excerpt produces `null`.
 Callback references are stabilized inside `Preview`, so inline callbacks do not
 reopen documents or repeat a selection notification merely because the host rendered.
 
+DOCX text supports native selection and copying with Ctrl+C (Cmd+C on macOS),
+including across paragraphs. Copying uses the browser selection, not the normalized
+or length-limited reference excerpt. While paragraph picking is enabled, ending a
+text drag preserves the existing paragraph pick; a plain click still picks or clears it.
+
 Recognized `source.mediaType` values take precedence over the filename extension;
 missing or unrecognized media types fall back to the extension. `supportsPreview`
 and `canSelectPreview` accept the same optional media type as their second argument.

package/dist/{Combination-i8Z9CJHc.js → Combination-DJvKCNHX.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-BKohPZAm.js";
+import { v as useCallbackRef$1, y as Primitive } from "./FilePreviewToolbarButton-B3fnHUsU.js";
 import * as React$1 from "react";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{FilePreviewTooLarge-DC7vPyMI.js → FilePreviewTooLarge-Dy7vW_Ws.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-BKohPZAm.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/formatFileSize.ts
 function formatFileSize(size) {

package/dist/{FilePreviewToolbarButton-ptqwCTnz.js → FilePreviewToolbarButton-B3fnHUsU.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-BKohPZAm.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.
@@ -3362,7 +3381,8 @@ var contentStyles = "z-[80] w-fit max-w-80 origin-(--radix-tooltip-content-trans
 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 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-Dw1xQ7YI.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-BKohPZAm.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-BXB6HBfC.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-B3fnHUsU.js";
+import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemoveScroll } from "./Combination-DJvKCNHX.js";
+import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-C9F4L9mo.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-Dy7vW_Ws.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-z7OIP8EH.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-BKohPZAm.js";
+import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-CA3ussD_.js";
+import { t as CircleAlert } from "./circle-alert-CYVQ2eOz.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-BXB6HBfC.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-B3fnHUsU.js";
+import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemoveScroll } from "./Combination-DJvKCNHX.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-B5Mbg-MX.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-BKohPZAm.js";
+import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-CA3ussD_.js";
+import { t as CircleAlert } from "./circle-alert-CYVQ2eOz.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-BXB6HBfC.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-B3fnHUsU.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-Dy7vW_Ws.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-CcrhWuBX.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-BKohPZAm.js";
+import { t as CircleAlert } from "./circle-alert-CYVQ2eOz.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-Dy7vW_Ws.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-DJxlzv9k.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-BKohPZAm.js";
+import { t as CircleAlert } from "./circle-alert-CYVQ2eOz.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-BXB6HBfC.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-B3fnHUsU.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-Dy7vW_Ws.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-hfALJk2N.js → WordFilePreview-CQbS4yZX.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-BKohPZAm.js";
+import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-CA3ussD_.js";
+import { t as CircleAlert } from "./circle-alert-CYVQ2eOz.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-BXB6HBfC.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-B3fnHUsU.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-Dy7vW_Ws.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";
@@ -3841,6 +3841,7 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 	const docxClassName = `docx-preview-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
 	const containerRef = useRef(null);
 	const bodyRef = useRef(null);
+	const pressPositionRef = useRef(null);
 	const styleRef = useRef(null);
 	const renderTokenRef = useRef(0);
 	const fitScrollTopRef = useRef(null);
@@ -4027,9 +4028,14 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		return () => observer.disconnect();
 	}, [pageCount, loading]);
 	const handlePick = useCallback((event) => {
+		const pressPosition = pressPositionRef.current;
+		pressPositionRef.current = null;
 		if (!onSelection || !(event.target instanceof Element)) return;
 		if (event.target.closest("a[href]")) event.preventDefault();
-		const previous = bodyRef.current?.querySelector("[data-docx-picked=\"true\"]") ?? null;
+		const bodyContainer = bodyRef.current;
+		const selection = bodyContainer?.ownerDocument.getSelection();
+		if (pressPosition && (event.clientX !== pressPosition.x || event.clientY !== pressPosition.y) && bodyContainer && selection && !selection.isCollapsed && selection.rangeCount > 0 && selection.getRangeAt(0).intersectsNode(bodyContainer)) return;
+		const previous = bodyContainer?.querySelector("[data-docx-picked=\"true\"]") ?? null;
 		const resolved = paragraphToDocxAnchor(event.target);
 		previous?.removeAttribute("data-docx-picked");
 		if (!resolved || resolved.element === previous) {
@@ -4106,9 +4112,15 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 						"data-testid": "docx-preview-content",
 						"data-zoom": zoom,
 						"data-picker": onSelection ? "true" : void 0,
+						onMouseDown: (event) => {
+							pressPositionRef.current = {
+								x: event.clientX,
+								y: event.clientY
+							};
+						},
 						onClick: handlePick,
 						style: contentStyle,
-						className: "mx-auto w-fit min-w-0 [&_.docx-preview]:box-border [&_.docx-preview]:max-w-full [&_.docx-preview-wrapper]:mx-auto [&_p[data-docx-picked=true]]:bg-primary/15 [&_p[data-docx-picked=true]]:outline [&_p[data-docx-picked=true]]:outline-1 [&_p[data-docx-picked=true]]:outline-primary/60 [&_section]:overflow-hidden [&_section]:rounded-sm [&_section]:shadow-md [&[data-picker=true]_p[data-docx-part=body]]:cursor-pointer [&[data-picker=true]_p[data-docx-part=body]:not([data-docx-picked=true]):hover]:bg-primary/10"
+						className: "selectable mx-auto w-fit min-w-0 [&_.docx-preview]:box-border [&_.docx-preview]:max-w-full [&_.docx-preview-wrapper]:mx-auto [&_p[data-docx-picked=true]]:bg-primary/15 [&_p[data-docx-picked=true]]:outline [&_p[data-docx-picked=true]]:outline-1 [&_p[data-docx-picked=true]]:outline-primary/60 [&_section]:overflow-hidden [&_section]:rounded-sm [&_section]:shadow-md [&[data-picker=true]_p[data-docx-part=body]]:cursor-pointer [&[data-picker=true]_p[data-docx-part=body]:not([data-docx-picked=true]):hover]:bg-primary/10"
 					})]
 				}),
 				loading ? /* @__PURE__ */ jsxs("div", {

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

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

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

@@ -23,7 +23,7 @@ var imageFilePreviewPlugin = {
 		"image/vnd.microsoft.icon",
 		"image/svg+xml"
 	],
-	load: () => import("./ImageFilePreview-C_P1iIEi.js")
+	load: () => import("./ImageFilePreview-Dw1xQ7YI.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-BKohPZAm.js";
+import { n as DialogPortalContainerProvider, r as PortalContainerProvider, t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-B3fnHUsU.js";
+import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-C9F4L9mo.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-z7OIP8EH.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "powerpoint",
 		extensions: ["pptx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
-		load: () => import("./PowerPointFilePreview-9E6kUy_A.js"),
+		load: () => import("./PowerPointFilePreview-B5Mbg-MX.js"),
 		supportsSelectionReference: true
 	},
 	{
@@ -50,20 +50,20 @@ var plugins = [
 			"text/rtf",
 			"application/x-rtf"
 		],
-		load: () => import("./RtfFilePreview-Bgl6lmWy.js")
+		load: () => import("./RtfFilePreview-CcrhWuBX.js")
 	},
 	{
 		id: "spreadsheet",
 		extensions: ["xlsx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-		load: () => import("./SpreadsheetFilePreview-PWFG3UY3.js"),
+		load: () => import("./SpreadsheetFilePreview-DJxlzv9k.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "word",
 		extensions: ["docx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-		load: () => import("./WordFilePreview-hfALJk2N.js"),
+		load: () => import("./WordFilePreview-CQbS4yZX.js"),
 		supportsSelectionReference: true
 	}
 ];

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

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