tiptap-markdown-react 1.2.1 → 1.3.1

package/dist/{ReportContentWithCharts-BMpzNVsX.js → ReportContentWithCharts-cjidlvfi.js}

@@ -1,8 +1,341 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useLayoutEffect } from "react";
-import { c as styles$1, R as ReportContent, p as parseChartFenceBody } from "./ReportContent-B7okwVW0.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useLayoutEffect } from "react";
+import { l as normalizeImageCrop, m as cropImageBox, o as styles$2, R as ReportContent, p as parseChartFenceBody } from "./ReportContent-Bc5q1bYp.js";
 import { Chart, CategoryScale, LinearScale, PointElement, LineElement, BarElement, ArcElement, LineController, BarController, PieController, DoughnutController, Filler, Legend, Tooltip } from "chart.js";
+import { createPortal } from "react-dom";
+function Svg({ size = "1em", children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...rest,
+      children
+    }
+  );
+}
+const BoldIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+] });
+const ItalicIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "19", x2: "10", y1: "4", y2: "4" }),
+  /* @__PURE__ */ jsx("line", { x1: "14", x2: "5", y1: "20", y2: "20" }),
+  /* @__PURE__ */ jsx("line", { x1: "15", x2: "9", y1: "4", y2: "20" })
+] });
+const UnderlineIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "20", y2: "20" })
+] });
+const StrikethroughIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" })
+] });
+const CodeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("polyline", { points: "16 18 22 12 16 6" }),
+  /* @__PURE__ */ jsx("polyline", { points: "8 6 2 12 8 18" })
+] });
+const LinkIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+] });
+const EraserIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
+  /* @__PURE__ */ jsx("path", { d: "M22 21H7" }),
+  /* @__PURE__ */ jsx("path", { d: "m5 11 9 9" })
+] });
+const RotateCcwIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+] });
+const ExternalLinkIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+] });
+const ImageIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+] });
+const BlockSvg = ({ size = "1em", children, ...rest }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none",
+    "aria-hidden": "true",
+    focusable: "false",
+    ...rest,
+    children
+  }
+);
+const AlignLeftIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "8.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "19", width: "12", height: "2.4", rx: "1.2" })
+] });
+const AlignCenterIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "6", y: "8.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "6", y: "19", width: "12", height: "2.4", rx: "1.2" })
+] });
+const AlignRightIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "8.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "19", width: "12", height: "2.4", rx: "1.2" })
+] });
+const AlignJustifyIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3.4", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "8.6", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.8", width: "18", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "19", width: "18", height: "2.4", rx: "1.2" })
+] });
+const IndentIncreaseIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 6.6 8.5 10.8 3 15 Z" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "3.6", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "10.8", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "18", width: "10.5", height: "2.4", rx: "1.2" })
+] });
+const IndentDecreaseIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M8.5 6.6 3 10.8 8.5 15 Z" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "3.6", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "10.8", width: "10.5", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "10.5", y: "18", width: "10.5", height: "2.4", rx: "1.2" })
+] });
+const LineHeightIcon = (p) => /* @__PURE__ */ jsxs(BlockSvg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "1.8", y: "4.4", width: "2.4", height: "15.2", rx: "1.2" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 2.4 5.4 5.8 H0.6 Z" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 21.6 0.6 18.2 H5.4 Z" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "5.6", width: "12", height: "2.4", rx: "1.2" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "16", width: "12", height: "2.4", rx: "1.2" })
+] });
+const CaptionsIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "14", x: "3", y: "5", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 15h4" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 15h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 11h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 11h4" })
+] });
+const CropIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 2v14a2 2 0 0 0 2 2h14" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 22V8a2 2 0 0 0-2-2H2" })
+] });
+const ImportIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
+  /* @__PURE__ */ jsx("path", { d: "m8 11 4 4 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4" })
+] });
+const ListUnorderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
+] });
+const ListOrderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "18", y2: "18" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 6h1v4" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 10h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+] });
+const DetailsIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m9 7 4 5-4 5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 7h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 12h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 17h5" })
+] });
+const ListChecksIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m3 17 2 2 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 2 2 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 6h8" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 12h8" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 18h8" })
+] });
+const UndoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M9 14 4 9l5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5 5.5 5.5 0 0 1-5.5 5.5H11" })
+] });
+const RedoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m15 14 5-5-5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5 5.5 5.5 0 0 0 9.5 20H13" })
+] });
+const ChevronDownIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+const CheckIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+const TrashIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "10", y1: "11", y2: "17" }),
+  /* @__PURE__ */ jsx("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
+] });
+const LockIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+] });
+const MenuIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+] });
+const SearchIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+] });
+const XIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+  /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+] });
+const ChevronLeftIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) });
+const ChevronRightIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
+const ZoomInIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" }),
+  /* @__PURE__ */ jsx("path", { d: "M11 8v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 11h6" })
+] });
+const ZoomOutIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 11h6" })
+] });
+const RotateCwIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })
+] });
+const FitIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m15 15 6 6" }),
+  /* @__PURE__ */ jsx("path", { d: "m15 9 6-6" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 16v5h-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 8V3h-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 16v5h5" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 21 6-6" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 8V3h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 9 3 3" })
+] });
+const ExpandIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 3-7 7" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 21H3v-6" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 21 7-7" })
+] });
+const ChevronUpIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }) });
+const ReplaceIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 4a1 1 0 0 1 1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 10a1 1 0 0 1-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 4a1 1 0 0 0-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 9a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 3 3 3-3" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 10V5a2 2 0 0 1 2-2h2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" })
+] });
+const ReplaceAllIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 4a1 1 0 0 1 1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 10a1 1 0 0 1-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 4a1 1 0 0 0-1-1" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 9a1 1 0 0 1-1 1" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 3 3 3-3" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 10V5a2 2 0 0 1 2-2h2" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" })
+] });
+const ColumnBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "11", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M5 9v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M2 12h6" })
+] });
+const ColumnAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "11", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 9v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M16 12h6" })
+] });
+const ColumnDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "m8 9 8 6" }),
+  /* @__PURE__ */ jsx("path", { d: "m16 9-8 6" })
+] });
+const RowBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "10", width: "16", height: "11", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 14h16" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 5h6" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 2v6" })
+] });
+const RowAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "3", width: "16", height: "11", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 10h16" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 19h6" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 16v6" })
+] });
+const RowDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 12h16" }),
+  /* @__PURE__ */ jsx("path", { d: "m9 8 6 8" }),
+  /* @__PURE__ */ jsx("path", { d: "m15 8-6 8" })
+] });
+const TableDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 9h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "m7 2 10 20" })
+] });
+const CopyIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+] });
+const ChevronsUpDownIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })
+] });
+const GripIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, fill: "currentColor", strokeWidth: 0, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "6", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "6", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "12", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "12", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "18", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "18", r: "1.25" })
+] });
+const DownloadIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+  /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+] });
+const KeyboardIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 16h10" })
+] });
 const defaultChartLabels = {
   tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
   done: "Done",
@@ -56,6 +389,18 @@ const defaultToolbarLabels = {
   imageAlignRight: "Align right",
   imageCaption: "Caption",
   imageCaptionPlaceholder: "Add a caption…",
+  imageCrop: "Crop",
+  imageCropApply: "Apply",
+  imageCropCancel: "Cancel",
+  imageCropReset: "Reset crop",
+  imagePreview: "Preview",
+  imagePreviewClose: "Close",
+  imagePreviewPrev: "Previous image",
+  imagePreviewNext: "Next image",
+  imagePreviewZoomOut: "Zoom out",
+  imagePreviewZoomIn: "Zoom in",
+  imagePreviewFit: "Fit",
+  imagePreviewRotate: "Rotate",
   importMarkdownFailed: "Markdown import failed",
   importDocument: "Import",
   importDocumentHint: "Import a file",
@@ -178,8 +523,8 @@ const defaultShortcutLabels = {
 };
 const defaultCharacterCountLabels = {
   label: "Document statistics",
-  characters: (count) => `${count} ${count === 1 ? "character" : "characters"}`,
-  words: (count) => `${count} ${count === 1 ? "word" : "words"}`
+  characters: (count2) => `${count2} ${count2 === 1 ? "character" : "characters"}`,
+  words: (count2) => `${count2} ${count2 === 1 ? "word" : "words"}`
 };
 const defaultEmojiSuggestionLabels = {
   menuLabel: "Emoji"
@@ -227,10 +572,10 @@ const defaultImageUploadLabels = {
   dropzoneClick: "Click to upload",
   dropzoneRest: " or drag and drop",
   dropzoneLimits: (limit, maxSizeMb) => {
-    const count = `Maximum ${limit} file${limit === 1 ? "" : "s"}`;
-    return maxSizeMb == null ? `${count}.` : `${count}, ${maxSizeMb}MB each.`;
+    const count2 = `Maximum ${limit} file${limit === 1 ? "" : "s"}`;
+    return maxSizeMb == null ? `${count2}.` : `${count2}, ${maxSizeMb}MB each.`;
   },
-  uploadingCount: (count) => `Uploading ${count} files`,
+  uploadingCount: (count2) => `Uploading ${count2} files`,
   clearAll: "Clear all",
   remove: "Remove",
   failed: "Upload failed",
@@ -282,6 +627,18 @@ const zh = {
     imageAlignRight: "右对齐",
     imageCaption: "图片描述",
     imageCaptionPlaceholder: "添加描述…",
+    imageCrop: "图片剪裁",
+    imageCropApply: "应用",
+    imageCropCancel: "取消",
+    imageCropReset: "重置剪裁",
+    imagePreview: "图片预览",
+    imagePreviewClose: "关闭",
+    imagePreviewPrev: "上一张",
+    imagePreviewNext: "下一张",
+    imagePreviewZoomOut: "缩小",
+    imagePreviewZoomIn: "放大",
+    imagePreviewFit: "自适应",
+    imagePreviewRotate: "旋转",
     importMarkdownFailed: "Markdown 导入失败",
     importDocument: "导入",
     importDocumentHint: "导入文件",
@@ -412,8 +769,8 @@ const zh = {
   },
   characterCount: {
     label: "字数统计",
-    characters: (count) => `${count} 字符`,
-    words: (count) => `${count} 词`
+    characters: (count2) => `${count2} 字符`,
+    words: (count2) => `${count2} 词`
   },
   emoji: {
     menuLabel: "表情"
@@ -461,10 +818,10 @@ const zh = {
     dropzoneClick: "点击上传",
     dropzoneRest: "，或拖拽到此处",
     dropzoneLimits: (limit, maxSizeMb) => {
-      const count = `最多 ${limit} 个文件`;
-      return maxSizeMb == null ? `${count}。` : `${count}，每个 ${maxSizeMb}MB。`;
+      const count2 = `最多 ${limit} 个文件`;
+      return maxSizeMb == null ? `${count2}。` : `${count2}，每个 ${maxSizeMb}MB。`;
     },
-    uploadingCount: (count) => `正在上传 ${count} 个文件`,
+    uploadingCount: (count2) => `正在上传 ${count2} 个文件`,
     clearAll: "全部清除",
     remove: "移除",
     failed: "上传失败",
@@ -490,6 +847,403 @@ const bundles = { en, zh };
 function getLocaleBundle(locale = "en") {
   return bundles[locale] ?? en;
 }
+const IMAGE_PREVIEW_EVENT = "tmr-image-preview";
+const ZOOM_STEP = 1.25;
+const ZOOM_MIN = 0.25;
+const ZOOM_MAX = 8;
+const PAD_X = 48;
+const PAD_Y = 88;
+function requestImagePreview(img) {
+  img.dispatchEvent(
+    new CustomEvent(IMAGE_PREVIEW_EVENT, { bubbles: true, detail: { img } })
+  );
+}
+function listPreviewImages(root2) {
+  return [...root2.querySelectorAll("img")].filter((node) => {
+    if (!(node instanceof HTMLImageElement)) return false;
+    if (!node.getAttribute("src")) return false;
+    if (node.closest("[data-image-lightbox]")) return false;
+    return true;
+  });
+}
+function toPreviewImage(img) {
+  return {
+    src: img.getAttribute("src") ?? "",
+    alt: img.getAttribute("alt") ?? "",
+    crop: normalizeImageCrop(img.getAttribute("data-crop"))
+  };
+}
+function previewImageFromTarget(target) {
+  if (!(target instanceof Element)) return null;
+  if (target.closest("[data-image-lightbox], [data-resize-handle], [data-image-cropping]")) {
+    return null;
+  }
+  const frame2 = target.closest(".tmr-image-crop");
+  const node = frame2 ? frame2.querySelector("img") : target.closest("img");
+  if (!(node instanceof HTMLImageElement)) return null;
+  if (!node.getAttribute("src")) return null;
+  if (node.closest("[data-image-lightbox]")) return null;
+  return node;
+}
+function previewPixelSize(naturalWidth, naturalHeight, crop) {
+  if (naturalWidth <= 0 || naturalHeight <= 0) return { width: 0, height: 0 };
+  if (!crop) return { width: naturalWidth, height: naturalHeight };
+  return { width: naturalWidth * crop.w, height: naturalHeight * crop.h };
+}
+function fitPreviewBox(input) {
+  const { imageWidth, imageHeight } = input;
+  if (imageWidth <= 0 || imageHeight <= 0) return null;
+  const quarter = (input.rotation % 360 + 360) % 360;
+  const swapped = quarter === 90 || quarter === 270;
+  const screenW = swapped ? imageHeight : imageWidth;
+  const screenH = swapped ? imageWidth : imageHeight;
+  const availW = Math.max(64, input.viewportWidth - PAD_X * 2);
+  const availH = Math.max(64, input.viewportHeight - PAD_Y * 2);
+  const fitScale = Math.min(availW / screenW, availH / screenH);
+  if (!Number.isFinite(fitScale) || fitScale <= 0) return null;
+  return {
+    width: imageWidth * fitScale,
+    height: imageHeight * fitScale,
+    actualZoom: 1 / fitScale
+  };
+}
+function nextPreviewZoom(action, zoom, actualZoom) {
+  if (action === "fit") return 1;
+  const max = Math.max(ZOOM_MAX, actualZoom);
+  const min = Math.min(ZOOM_MIN, actualZoom);
+  const next = action === "in" ? zoom * ZOOM_STEP : zoom / ZOOM_STEP;
+  return Math.min(max, Math.max(min, next));
+}
+const root = "_root_21634_3";
+const backdrop = "_backdrop_21634_13";
+const stage = "_stage_21634_21";
+const frame = "_frame_21634_31";
+const close = "_close_21634_50";
+const bar$1 = "_bar_21634_72";
+const tool = "_tool_21634_88";
+const count = "_count_21634_118";
+const styles$1 = {
+  root,
+  backdrop,
+  stage,
+  frame,
+  close,
+  bar: bar$1,
+  tool,
+  count
+};
+function ImagePreviewHost({
+  children,
+  locale = "en",
+  activate = "click"
+}) {
+  const ref = useRef(null);
+  const [session, setSession] = useState(
+    null
+  );
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const openFrom = (img) => {
+      if (!el.contains(img)) return;
+      const nodes = listPreviewImages(el);
+      const index = nodes.indexOf(img);
+      if (index < 0) return;
+      setSession({ images: nodes.map(toPreviewImage), index });
+    };
+    const onActivate = (event) => {
+      const img = previewImageFromTarget(event.target);
+      if (!img) return;
+      event.preventDefault();
+      openFrom(img);
+    };
+    const onRequest = (event) => {
+      var _a;
+      const img = (_a = event.detail) == null ? void 0 : _a.img;
+      if (!(img instanceof HTMLImageElement)) return;
+      openFrom(img);
+    };
+    const eventName = activate === "dblclick" ? "dblclick" : "click";
+    el.addEventListener(eventName, onActivate);
+    el.addEventListener(IMAGE_PREVIEW_EVENT, onRequest);
+    return () => {
+      el.removeEventListener(eventName, onActivate);
+      el.removeEventListener(IMAGE_PREVIEW_EVENT, onRequest);
+    };
+  }, [activate]);
+  const labels = getLocaleBundle(locale).toolbar;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: styles$1.root,
+      "data-image-preview": activate === "click" ? "click" : void 0,
+      children: [
+        children,
+        session && typeof document !== "undefined" ? createPortal(
+          /* @__PURE__ */ jsx(
+            ImageLightbox,
+            {
+              images: session.images,
+              index: session.index,
+              label: labels.imagePreview,
+              closeLabel: labels.imagePreviewClose,
+              prevLabel: labels.imagePreviewPrev,
+              nextLabel: labels.imagePreviewNext,
+              zoomOutLabel: labels.imagePreviewZoomOut,
+              zoomInLabel: labels.imagePreviewZoomIn,
+              fitLabel: labels.imagePreviewFit,
+              rotateLabel: labels.imagePreviewRotate,
+              onIndex: (index) => setSession((current) => current ? { ...current, index } : current),
+              onClose: () => setSession(null)
+            }
+          ),
+          document.body
+        ) : null
+      ]
+    }
+  );
+}
+function ImageLightbox({
+  images,
+  index,
+  label,
+  closeLabel,
+  prevLabel,
+  nextLabel,
+  zoomOutLabel,
+  zoomInLabel,
+  fitLabel,
+  rotateLabel,
+  onIndex,
+  onClose
+}) {
+  const image = images[index];
+  const dialogRef = useRef(null);
+  const imgRef = useRef(null);
+  const [natural, setNatural] = useState(null);
+  const [viewport, setViewport] = useState(() => ({
+    w: typeof window === "undefined" ? 0 : window.innerWidth,
+    h: typeof window === "undefined" ? 0 : window.innerHeight
+  }));
+  const [zoom, setZoom] = useState(1);
+  const [rotation, setRotation] = useState(0);
+  useEffect(() => {
+    setZoom(1);
+    setRotation(0);
+    setNatural(null);
+  }, [index, image == null ? void 0 : image.src]);
+  useEffect(() => {
+    const node = imgRef.current;
+    if (!node) return;
+    const read = () => {
+      if (node.naturalWidth > 0) {
+        setNatural({ w: node.naturalWidth, h: node.naturalHeight });
+      }
+    };
+    read();
+    node.addEventListener("load", read);
+    return () => node.removeEventListener("load", read);
+  }, [index, image == null ? void 0 : image.src]);
+  useEffect(() => {
+    const onResize = () => setViewport({ w: window.innerWidth, h: window.innerHeight });
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, []);
+  useEffect(() => {
+    var _a;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    (_a = dialogRef.current) == null ? void 0 : _a.focus();
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, []);
+  const pixels = image ? previewPixelSize((natural == null ? void 0 : natural.w) ?? 0, (natural == null ? void 0 : natural.h) ?? 0, image.crop) : { width: 0, height: 0 };
+  const fit = fitPreviewBox({
+    viewportWidth: viewport.w,
+    viewportHeight: viewport.h,
+    imageWidth: pixels.width,
+    imageHeight: pixels.height,
+    rotation
+  });
+  const actualZoom = (fit == null ? void 0 : fit.actualZoom) ?? 1;
+  useEffect(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        onClose();
+        return;
+      }
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (index > 0) onIndex(index - 1);
+        return;
+      }
+      if (event.key === "ArrowRight") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (index < images.length - 1) onIndex(index + 1);
+        return;
+      }
+    };
+    document.addEventListener("keydown", onKey, true);
+    return () => document.removeEventListener("keydown", onKey, true);
+  }, [images.length, index, onClose, onIndex]);
+  if (!image) return null;
+  const applyZoom = (action) => {
+    setZoom(nextPreviewZoom(action, zoom, actualZoom));
+  };
+  const cropStyle = image.crop ? cropImageBox(image.crop) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: dialogRef,
+      className: styles$1.backdrop,
+      "data-image-lightbox": "",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": label,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles$1.close,
+            "data-image-preview-action": "close",
+            title: closeLabel,
+            "aria-label": closeLabel,
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(XIcon, { size: 22 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles$1.stage,
+            onClick: (event) => {
+              if (event.target === event.currentTarget) onClose();
+            },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: styles$1.frame,
+                style: {
+                  width: fit ? `${fit.width}px` : void 0,
+                  height: fit ? `${fit.height}px` : void 0,
+                  visibility: fit ? "visible" : "hidden",
+                  transform: `rotate(${rotation}deg) scale(${zoom})`
+                },
+                children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    ref: imgRef,
+                    src: image.src,
+                    alt: image.alt,
+                    draggable: false,
+                    style: cropStyle ? {
+                      position: "absolute",
+                      maxWidth: "none",
+                      width: cropStyle.width,
+                      height: cropStyle.height,
+                      left: cropStyle.left,
+                      top: cropStyle.top
+                    } : void 0
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles$1.bar, role: "toolbar", "aria-label": label, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "prev",
+              title: prevLabel,
+              "aria-label": prevLabel,
+              disabled: index <= 0,
+              onClick: () => onIndex(index - 1),
+              children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: styles$1.count, children: [
+            index + 1,
+            "/",
+            images.length
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "next",
+              title: nextLabel,
+              "aria-label": nextLabel,
+              disabled: index >= images.length - 1,
+              onClick: () => onIndex(index + 1),
+              children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "zoom-out",
+              title: zoomOutLabel,
+              "aria-label": zoomOutLabel,
+              onClick: () => applyZoom("out"),
+              children: /* @__PURE__ */ jsx(ZoomOutIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "zoom-in",
+              title: zoomInLabel,
+              "aria-label": zoomInLabel,
+              onClick: () => applyZoom("in"),
+              children: /* @__PURE__ */ jsx(ZoomInIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "fit",
+              title: fitLabel,
+              "aria-label": fitLabel,
+              "aria-pressed": Math.abs(zoom - 1) < 0.02,
+              onClick: () => applyZoom("fit"),
+              children: /* @__PURE__ */ jsx(FitIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$1.tool,
+              "data-image-preview-action": "rotate",
+              title: rotateLabel,
+              "aria-label": rotateLabel,
+              onClick: () => setRotation((current) => (current + 90) % 360),
+              children: /* @__PURE__ */ jsx(RotateCwIcon, { size: 16 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 function toNumber(value) {
   if (typeof value === "number" && !Number.isNaN(value)) return value;
   if (typeof value === "string") {
@@ -1060,8 +1814,8 @@ function sameTocItems(a, b) {
     }
   );
 }
-function readTocItems(root) {
-  const nodes = root.querySelectorAll("[data-toc-id]");
+function readTocItems(root2) {
+  const nodes = root2.querySelectorAll("[data-toc-id]");
   const items = [];
   nodes.forEach((el) => {
     const id = el.getAttribute("data-toc-id");
@@ -1073,7 +1827,7 @@ function readTocItems(root) {
   });
   return items;
 }
-function findCitationRefElement(target, root) {
+function findCitationRefElement(target, root2) {
   let node = null;
   if (target instanceof Element) node = target;
   else if (target instanceof Text) node = target.parentElement;
@@ -1081,7 +1835,7 @@ function findCitationRefElement(target, root) {
   if (!(node instanceof Element)) return null;
   const el = node.closest(".citation-ref");
   if (!(el instanceof HTMLElement)) return null;
-  if (!root.contains(el)) return null;
+  if (!root2.contains(el)) return null;
   return el;
 }
 function readCitationAttrs(el) {
@@ -1102,8 +1856,8 @@ function CitationInteractive({
   enterRef.current = onCitationEnter;
   leaveRef.current = onCitationLeave;
   useEffect(() => {
-    const root = containerRef.current;
-    if (!root) return;
+    const root2 = containerRef.current;
+    if (!root2) return;
     let currentEl = null;
     const emitEnter = (el) => {
       currentEl = el;
@@ -1117,7 +1871,7 @@ function CitationInteractive({
     };
     const ACTIVE_ATTR = "data-tmr-citation-active";
     const onClick = (e) => {
-      const el = findCitationRefElement(e.target, root);
+      const el = findCitationRefElement(e.target, root2);
       if (el) {
         e.preventDefault();
         e.stopPropagation();
@@ -1133,10 +1887,10 @@ function CitationInteractive({
     const onKeyDown = (e) => {
       if (e.key === "Escape") emitLeave();
     };
-    root.addEventListener("click", onClick, true);
+    root2.addEventListener("click", onClick, true);
     document.addEventListener("keydown", onKeyDown);
     return () => {
-      root.removeEventListener("click", onClick, true);
+      root2.removeEventListener("click", onClick, true);
       document.removeEventListener("keydown", onKeyDown);
     };
   }, [containerRef]);
@@ -1170,11 +1924,11 @@ function ContentOutline({
     });
     return () => observer.disconnect();
   }, [toc, watch]);
-  const root = ref.current;
-  const show = toc && !mobile && items.length > 0 && root !== null;
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.editorHost, children: [
-    show && root ? /* @__PURE__ */ jsx(EditorToc, { items, editorDom: root, locale }) : null,
-    /* @__PURE__ */ jsx("div", { ref, className: show ? styles$1.withToc : void 0, children })
+  const root2 = ref.current;
+  const show = toc && !mobile && items.length > 0 && root2 !== null;
+  return /* @__PURE__ */ jsxs("div", { className: styles$2.editorHost, children: [
+    show && root2 ? /* @__PURE__ */ jsx(EditorToc, { items, editorDom: root2, locale }) : null,
+    /* @__PURE__ */ jsx("div", { ref, className: show ? styles$2.withToc : void 0, children })
   ] });
 }
 function ReaderReportContent({
@@ -1184,7 +1938,7 @@ function ReaderReportContent({
   locale = "en",
   ...rest
 }) {
-  return /* @__PURE__ */ jsx(ContentOutline, { toc, locale, watch: html, children: /* @__PURE__ */ jsx(ReportContent, { html, className, ...rest }) });
+  return /* @__PURE__ */ jsx(ContentOutline, { toc, locale, watch: html, children: /* @__PURE__ */ jsx(ImagePreviewHost, { locale, activate: "click", children: /* @__PURE__ */ jsx(ReportContent, { html, className, ...rest }) }) });
 }
 function ReportContentInteractive({
   onCitationEnter,
@@ -1334,20 +2088,77 @@ function ReportContentWithCharts({
   ] });
 }
 export {
+  LinkIcon as $,
+  AlignRightIcon as A,
+  RotateCcwIcon as B,
   ChartMount as C,
-  EditorToc as E,
+  DownloadIcon as D,
+  EraserIcon as E,
+  ExternalLinkIcon as F,
+  GripIcon as G,
+  TableDeleteIcon as H,
+  ImagePreviewHost as I,
+  ColumnBeforeIcon as J,
+  KeyboardIcon as K,
+  ColumnAfterIcon as L,
+  ColumnDeleteIcon as M,
+  RowBeforeIcon as N,
+  RowAfterIcon as O,
+  RowDeleteIcon as P,
+  RedoIcon as Q,
   ReaderReportContent as R,
+  SearchIcon as S,
+  TrashIcon as T,
+  UndoIcon as U,
+  BoldIcon as V,
+  ItalicIcon as W,
+  XIcon as X,
+  UnderlineIcon as Y,
+  StrikethroughIcon as Z,
+  CodeIcon as _,
   CitationInteractive as a,
+  ImageIcon as a0,
+  DetailsIcon as a1,
+  AlignJustifyIcon as a2,
+  IndentIncreaseIcon as a3,
+  IndentDecreaseIcon as a4,
+  LineHeightIcon as a5,
+  ListUnorderedIcon as a6,
+  ListOrderedIcon as a7,
+  ListChecksIcon as a8,
+  ChevronLeftIcon as a9,
+  ChevronRightIcon as aa,
+  FitIcon as ab,
+  ImportIcon as ac,
+  LockIcon as ad,
+  MenuIcon as ae,
+  RotateCwIcon as af,
+  ZoomInIcon as ag,
+  ZoomOutIcon as ah,
   ReportContentInteractive as b,
   ReportContentWithCharts as c,
-  renderOrUpdateChart as d,
-  destroyChart as e,
+  ChevronUpIcon as d,
+  ChevronDownIcon as e,
   findCitationRefElement as f,
   getLocaleBundle as g,
-  sameTocItems as h,
+  ReplaceIcon as h,
+  ReplaceAllIcon as i,
+  renderOrUpdateChart as j,
+  destroyChart as k,
+  CheckIcon as l,
   mountChartsInContainer as m,
+  CopyIcon as n,
+  ChevronsUpDownIcon as o,
+  EditorToc as p,
+  sameTocItems as q,
   readCitationAttrs as r,
   scrollToTocHeading as s,
-  useIsMobile as u
+  AlignCenterIcon as t,
+  useIsMobile as u,
+  AlignLeftIcon as v,
+  CropIcon as w,
+  CaptionsIcon as x,
+  ExpandIcon as y,
+  requestImagePreview as z
 };
-//# sourceMappingURL=ReportContentWithCharts-BMpzNVsX.js.map
+//# sourceMappingURL=ReportContentWithCharts-cjidlvfi.js.map