@cherrystudio/file-preview 0.2.4 → 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-DJvKCNHX.js → Combination-CBuGcY5S.js}

@@ -1,5 +1,5 @@
-import { b as useComposedRefs } from "./useTranslation-BKohPZAm.js";
-import { v as useCallbackRef$1, y as Primitive } from "./FilePreviewToolbarButton-B3fnHUsU.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-Dy7vW_Ws.js → FilePreviewTooLarge-CZHFMl0w.js}

@@ -1,4 +1,4 @@
-import { a as usePreviewHost, d as EmptyState, h as FileWarning, t as useTranslation } from "./useTranslation-BKohPZAm.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-B3fnHUsU.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-BKohPZAm.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";
@@ -3377,8 +3377,8 @@ 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 = useTooltipPortalContainer();

package/dist/{ImageFilePreview-Dw1xQ7YI.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-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 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-z7OIP8EH.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 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 { 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";

package/dist/{PowerPointFilePreview-B5Mbg-MX.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-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 { 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-CcrhWuBX.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-BKohPZAm.js";
-import { t as CircleAlert } from "./circle-alert-CYVQ2eOz.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-Dy7vW_Ws.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-DJxlzv9k.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-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 { _ 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-CQbS4yZX.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-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 { 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-CYVQ2eOz.js → circle-alert-DOgmM2Zn.js}

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

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

@@ -23,7 +23,7 @@ var imageFilePreviewPlugin = {
 		"image/vnd.microsoft.icon",
 		"image/svg+xml"
 	],
-	load: () => import("./ImageFilePreview-Dw1xQ7YI.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-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 { 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-z7OIP8EH.js"),
+		load: () => import("./PdfFilePreview-B34-QmrL.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "powerpoint",
 		extensions: ["pptx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
-		load: () => import("./PowerPointFilePreview-B5Mbg-MX.js"),
+		load: () => import("./PowerPointFilePreview-NukTW9aw.js"),
 		supportsSelectionReference: true
 	},
 	{
@@ -50,20 +50,20 @@ var plugins = [
 			"text/rtf",
 			"application/x-rtf"
 		],
-		load: () => import("./RtfFilePreview-CcrhWuBX.js")
+		load: () => import("./RtfFilePreview-Bdy8iPf9.js")
 	},
 	{
 		id: "spreadsheet",
 		extensions: ["xlsx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-		load: () => import("./SpreadsheetFilePreview-DJxlzv9k.js"),
+		load: () => import("./SpreadsheetFilePreview-jB17TCNJ.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "word",
 		extensions: ["docx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-		load: () => import("./WordFilePreview-CQbS4yZX.js"),
+		load: () => import("./WordFilePreview-YznLhQcq.js"),
 		supportsSelectionReference: true
 	}
 ];

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

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

package/dist/styles.css

@@ -884,14 +884,9 @@
     border-width: 0;
   }
 
-  :where(.file-preview-root):is(.border-x-\[3px\]), :where(.file-preview-root) .border-x-\[3px\] {
-    border-inline-style: var(--fp-tw-border-style);
-    border-inline-width: 3px;
-  }
-
-  :where(.file-preview-root):is(.border-y-\[3px\]), :where(.file-preview-root) .border-y-\[3px\] {
-    border-block-style: var(--fp-tw-border-style);
-    border-block-width: 3px;
+  :where(.file-preview-root):is(.border-\[1\.5px\]), :where(.file-preview-root) .border-\[1\.5px\] {
+    border-style: var(--fp-tw-border-style);
+    border-width: 1.5px;
   }
 
   :where(.file-preview-root):is(.border-t), :where(.file-preview-root) .border-t {
@@ -1008,6 +1003,10 @@
     background-color: var(--muted);
   }
 
+  :where(.file-preview-root):is(.bg-neutral-100), :where(.file-preview-root) .bg-neutral-100 {
+    background-color: var(--cs-neutral-100);
+  }
+
   :where(.file-preview-root):is(.bg-neutral-900), :where(.file-preview-root) .bg-neutral-900 {
     background-color: var(--cs-neutral-900);
   }
@@ -1060,12 +1059,12 @@
     fill: currentColor;
   }
 
-  :where(.file-preview-root):is(.fill-neutral-900), :where(.file-preview-root) .fill-neutral-900 {
-    fill: var(--cs-neutral-900);
+  :where(.file-preview-root):is(.fill-neutral-100), :where(.file-preview-root) .fill-neutral-100 {
+    fill: var(--cs-neutral-100);
   }
 
-  :where(.file-preview-root):is(.stroke-neutral-900), :where(.file-preview-root) .stroke-neutral-900 {
-    stroke: var(--cs-neutral-900);
+  :where(.file-preview-root):is(.stroke-neutral-100), :where(.file-preview-root) .stroke-neutral-100 {
+    stroke: var(--cs-neutral-100);
   }
 
   :where(.file-preview-root):is(.stroke-2), :where(.file-preview-root) .stroke-2 {
@@ -1286,10 +1285,6 @@
     color: var(--muted-foreground);
   }
 
-  :where(.file-preview-root):is(.text-neutral-50), :where(.file-preview-root) .text-neutral-50 {
-    color: var(--cs-neutral-50);
-  }
-
   :where(.file-preview-root):is(.text-neutral-900), :where(.file-preview-root) .text-neutral-900 {
     color: var(--cs-neutral-900);
   }
@@ -1477,14 +1472,9 @@
   }
 
   @media (hover: hover) {
-    :where(.file-preview-root):is(.group-hover\/scrollbar\:border-x-0:is(:where(.group\/scrollbar):hover *)), :where(.file-preview-root) .group-hover\/scrollbar\:border-x-0:is(:where(.group\/scrollbar):hover *) {
-      border-inline-style: var(--fp-tw-border-style);
-      border-inline-width: 0;
-    }
-
-    :where(.file-preview-root):is(.group-hover\/scrollbar\:border-y-0:is(:where(.group\/scrollbar):hover *)), :where(.file-preview-root) .group-hover\/scrollbar\:border-y-0:is(:where(.group\/scrollbar):hover *) {
-      border-block-style: var(--fp-tw-border-style);
-      border-block-width: 0;
+    :where(.file-preview-root):is(.group-hover\/scrollbar\:border-0:is(:where(.group\/scrollbar):hover *)), :where(.file-preview-root) .group-hover\/scrollbar\:border-0:is(:where(.group\/scrollbar):hover *) {
+      border-style: var(--fp-tw-border-style);
+      border-width: 0;
     }
 
     :where(.file-preview-root):is(.group-hover\/scrollbar\:bg-\[var\(--scrollbar-thumb-hover\,color-mix\(in_srgb\,var\(--foreground\)_20\%\,transparent\)\)\]:is(:where(.group\/scrollbar):hover *)), :where(.file-preview-root) .group-hover\/scrollbar\:bg-\[var\(--scrollbar-thumb-hover\,color-mix\(in_srgb\,var\(--foreground\)_20\%\,transparent\)\)\]:is(:where(.group\/scrollbar):hover *) {
@@ -2089,18 +2079,26 @@
     background-color: var(--cs-neutral-100);
   }
 
-  :where(.file-preview-root):is(.dark\:fill-neutral-100:is(.dark *)), :where(.file-preview-root) .dark\:fill-neutral-100:is(.dark *) {
-    fill: var(--cs-neutral-100);
+  :where(.file-preview-root):is(.dark\:bg-neutral-900:is(.dark *)), :where(.file-preview-root) .dark\:bg-neutral-900:is(.dark *) {
+    background-color: var(--cs-neutral-900);
   }
 
-  :where(.file-preview-root):is(.dark\:stroke-neutral-100:is(.dark *)), :where(.file-preview-root) .dark\:stroke-neutral-100:is(.dark *) {
-    stroke: var(--cs-neutral-100);
+  :where(.file-preview-root):is(.dark\:fill-neutral-900:is(.dark *)), :where(.file-preview-root) .dark\:fill-neutral-900:is(.dark *) {
+    fill: var(--cs-neutral-900);
+  }
+
+  :where(.file-preview-root):is(.dark\:stroke-neutral-900:is(.dark *)), :where(.file-preview-root) .dark\:stroke-neutral-900:is(.dark *) {
+    stroke: var(--cs-neutral-900);
   }
 
   :where(.file-preview-root):is(.dark\:text-muted-foreground:is(.dark *)), :where(.file-preview-root) .dark\:text-muted-foreground:is(.dark *) {
     color: var(--muted-foreground);
   }
 
+  :where(.file-preview-root):is(.dark\:text-neutral-50:is(.dark *)), :where(.file-preview-root) .dark\:text-neutral-50:is(.dark *) {
+    color: var(--cs-neutral-50);
+  }
+
   :where(.file-preview-root):is(.dark\:text-neutral-100:is(.dark *)), :where(.file-preview-root) .dark\:text-neutral-100:is(.dark *) {
     color: var(--cs-neutral-100);
   }

package/dist/{useTranslation-BKohPZAm.js → useTranslation-ezxuF2DX.js}

@@ -4979,7 +4979,7 @@ function ScrollArea({ className, children, hidden, type = "scroll", scrollHideDe
 				className: cn("group/scrollbar z-10 flex touch-none duration-200 select-none data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 motion-reduce:animate-none", axis === "vertical" ? "w-3 py-0.5 pr-0.5" : "h-3 flex-col px-0.5 pb-0.5"),
 				children: /* @__PURE__ */ jsx(ScrollAreaThumb, {
 					"data-slot": "scroll-area-thumb",
-					className: cn("relative flex-1 rounded-full border-solid border-transparent bg-[var(--scrollbar-thumb,color-mix(in_srgb,var(--foreground)_15%,transparent))] bg-clip-padding transition-[border-width,background-color] duration-150 group-hover/scrollbar:bg-[var(--scrollbar-thumb-hover,color-mix(in_srgb,var(--foreground)_20%,transparent))] motion-reduce:transition-none", axis === "vertical" ? "border-x-[3px] group-hover/scrollbar:border-x-0" : "border-y-[3px] group-hover/scrollbar:border-y-0")
+					className: "relative flex-1 rounded-full border-[1.5px] border-solid border-transparent bg-[var(--scrollbar-thumb,color-mix(in_srgb,var(--foreground)_15%,transparent))] bg-clip-padding transition-[border-width,background-color] duration-150 group-hover/scrollbar:border-0 group-hover/scrollbar:bg-[var(--scrollbar-thumb-hover,color-mix(in_srgb,var(--foreground)_20%,transparent))] motion-reduce:transition-none"
 				})
 			}, axis)),
 			orientation === "both" && /* @__PURE__ */ jsx(ScrollAreaCorner, {})

package/dist/{zoom-out-BXB6HBfC.js → zoom-out-DYpR5v9K.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cherrystudio/file-preview",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Portable read-only document preview for Cherry Studio",
   "license": "AGPL-3.0-only",
   "repository": {