@haklex/rich-renderer-file 0.37.0

package/dist/FileEditRenderer.d.ts

@@ -0,0 +1,3 @@
+import { FileRendererProps } from '@haklex/rich-editor/renderers';
+export declare function FileEditRenderer(props: FileRendererProps): import("react").JSX.Element;
+//# sourceMappingURL=FileEditRenderer.d.ts.map

package/dist/FileEditRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileEditRenderer.d.ts","sourceRoot":"","sources":["../src/FileEditRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AA2BvE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,+BAQxD"}

package/dist/FileRenderer-uBZ1oNB_.js

@@ -0,0 +1,91 @@
+import { fileMetaText } from "@haklex/rich-editor/renderers";
+import { Download, Paperclip } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/styles.css.ts
+var semanticClassNames = {
+	card: "rr-file-card",
+	cardIcon: "rr-file-card-icon",
+	cardMeta: "rr-file-card-meta",
+	cardName: "rr-file-card-name",
+	cardSub: "rr-file-card-sub",
+	cardAction: "rr-file-card-action",
+	cardProgress: "rr-file-card-progress",
+	cardProgressFill: "rr-file-card-progress-fill",
+	chip: "rr-file-chip",
+	chipIcon: "rr-file-chip-icon",
+	chipName: "rr-file-chip-name",
+	editTrigger: "rr-file-edit-trigger",
+	editPanel: "rr-file-edit-panel",
+	editField: "rr-file-edit-field",
+	editInput: "rr-file-edit-input",
+	editError: "rr-file-edit-error"
+};
+var card = "_1rf0wm60";
+var cardIcon = "_1rf0wm62";
+var cardMeta = "_1rf0wm63";
+var cardName = "_1rf0wm64";
+var cardSub = "_1rf0wm65";
+var cardAction = "_1rf0wm66";
+var cardProgress = "_1rf0wm67";
+var cardProgressFill = "_1rf0wm68";
+var cardError = "_1rf0wm69";
+var cardErrorText = "_1rf0wm6a";
+var chip = "_1rf0wm6b";
+var chipIcon = "_1rf0wm6c";
+var chipName = "_1rf0wm6d";
+var editTrigger = "_1rf0wm6e";
+var editTriggerInline = "_1rf0wm6f";
+var editPanel = "_1rf0wm6g";
+var editField = "_1rf0wm6h";
+var editFieldIcon = "_1rf0wm6i";
+var editInput = "_1rf0wm6j";
+var editError = "_1rf0wm6k";
+//#endregion
+//#region src/FileRenderer.tsx
+function FileChipContent({ name }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Paperclip, { className: `${chipIcon} ${semanticClassNames.chipIcon}` }), /* @__PURE__ */ jsx("span", {
+		className: `${chipName} ${semanticClassNames.chipName}`,
+		children: name
+	})] });
+}
+function FileCardContent({ name, size, ext }) {
+	const meta = fileMetaText(name, size, ext);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Paperclip, { className: `${cardIcon} ${semanticClassNames.cardIcon}` }),
+		/* @__PURE__ */ jsxs("span", {
+			className: `${cardMeta} ${semanticClassNames.cardMeta}`,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: `${cardName} ${semanticClassNames.cardName}`,
+				children: name
+			}), meta && /* @__PURE__ */ jsx("span", {
+				className: `_1rf0wm65 ${semanticClassNames.cardSub}`,
+				children: meta
+			})]
+		}),
+		/* @__PURE__ */ jsx(Download, { className: `${cardAction} ${semanticClassNames.cardAction}` })
+	] });
+}
+function FileRenderer({ src, name, size, ext, display }) {
+	if (display === "inline") return /* @__PURE__ */ jsx("a", {
+		className: `${chip} ${semanticClassNames.chip}`,
+		download: name,
+		href: src || void 0,
+		rel: "noopener noreferrer",
+		target: "_blank",
+		children: /* @__PURE__ */ jsx(FileChipContent, { name })
+	});
+	return /* @__PURE__ */ jsx("a", {
+		className: `${card} ${semanticClassNames.card}`,
+		download: name,
+		href: src || void 0,
+		rel: "noopener noreferrer",
+		target: "_blank",
+		children: /* @__PURE__ */ jsx(FileCardContent, {
+			ext,
+			name,
+			size
+		})
+	});
+}
+//#endregion
+export { editInput as _, cardError as a, editTriggerInline as b, cardMeta as c, cardProgressFill as d, cardSub as f, editFieldIcon as g, editField as h, card as i, cardName as l, editError as m, FileChipContent as n, cardErrorText as o, chip as p, FileRenderer as r, cardIcon as s, FileCardContent as t, cardProgress as u, editPanel as v, semanticClassNames as x, editTrigger as y };

package/dist/FileRenderer.d.ts

@@ -0,0 +1,11 @@
+import { FileRendererProps } from '@haklex/rich-editor/renderers';
+export declare function FileChipContent({ name }: {
+    name: string;
+}): import("react").JSX.Element;
+export declare function FileCardContent({ name, size, ext, }: {
+    ext?: string;
+    name: string;
+    size?: number;
+}): import("react").JSX.Element;
+export declare function FileRenderer({ src, name, size, ext, display }: FileRendererProps): import("react").JSX.Element;
+//# sourceMappingURL=FileRenderer.d.ts.map

package/dist/FileRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileRenderer.d.ts","sourceRoot":"","sources":["../src/FileRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAMvE,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,+BAOzD;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,+BAcA;AAED,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,iBAAiB,+BA0BhF"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { FileEditRenderer } from './FileEditRenderer';
+export { FileRenderer } from './FileRenderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.mjs

@@ -0,0 +1,263 @@
+import { _ as editInput, a as cardError, b as editTriggerInline, c as cardMeta, d as cardProgressFill, f as cardSub, g as editFieldIcon, h as editField, i as card, l as cardName, n as FileChipContent, o as cardErrorText, p as chip, r as FileRenderer, s as cardIcon, t as FileCardContent, u as cardProgress, v as editPanel, x as semanticClassNames, y as editTrigger } from "./FileRenderer-uBZ1oNB_.js";
+import { $createFileNode, $isFileNode, fileExtFromName } from "@haklex/rich-editor/nodes";
+import { useFileUpload, useFileUploadEntry } from "@haklex/rich-editor/plugins";
+import { fileMetaText } from "@haklex/rich-editor/renderers";
+import { useRendererMode } from "@haklex/rich-editor/static";
+import { ActionBar, ActionButton, Popover, PopoverPanel, PopoverTrigger } from "@haklex/rich-editor-ui";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $createParagraphNode, $getNodeByKey } from "lexical";
+import { AlertCircle, Download, Link2, Paperclip, Pencil, Pilcrow, RefreshCw, Trash2 } from "lucide-react";
+import { useCallback, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/FileEditRenderer.tsx
+function FileEditRenderer(props) {
+	if (useRendererMode() !== "editor" || !props.nodeKey) return /* @__PURE__ */ jsx(FileRenderer, { ...props });
+	return /* @__PURE__ */ jsx(FileEditRendererInner, {
+		...props,
+		nodeKey: props.nodeKey
+	});
+}
+function FileEditRendererInner({ src, name, size, mimeType, ext, display, nodeKey }) {
+	const [editor] = useLexicalComposerContext();
+	const editable = editor.isEditable();
+	const fileUpload = useFileUpload();
+	const uploadEntry = useFileUploadEntry(editor, nodeKey);
+	const fileInputRef = useRef(null);
+	const [open, setOpen] = useState(false);
+	const [editName, setEditName] = useState(name);
+	const [replacing, setReplacing] = useState(false);
+	const [replacePercent, setReplacePercent] = useState(0);
+	const [replaceError, setReplaceError] = useState(null);
+	const commitName = useCallback(() => {
+		const trimmed = editName.trim();
+		if (!trimmed || trimmed === name) {
+			setEditName(name);
+			return;
+		}
+		editor.update(() => {
+			const node = $getNodeByKey(nodeKey);
+			if ($isFileNode(node)) node.setName(trimmed);
+		});
+	}, [
+		editor,
+		editName,
+		name,
+		nodeKey
+	]);
+	const handleDelete = useCallback(() => {
+		editor.update(() => {
+			const node = $getNodeByKey(nodeKey);
+			if (node) node.remove();
+		});
+		setOpen(false);
+	}, [editor, nodeKey]);
+	const handleToggleDisplay = useCallback(() => {
+		editor.update(() => {
+			const node = $getNodeByKey(nodeKey);
+			if (!$isFileNode(node)) return;
+			const payload = node.getPayload();
+			const nextDisplay = payload.display === "inline" ? "block" : "inline";
+			const replacement = $createFileNode({
+				...payload,
+				display: nextDisplay
+			});
+			if (nextDisplay === "inline") {
+				const paragraph = $createParagraphNode();
+				paragraph.append(replacement);
+				node.replace(paragraph);
+			} else {
+				node.getTopLevelElementOrThrow().insertAfter(replacement);
+				node.remove();
+			}
+		});
+		setOpen(false);
+	}, [editor, nodeKey]);
+	const handleCopyLink = useCallback(() => {
+		if (src) navigator.clipboard.writeText(src);
+		setOpen(false);
+	}, [src]);
+	const handleDownload = useCallback(() => {
+		if (!src) return;
+		const anchor = document.createElement("a");
+		anchor.href = src;
+		anchor.download = name;
+		anchor.rel = "noopener noreferrer";
+		anchor.target = "_blank";
+		anchor.click();
+	}, [src, name]);
+	const handleReplaceFile = useCallback(async (file) => {
+		if (!file || !fileUpload) return;
+		setReplacing(true);
+		setReplacePercent(0);
+		setReplaceError(null);
+		try {
+			const result = await fileUpload(file, { onProgress: (percent) => setReplacePercent(Math.round(percent)) });
+			editor.update(() => {
+				const node = $getNodeByKey(nodeKey);
+				if (!$isFileNode(node)) return;
+				node.setFilePayload({
+					src: result.src,
+					name: file.name,
+					size: file.size,
+					mimeType: file.type || void 0,
+					ext: fileExtFromName(file.name)
+				});
+			});
+			setEditName(file.name);
+			setOpen(false);
+		} catch (err) {
+			console.error("[FileEditRenderer]", err);
+			setReplaceError("Upload failed");
+		} finally {
+			setReplacing(false);
+		}
+	}, [
+		editor,
+		fileUpload,
+		nodeKey
+	]);
+	if (!editable) return /* @__PURE__ */ jsx(FileRenderer, {
+		display,
+		ext,
+		mimeType,
+		name,
+		size,
+		src
+	});
+	if (uploadEntry) return /* @__PURE__ */ jsxs("span", {
+		className: `${card} ${uploadEntry.status === "error" ? cardError : ""} ${semanticClassNames.card}`,
+		children: [
+			uploadEntry.status === "error" ? /* @__PURE__ */ jsx(AlertCircle, {
+				className: `${cardIcon} ${cardErrorText}`,
+				size: 20
+			}) : /* @__PURE__ */ jsx(Paperclip, { className: cardIcon }),
+			/* @__PURE__ */ jsxs("span", {
+				className: `${cardMeta} ${semanticClassNames.cardMeta}`,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: `${cardName} ${semanticClassNames.cardName}`,
+					children: name
+				}), uploadEntry.status === "error" ? /* @__PURE__ */ jsx("span", {
+					className: `${cardSub} ${cardErrorText}`,
+					children: uploadEntry.error ?? "Upload failed"
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+					className: `${cardSub} ${semanticClassNames.cardSub}`,
+					children: [/* @__PURE__ */ jsx("span", { children: "Uploading..." }), /* @__PURE__ */ jsxs("span", { children: [uploadEntry.percent, "%"] })]
+				}), /* @__PURE__ */ jsx("span", {
+					className: `${cardProgress} ${semanticClassNames.cardProgress}`,
+					children: /* @__PURE__ */ jsx("span", {
+						className: `${cardProgressFill} ${semanticClassNames.cardProgressFill}`,
+						style: { width: `${uploadEntry.percent}%` }
+					})
+				})] })]
+			}),
+			uploadEntry.status === "error" && /* @__PURE__ */ jsxs(ActionBar, { children: [/* @__PURE__ */ jsxs(ActionButton, {
+				onClick: uploadEntry.retry,
+				children: [/* @__PURE__ */ jsx(RefreshCw, { size: 14 }), "Retry"]
+			}), /* @__PURE__ */ jsx(ActionButton, {
+				danger: true,
+				onClick: uploadEntry.remove,
+				children: "Remove"
+			})] })
+		]
+	});
+	const isInline = display === "inline";
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: (nextOpen) => {
+			setOpen(nextOpen);
+			if (nextOpen) {
+				setEditName(name);
+				setReplaceError(null);
+			} else commitName();
+		},
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			nativeButton: false,
+			render: isInline ? /* @__PURE__ */ jsx("span", { className: `${editTriggerInline} ${semanticClassNames.editTrigger}` }) : /* @__PURE__ */ jsx("div", { className: `${editTrigger} ${semanticClassNames.editTrigger}` }),
+			children: isInline ? /* @__PURE__ */ jsx("span", {
+				className: `${chip} ${semanticClassNames.chip}`,
+				children: /* @__PURE__ */ jsx(FileChipContent, { name })
+			}) : /* @__PURE__ */ jsx("span", {
+				className: `${card} ${semanticClassNames.card}`,
+				children: /* @__PURE__ */ jsx(FileCardContent, {
+					ext,
+					name,
+					size
+				})
+			})
+		}), /* @__PURE__ */ jsxs(PopoverPanel, {
+			className: `${editPanel} ${semanticClassNames.editPanel}`,
+			side: "bottom",
+			sideOffset: 8,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: `${editField} ${semanticClassNames.editField}`,
+					children: [/* @__PURE__ */ jsx(Pencil, {
+						className: editFieldIcon,
+						size: 14
+					}), /* @__PURE__ */ jsx("input", {
+						className: `${editInput} ${semanticClassNames.editInput}`,
+						placeholder: "File name",
+						value: editName,
+						onBlur: commitName,
+						onChange: (e) => setEditName(e.target.value),
+						onKeyDown: (e) => {
+							if (e.key === "Enter") {
+								e.preventDefault();
+								commitName();
+								setOpen(false);
+							} else if (e.key === "Escape") {
+								e.preventDefault();
+								setEditName(name);
+								setOpen(false);
+							}
+						}
+					})]
+				}),
+				fileMetaText(name, size, ext) && /* @__PURE__ */ jsx("span", {
+					className: "_1rf0wm65",
+					children: fileMetaText(name, size, ext)
+				}),
+				replaceError && /* @__PURE__ */ jsx("span", {
+					className: `_1rf0wm6k ${semanticClassNames.editError}`,
+					children: replaceError
+				}),
+				/* @__PURE__ */ jsxs(ActionBar, { children: [
+					fileUpload && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
+						ref: fileInputRef,
+						style: { display: "none" },
+						type: "file",
+						onChange: (e) => {
+							handleReplaceFile(e.currentTarget.files?.[0] ?? null);
+							e.currentTarget.value = "";
+						}
+					}), /* @__PURE__ */ jsxs(ActionButton, {
+						disabled: replacing,
+						onClick: () => fileInputRef.current?.click(),
+						children: [/* @__PURE__ */ jsx(RefreshCw, { size: 14 }), replacing ? `Uploading ${replacePercent}%` : "Replace"]
+					})] }),
+					/* @__PURE__ */ jsxs(ActionButton, {
+						onClick: handleToggleDisplay,
+						children: [/* @__PURE__ */ jsx(Pilcrow, { size: 14 }), isInline ? "To block" : "To inline"]
+					}),
+					/* @__PURE__ */ jsxs(ActionButton, {
+						disabled: !src,
+						onClick: handleCopyLink,
+						children: [/* @__PURE__ */ jsx(Link2, { size: 14 }), "Copy link"]
+					}),
+					/* @__PURE__ */ jsx(ActionButton, {
+						disabled: !src,
+						onClick: handleDownload,
+						children: /* @__PURE__ */ jsx(Download, { size: 14 })
+					}),
+					/* @__PURE__ */ jsx(ActionButton, {
+						danger: true,
+						onClick: handleDelete,
+						children: /* @__PURE__ */ jsx(Trash2, { size: 14 })
+					})
+				] })
+			]
+		})]
+	});
+}
+//#endregion
+export { FileEditRenderer, FileRenderer };

package/dist/rich-renderer-file.css

@@ -0,0 +1,2 @@
+:root{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}:root.dark,[data-theme=dark]{--rc-text:#fafafa;--rc-text-secondary:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}.xa3az60{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.xa3az61{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.8;--rc-line-height-tight:1.4;--rc-font-family:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.xa3az62{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#a3a3a3;--rc-quote-bg:#fafafa;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:2px;--rc-space-sm:4px;--rc-space-md:10px;--rc-space-lg:16px;--rc-space-xl:20px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:14px;--rc-font-size-small:12px;--rc-line-height:1.5;--rc-line-height-tight:1.3;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:3px;--rc-radius-md:6px;--rc-radius-lg:12px}.dark .xa3az60,[data-theme=dark] .xa3az60,.dark.xa3az60,[data-theme=dark].xa3az60,.dark .xa3az61,[data-theme=dark] .xa3az61,.dark.xa3az61,[data-theme=dark].xa3az61,.dark .xa3az62,[data-theme=dark] .xa3az62,.dark.xa3az62,[data-theme=dark].xa3az62{--rc-text:#fafafa;--rc-text-secondary:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}._1rf0wm60{box-sizing:border-box;border:1px solid var(--rc-border);background:var(--rc-bg);width:100%;max-width:35rem;color:var(--rc-text);font-family:var(--rc-font-family-sans);border-radius:.5rem;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem 1rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}a._1rf0wm60:hover{border-color:color-mix(in srgb, var(--rc-border), var(--rc-text) 25%);background-color:var(--rc-fill-tertiary)}._1rf0wm62{width:1.25rem;height:1.25rem;color:var(--rc-text-tertiary);flex:none}._1rf0wm63{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}._1rf0wm64{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.4;display:block;overflow:hidden}._1rf0wm65{color:var(--rc-text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;gap:.75rem;font-size:.75rem;line-height:1.4;display:flex}._1rf0wm66{width:1rem;height:1rem;color:var(--rc-text-quaternary);flex:none}._1rf0wm60:hover ._1rf0wm66{color:var(--rc-text)}._1rf0wm67{background:var(--rc-fill-secondary);border-radius:2px;height:3px;margin-top:.25rem;overflow:hidden}._1rf0wm68{background:var(--rc-text);border-radius:2px;height:100%;transition:width .2s;display:block}._1rf0wm69{background:#ef44440f;border-color:#fecaca}._1rf0wm6a{color:#b91c1c}._1rf0wm6b{box-sizing:border-box;border:1px solid var(--rc-border);background:var(--rc-bg);max-width:16.25rem;color:var(--rc-text);vertical-align:baseline;border-radius:.3125rem;align-items:center;gap:.25rem;padding:0 .4375rem 0 .3125rem;font-size:.85em;font-weight:500;line-height:1.35;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}a._1rf0wm6b:hover{border-color:color-mix(in srgb, var(--rc-border), var(--rc-text) 25%);background-color:var(--rc-fill-tertiary)}._1rf0wm6c{width:.8125rem;height:.8125rem;color:var(--rc-text-tertiary);flex:none}._1rf0wm6d{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._1rf0wm6e{cursor:pointer;display:block}._1rf0wm6f{cursor:pointer;display:inline-block}._1rf0wm6g{flex-direction:column;gap:.5rem;display:flex}._1rf0wm6g._1rf0wm6g{width:max-content;min-width:18rem;max-width:min(26rem,92vw)}._1rf0wm6h{align-items:center;gap:.5rem;display:flex}._1rf0wm6i{color:var(--rc-text-tertiary);flex:none}._1rf0wm6j{border:1px solid var(--rc-border);background:var(--rc-bg);min-width:0;color:var(--rc-text);border-radius:.375rem;outline:none;flex:1;padding:.375rem .5rem;font-family:inherit;font-size:.8125rem}._1rf0wm6j:focus{border-color:color-mix(in srgb, var(--rc-border), var(--rc-text) 25%)}._1rf0wm6k{color:#b91c1c;font-size:.75rem}
+/*$vite$:1*/

package/dist/static.d.ts

@@ -0,0 +1,2 @@
+export { FileRenderer } from './FileRenderer';
+//# sourceMappingURL=static.d.ts.map

package/dist/static.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/static.mjs

@@ -0,0 +1,2 @@
+import { r as FileRenderer } from "./FileRenderer-uBZ1oNB_.js";
+export { FileRenderer };

package/dist/styles.css.d.ts

@@ -0,0 +1,40 @@
+export declare const semanticClassNames: {
+    readonly card: "rr-file-card";
+    readonly cardIcon: "rr-file-card-icon";
+    readonly cardMeta: "rr-file-card-meta";
+    readonly cardName: "rr-file-card-name";
+    readonly cardSub: "rr-file-card-sub";
+    readonly cardAction: "rr-file-card-action";
+    readonly cardProgress: "rr-file-card-progress";
+    readonly cardProgressFill: "rr-file-card-progress-fill";
+    readonly chip: "rr-file-chip";
+    readonly chipIcon: "rr-file-chip-icon";
+    readonly chipName: "rr-file-chip-name";
+    readonly editTrigger: "rr-file-edit-trigger";
+    readonly editPanel: "rr-file-edit-panel";
+    readonly editField: "rr-file-edit-field";
+    readonly editInput: "rr-file-edit-input";
+    readonly editError: "rr-file-edit-error";
+};
+export declare const card: string;
+export declare const cardStatic: string;
+export declare const cardIcon: string;
+export declare const cardMeta: string;
+export declare const cardName: string;
+export declare const cardSub: string;
+export declare const cardAction: string;
+export declare const cardProgress: string;
+export declare const cardProgressFill: string;
+export declare const cardError: string;
+export declare const cardErrorText: string;
+export declare const chip: string;
+export declare const chipIcon: string;
+export declare const chipName: string;
+export declare const editTrigger: string;
+export declare const editTriggerInline: string;
+export declare const editPanel: string;
+export declare const editField: string;
+export declare const editFieldIcon: string;
+export declare const editInput: string;
+export declare const editError: string;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;CAiBrB,CAAC;AAIX,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,UAAU,QAAY,CAAC;AAEpC,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAQnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,UAAU,QAUrB,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAM3B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,IAAI,QAuBf,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAWpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,aAAa,QAGxB,CAAC;AAEH,eAAO,MAAM,SAAS,QAcpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@haklex/rich-renderer-file",
+  "version": "0.37.0",
+  "description": "File attachment renderer",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Innei/haklex.git",
+    "directory": "packages/rich-renderer-file"
+  },
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./static": {
+      "import": "./dist/static.mjs",
+      "types": "./dist/static.d.ts"
+    },
+    "./style.css": "./dist/rich-renderer-file.css"
+  },
+  "main": "./dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@base-ui/react": "^1.7.0",
+    "@lexical/react": "^0.49.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@vanilla-extract/css": "^1.21.2",
+    "@vanilla-extract/vite-plugin": "^5.2.6",
+    "lexical": "^0.49.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "typescript": "^7.0.2",
+    "unplugin-dts": "^1.0.3",
+    "vite": "^8.2.2"
+  },
+  "peerDependencies": {
+    "@base-ui/react": ">=1.5.0",
+    "@lexical/react": "^0.49.0",
+    "lexical": "^0.49.0",
+    "lucide-react": "^1.0.0",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "@haklex/rich-editor": "^0.37.0",
+    "@haklex/rich-editor-ui": "^0.37.0",
+    "@haklex/rich-style-token": "^0.37.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev:build": "vite build --watch"
+  },
+  "types": "./dist/index.d.ts"
+}