@cherrystudio/file-preview 0.1.3 → 0.2.0

package/dist/{SpreadsheetFilePreview-DJdoyeis.js → SpreadsheetFilePreview-GKeQwJL3.js}

@@ -1,9 +1,11 @@
 import "./documentAnchor-J7GGLU15.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { F as cn, I as LoaderCircle, N as EmptyState, i as FilePreviewLayout, o as usePreviewHost, r as FilePreviewToolbarButton, s as usePreviewLogger, t as useTranslation, z as cva } from "./useTranslation-DMhY277o.js";
-import { n as normalizeSelectionText, r as CircleAlert, t as createPreviewSelection } from "./selection-CQPD5a6C.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DLOQGt1e.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DkHa6toZ.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 { n as normalizeSelectionText, t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import * as React$1 from "react";
 import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{WordFilePreview-Tvm-vK91.js → WordFilePreview-IfWcWbwn.js}

@@ -1,10 +1,12 @@
 import { i as __toESM } from "./rolldown-runtime-B-lAHAz2.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { I as LoaderCircle, N as EmptyState, c as FilePreviewToolbar, i as FilePreviewLayout, o as usePreviewHost, r as FilePreviewToolbarButton, t as useTranslation } from "./useTranslation-DMhY277o.js";
-import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-YWx7RzY9.js";
-import { r as CircleAlert, t as createPreviewSelection } from "./selection-CQPD5a6C.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DLOQGt1e.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DkHa6toZ.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 { 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";
 import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";

package/dist/circle-alert-sByhBDN4.js

@@ -0,0 +1,31 @@
+import { g as createLucideIcon } from "./useTranslation-BJY4EKsz.js";
+/**
+* @license lucide-react v0.545.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var CircleAlert = createLucideIcon("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]);
+//#endregion
+export { CircleAlert as t };

package/dist/{imageFilePreviewPlugin-CYLM2bwR.js → imageFilePreviewPlugin-Cif3MLQd.js}

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

package/dist/react.js

@@ -1,6 +1,7 @@
 import { n as assertPreviewRange, t as PreviewError } from "./source-Rx3etU3y.js";
-import { F as cn, I as LoaderCircle, L as FileWarning, N as EmptyState, R as createLucideIcon, a as PreviewHostContext, c as FilePreviewToolbar, f as DialogPortalContainerProvider, i as FilePreviewLayout, l as FilePreviewToolbarPortalHost, n as I18nContext, o as usePreviewHost, p as PortalContainerProvider, r as FilePreviewToolbarButton, t as useTranslation, u as FilePreviewToolbarPortalProvider } from "./useTranslation-DMhY277o.js";
-import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-CYLM2bwR.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-Cif3MLQd.js";
 import { Component, Suspense, createContext, createElement, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 /**
@@ -31,28 +32,38 @@ var plugins = [
 		id: "pdf",
 		extensions: ["pdf"],
 		mediaTypes: ["application/pdf"],
-		load: () => import("./PdfFilePreview-D3Ie0_mm.js"),
+		load: () => import("./PdfFilePreview-DqnRzmwY.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "powerpoint",
 		extensions: ["pptx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
-		load: () => import("./PowerPointFilePreview-CyQHTp4B.js"),
+		load: () => import("./PowerPointFilePreview-CO_N6c1I.js"),
 		supportsSelectionReference: true
 	},
+	{
+		id: "rtf",
+		extensions: ["rtf"],
+		mediaTypes: [
+			"application/rtf",
+			"text/rtf",
+			"application/x-rtf"
+		],
+		load: () => import("./RtfFilePreview-Bgl6lmWy.js")
+	},
 	{
 		id: "spreadsheet",
 		extensions: ["xlsx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-		load: () => import("./SpreadsheetFilePreview-DJdoyeis.js"),
+		load: () => import("./SpreadsheetFilePreview-GKeQwJL3.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "word",
 		extensions: ["docx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-		load: () => import("./WordFilePreview-Tvm-vK91.js"),
+		load: () => import("./WordFilePreview-IfWcWbwn.js"),
 		supportsSelectionReference: true
 	}
 ];

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

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

package/dist/{selection-CQPD5a6C.js → selection-B0INvh6t.js}

@@ -1,34 +1,4 @@
 import { n as SELECTION_EXCERPT_MAX_LENGTH } from "./documentAnchor-J7GGLU15.js";
-import { R as createLucideIcon } from "./useTranslation-DMhY277o.js";
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var CircleAlert = createLucideIcon("circle-alert", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "8",
-		y2: "12",
-		key: "1pkeuh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12.01",
-		y1: "16",
-		y2: "16",
-		key: "4dfq90"
-	}]
-]);
-//#endregion
 //#region src/selection.ts
 var SELECTION_WHITESPACE = /[\t\n\v\f\r \u0085\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff\u001c-\u001f]+/g;
 function normalizeSelectionText(text) {
@@ -44,4 +14,4 @@ function createPreviewSelection(input) {
 	} : null;
 }
 //#endregion
-export { normalizeSelectionText as n, CircleAlert as r, createPreviewSelection as t };
+export { normalizeSelectionText as n, createPreviewSelection as t };

package/dist/styles.css

@@ -70,6 +70,7 @@
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-xl: 36rem;
+    --container-4xl: 56rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1 / .75);
     --text-sm: .875rem;
@@ -532,6 +533,10 @@
     min-height: calc(var(--spacing) * 11);
   }
 
+  :where(.file-preview-root):is(.min-h-48), :where(.file-preview-root) .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
+
   :where(.file-preview-root):is(.min-h-full), :where(.file-preview-root) .min-h-full {
     min-height: 100%;
   }
@@ -560,6 +565,10 @@
     width: 100vw;
   }
 
+  :where(.file-preview-root):is(.max-w-4xl), :where(.file-preview-root) .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
+
   :where(.file-preview-root):is(.max-w-80), :where(.file-preview-root) .max-w-80 {
     max-width: calc(var(--spacing) * 80);
   }
@@ -1002,6 +1011,10 @@
     background-color: #0000;
   }
 
+  :where(.file-preview-root):is(.bg-white), :where(.file-preview-root) .bg-white {
+    background-color: var(--cs-white);
+  }
+
   :where(.file-preview-root):is(.fill-current), :where(.file-preview-root) .fill-current {
     fill: currentColor;
   }
@@ -1180,6 +1193,10 @@
     overflow-wrap: break-word;
   }
 
+  :where(.file-preview-root):is(.wrap-anywhere), :where(.file-preview-root) .wrap-anywhere {
+    overflow-wrap: anywhere;
+  }
+
   :where(.file-preview-root):is(.whitespace-normal), :where(.file-preview-root) .whitespace-normal {
     white-space: normal;
   }
@@ -1188,6 +1205,10 @@
     white-space: nowrap;
   }
 
+  :where(.file-preview-root):is(.text-black), :where(.file-preview-root) .text-black {
+    color: var(--cs-black);
+  }
+
   :where(.file-preview-root):is(.text-card-foreground), :where(.file-preview-root) .text-card-foreground {
     color: var(--card-foreground);
   }
@@ -1656,12 +1677,17 @@
     opacity: 1;
   }
 
+  :where(.file-preview-root):is(.focus-visible\:ring-1:focus-visible), :where(.file-preview-root) .focus-visible\:ring-1:focus-visible {
+    --fp-tw-ring-shadow: var(--fp-tw-ring-inset, ) 0 0 0 calc(1px + var(--fp-tw-ring-offset-width)) var(--fp-tw-ring-color, currentcolor);
+    box-shadow: var(--fp-tw-inset-shadow), var(--fp-tw-inset-ring-shadow), var(--fp-tw-ring-offset-shadow), var(--fp-tw-ring-shadow), var(--fp-tw-shadow);
+  }
+
   :where(.file-preview-root):is(.focus-visible\:ring-2:focus-visible), :where(.file-preview-root) .focus-visible\:ring-2:focus-visible {
     --fp-tw-ring-shadow: var(--fp-tw-ring-inset, ) 0 0 0 calc(2px + var(--fp-tw-ring-offset-width)) var(--fp-tw-ring-color, currentcolor);
     box-shadow: var(--fp-tw-inset-shadow), var(--fp-tw-inset-ring-shadow), var(--fp-tw-ring-offset-shadow), var(--fp-tw-ring-shadow), var(--fp-tw-shadow);
   }
 
-  :where(.file-preview-root):is(.focus-visible\:ring-ring\/50:focus-visible), :where(.file-preview-root) .focus-visible\:ring-ring\/50:focus-visible {
+  :where(.file-preview-root):is(.focus-visible\:ring-ring:focus-visible), :where(.file-preview-root) .focus-visible\:ring-ring:focus-visible, :where(.file-preview-root):is(.focus-visible\:ring-ring\/50:focus-visible), :where(.file-preview-root) .focus-visible\:ring-ring\/50:focus-visible {
     --fp-tw-ring-color: var(--ring);
   }
 
@@ -1671,6 +1697,11 @@
     }
   }
 
+  :where(.file-preview-root):is(.focus-visible\:outline-none:focus-visible), :where(.file-preview-root) .focus-visible\:outline-none:focus-visible {
+    --fp-tw-outline-style: none;
+    outline-style: none;
+  }
+
   :where(.file-preview-root):is(.focus-visible\:ring-inset:focus-visible), :where(.file-preview-root) .focus-visible\:ring-inset:focus-visible {
     --fp-tw-ring-inset: inset;
   }
@@ -2087,6 +2118,14 @@
     outline-color: var(--primary);
   }
 
+  .\[\&_a\]\:underline a {
+    text-decoration-line: underline;
+  }
+
+  .\[\&_img\]\:max-w-full img {
+    max-width: 100%;
+  }
+
   .\[\&_p\[data-docx-picked\=true\]\]\:bg-primary\/15 p[data-docx-picked="true"] {
     background-color: var(--primary);
   }
@@ -2134,6 +2173,10 @@
     height: 18px !important;
   }
 
+  .\[\&_svg\]\:max-w-full svg {
+    max-width: 100%;
+  }
+
   .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }