@haklex/rich-renderer-mermaid 0.0.38 → 0.0.39

package/dist/index.mjs

@@ -41,243 +41,404 @@ var editorFooter = "_36yqiey";
 var footerActions = "_36yqie12";
 var footerBtnCancel = "_36yqie14 _36yqie13";
 var footerBtnSave = "_36yqie15 _36yqie13";
-const MERMAID_FONT_SIZE = "0.875em";
-const lightTheme = {
-  theme: "base",
-  themeVariables: {
-    background: "#ffffff",
-    fontFamily: "system-ui, sans-serif",
-    fontSize: MERMAID_FONT_SIZE,
-    primaryColor: "#f5f5f5",
-    primaryTextColor: "#0a0a0a",
-    primaryBorderColor: "#d4d4d4",
-    secondaryColor: "#fafafa",
-    secondaryTextColor: "#171717",
-    secondaryBorderColor: "#e5e5e5",
-    tertiaryColor: "#f0f0f0",
-    tertiaryTextColor: "#262626",
-    tertiaryBorderColor: "#d4d4d4",
-    noteBkgColor: "#fafafa",
-    noteTextColor: "#0a0a0a",
-    noteBorderColor: "#e5e5e5",
-    lineColor: "#a3a3a3",
-    textColor: "#0a0a0a",
-    mainBkg: "#f5f5f5",
-    nodeBorder: "#d4d4d4",
-    nodeTextColor: "#0a0a0a",
-    clusterBkg: "#fafafa",
-    clusterBorder: "#e5e5e5",
-    titleColor: "#0a0a0a",
-    labelColor: "#0a0a0a",
-    altBackground: "#fafafa",
-    fillType0: "#f5f5f5",
-    fillType1: "#fafafa",
-    fillType2: "#f0f0f0",
-    fillType3: "#e5e5e5",
-    fillType4: "#d4d4d4",
-    fillType5: "#fafafa",
-    fillType6: "#f5f5f5",
-    fillType7: "#f0f0f0",
-    actorBkg: "#f5f5f5",
-    actorBorder: "#d4d4d4",
-    actorTextColor: "#0a0a0a",
-    actorLineColor: "#a3a3a3",
-    signalColor: "#0a0a0a",
-    signalTextColor: "#0a0a0a",
-    labelBoxBkgColor: "#f5f5f5",
-    labelBoxBorderColor: "#d4d4d4",
-    labelTextColor: "#0a0a0a",
-    loopTextColor: "#0a0a0a",
-    activationBorderColor: "#a3a3a3",
-    activationBkgColor: "#e5e5e5",
-    sequenceNumberColor: "#ffffff",
-    git0: "#0a0a0a",
-    git1: "#525252",
-    git2: "#737373",
-    git3: "#a3a3a3",
-    git4: "#d4d4d4",
-    git5: "#e5e5e5",
-    git6: "#f5f5f5",
-    git7: "#fafafa",
-    gitBranchLabel0: "#ffffff",
-    gitBranchLabel1: "#ffffff",
-    gitBranchLabel2: "#ffffff",
-    gitBranchLabel3: "#0a0a0a",
-    gitInv0: "#ffffff",
-    pie1: "#0a0a0a",
-    pie2: "#404040",
-    pie3: "#737373",
-    pie4: "#a3a3a3",
-    pie5: "#d4d4d4",
-    pie6: "#e5e5e5",
-    pie7: "#f0f0f0",
-    pie8: "#f5f5f5",
-    pie9: "#fafafa",
-    pie10: "#ffffff",
-    pie11: "#525252",
-    pie12: "#888888",
-    pieTitleTextColor: "#0a0a0a",
-    pieSectionTextColor: "#ffffff",
-    pieLegendTextColor: "#0a0a0a",
-    pieLegendTextSize: MERMAID_FONT_SIZE,
-    pieStrokeColor: "#ffffff",
-    pieStrokeWidth: "2px",
-    classText: "#0a0a0a",
-    sectionBkgColor: "#f5f5f5",
-    altSectionBkgColor: "#fafafa",
-    sectionBkgColor2: "#f0f0f0",
-    taskBkgColor: "#e5e5e5",
-    taskTextColor: "#0a0a0a",
-    taskTextLightColor: "#0a0a0a",
-    taskTextOutsideColor: "#0a0a0a",
-    activeTaskBkgColor: "#d4d4d4",
-    activeTaskBorderColor: "#a3a3a3",
-    gridColor: "#e5e5e5",
-    doneTaskBkgColor: "#d4d4d4",
-    doneTaskBorderColor: "#a3a3a3",
-    critBkgColor: "#0a0a0a",
-    critBorderColor: "#0a0a0a",
-    todayLineColor: "#0a0a0a",
-    requirementBackground: "#f5f5f5",
-    requirementBorderColor: "#d4d4d4",
-    requirementBorderSize: "1px",
-    requirementTextColor: "#0a0a0a",
-    relationColor: "#a3a3a3",
-    relationLabelBackground: "#ffffff",
-    relationLabelColor: "#0a0a0a",
-    edgeLabelBackground: "#ffffff",
-    cScale0: "#f5f5f5",
-    cScale1: "#e5e5e5",
-    cScale2: "#d4d4d4",
-    cScale3: "#a3a3a3",
-    cScale4: "#737373",
-    cScale5: "#525252",
-    cScale6: "#404040",
-    cScale7: "#262626",
-    cScale8: "#171717",
-    cScale9: "#0a0a0a",
-    cScaleLabel0: "#0a0a0a",
-    cScaleLabel2: "#0a0a0a"
-  }
+const MIX = {
+  textSec: 60,
+  textMuted: 40,
+  textFaint: 25,
+  line: 50,
+  arrow: 85,
+  nodeFill: 3,
+  nodeStroke: 20,
+  groupHeader: 5,
+  innerStroke: 12
 };
-const darkTheme = {
-  theme: "base",
-  themeVariables: {
-    background: "#0a0a0a",
-    fontFamily: "system-ui, sans-serif",
-    fontSize: MERMAID_FONT_SIZE,
-    primaryColor: "#1a1a1a",
-    primaryTextColor: "#ededed",
-    primaryBorderColor: "#333333",
-    secondaryColor: "#111111",
-    secondaryTextColor: "#ededed",
-    secondaryBorderColor: "#262626",
-    tertiaryColor: "#1a1a1a",
-    tertiaryTextColor: "#ededed",
-    tertiaryBorderColor: "#333333",
-    noteBkgColor: "#1a1a1a",
-    noteTextColor: "#ededed",
-    noteBorderColor: "#333333",
-    lineColor: "#525252",
-    textColor: "#ededed",
-    mainBkg: "#1a1a1a",
-    nodeBorder: "#333333",
-    nodeTextColor: "#ededed",
-    clusterBkg: "#111111",
-    clusterBorder: "#262626",
-    titleColor: "#ededed",
-    labelColor: "#ededed",
-    altBackground: "#111111",
-    fillType0: "#1a1a1a",
-    fillType1: "#111111",
-    fillType2: "#262626",
-    fillType3: "#333333",
-    fillType4: "#404040",
-    fillType5: "#111111",
-    fillType6: "#1a1a1a",
-    fillType7: "#262626",
-    actorBkg: "#1a1a1a",
-    actorBorder: "#333333",
-    actorTextColor: "#ededed",
-    actorLineColor: "#525252",
-    signalColor: "#ededed",
-    signalTextColor: "#ededed",
-    labelBoxBkgColor: "#1a1a1a",
-    labelBoxBorderColor: "#333333",
-    labelTextColor: "#ededed",
-    loopTextColor: "#ededed",
-    activationBorderColor: "#525252",
-    activationBkgColor: "#262626",
-    sequenceNumberColor: "#0a0a0a",
-    git0: "#ededed",
-    git1: "#a3a3a3",
-    git2: "#737373",
-    git3: "#525252",
-    git4: "#404040",
-    git5: "#333333",
-    git6: "#262626",
-    git7: "#1a1a1a",
-    gitBranchLabel0: "#0a0a0a",
-    gitBranchLabel1: "#0a0a0a",
-    gitBranchLabel2: "#0a0a0a",
-    gitBranchLabel3: "#ededed",
-    gitInv0: "#0a0a0a",
-    pie1: "#ededed",
-    pie2: "#a3a3a3",
-    pie3: "#737373",
-    pie4: "#525252",
-    pie5: "#404040",
-    pie6: "#333333",
-    pie7: "#262626",
-    pie8: "#1a1a1a",
-    pie9: "#111111",
-    pie10: "#0a0a0a",
-    pie11: "#888888",
-    pie12: "#d4d4d4",
-    pieTitleTextColor: "#ededed",
-    pieSectionTextColor: "#0a0a0a",
-    pieLegendTextColor: "#ededed",
-    pieLegendTextSize: MERMAID_FONT_SIZE,
-    pieStrokeColor: "#0a0a0a",
-    pieStrokeWidth: "2px",
-    classText: "#ededed",
-    sectionBkgColor: "#1a1a1a",
-    altSectionBkgColor: "#111111",
-    sectionBkgColor2: "#262626",
-    taskBkgColor: "#262626",
-    taskTextColor: "#ededed",
-    taskTextLightColor: "#ededed",
-    taskTextOutsideColor: "#ededed",
-    activeTaskBkgColor: "#333333",
-    activeTaskBorderColor: "#525252",
-    gridColor: "#262626",
-    doneTaskBkgColor: "#333333",
-    doneTaskBorderColor: "#525252",
-    critBkgColor: "#ededed",
-    critBorderColor: "#ededed",
-    todayLineColor: "#ededed",
-    requirementBackground: "#1a1a1a",
-    requirementBorderColor: "#333333",
-    requirementBorderSize: "1px",
-    requirementTextColor: "#ededed",
-    relationColor: "#525252",
-    relationLabelBackground: "#0a0a0a",
-    relationLabelColor: "#ededed",
-    edgeLabelBackground: "#0a0a0a",
-    cScale0: "#1a1a1a",
-    cScale1: "#262626",
-    cScale2: "#333333",
-    cScale3: "#525252",
-    cScale4: "#737373",
-    cScale5: "#a3a3a3",
-    cScale6: "#d4d4d4",
-    cScale7: "#e5e5e5",
-    cScale8: "#f5f5f5",
-    cScale9: "#ededed",
-    cScaleLabel0: "#ededed",
-    cScaleLabel2: "#ededed"
-  }
+function parseHex(hex) {
+  return [
+    Number.parseInt(hex.slice(1, 3), 16),
+    Number.parseInt(hex.slice(3, 5), 16),
+    Number.parseInt(hex.slice(5, 7), 16)
+  ];
+}
+function toHex(r, g, b) {
+  const clamp = (v) => Math.round(Math.max(0, Math.min(255, v)));
+  return `#${clamp(r).toString(16).padStart(2, "0")}${clamp(g).toString(16).padStart(2, "0")}${clamp(b).toString(16).padStart(2, "0")}`;
+}
+function mix(fg, bg, percent) {
+  const [fR, fG, fB] = parseHex(fg);
+  const [bR, bG, bB] = parseHex(bg);
+  const p = percent / 100;
+  return toHex(
+    fR * p + bR * (1 - p),
+    fG * p + bG * (1 - p),
+    fB * p + bB * (1 - p)
+  );
+}
+function deriveTokens(bg, fg) {
+  return {
+    bg,
+    fg,
+    line: mix(fg, bg, MIX.line),
+    arrow: mix(fg, bg, MIX.arrow),
+    nodeFill: mix(fg, bg, MIX.nodeFill),
+    nodeStroke: mix(fg, bg, MIX.nodeStroke),
+    groupHeader: mix(fg, bg, MIX.groupHeader),
+    innerStroke: mix(fg, bg, MIX.innerStroke),
+    textSec: mix(fg, bg, MIX.textSec),
+    textMuted: mix(fg, bg, MIX.textMuted),
+    textFaint: mix(fg, bg, MIX.textFaint)
+  };
+}
+function buildTheme(bg, fg) {
+  const t = deriveTokens(bg, fg);
+  return {
+    theme: "base",
+    themeVariables: {
+      background: t.bg,
+      fontFamily: "system-ui, -apple-system, sans-serif",
+      fontSize: "14px",
+      primaryColor: t.nodeFill,
+      primaryTextColor: t.fg,
+      primaryBorderColor: t.nodeStroke,
+      secondaryColor: t.nodeFill,
+      secondaryTextColor: t.fg,
+      secondaryBorderColor: t.innerStroke,
+      tertiaryColor: t.groupHeader,
+      tertiaryTextColor: t.fg,
+      tertiaryBorderColor: t.innerStroke,
+      noteBkgColor: t.nodeFill,
+      noteTextColor: t.fg,
+      noteBorderColor: t.innerStroke,
+      lineColor: t.line,
+      textColor: t.fg,
+      mainBkg: t.nodeFill,
+      nodeBorder: t.nodeStroke,
+      nodeTextColor: t.fg,
+      clusterBkg: t.bg,
+      clusterBorder: t.nodeStroke,
+      titleColor: t.fg,
+      labelColor: t.fg,
+      altBackground: t.nodeFill,
+      fillType0: t.nodeFill,
+      fillType1: t.groupHeader,
+      fillType2: mix(fg, bg, 7),
+      fillType3: t.innerStroke,
+      fillType4: t.nodeStroke,
+      fillType5: t.groupHeader,
+      fillType6: t.nodeFill,
+      fillType7: mix(fg, bg, 7),
+      // Sequence diagram
+      actorBkg: t.nodeFill,
+      actorBorder: t.nodeStroke,
+      actorTextColor: t.fg,
+      actorLineColor: t.line,
+      signalColor: t.fg,
+      signalTextColor: t.fg,
+      labelBoxBkgColor: t.nodeFill,
+      labelBoxBorderColor: t.nodeStroke,
+      labelTextColor: t.fg,
+      loopTextColor: t.fg,
+      activationBorderColor: t.line,
+      activationBkgColor: t.innerStroke,
+      sequenceNumberColor: t.bg,
+      // Git graph
+      git0: t.fg,
+      git1: t.line,
+      git2: t.textMuted,
+      git3: t.textFaint,
+      git4: t.nodeStroke,
+      git5: t.innerStroke,
+      git6: t.groupHeader,
+      git7: t.nodeFill,
+      gitBranchLabel0: t.bg,
+      gitBranchLabel1: t.bg,
+      gitBranchLabel2: t.bg,
+      gitBranchLabel3: t.fg,
+      gitInv0: t.bg,
+      // Pie chart
+      pie1: t.fg,
+      pie2: mix(fg, bg, 80),
+      pie3: t.line,
+      pie4: t.textMuted,
+      pie5: t.nodeStroke,
+      pie6: t.innerStroke,
+      pie7: mix(fg, bg, 7),
+      pie8: t.groupHeader,
+      pie9: t.nodeFill,
+      pie10: t.bg,
+      pie11: t.textSec,
+      pie12: t.arrow,
+      pieTitleTextColor: t.fg,
+      pieSectionTextColor: t.bg,
+      pieLegendTextColor: t.fg,
+      pieLegendTextSize: "14px",
+      pieStrokeColor: t.bg,
+      pieStrokeWidth: "2px",
+      classText: t.fg,
+      // Gantt / timeline
+      sectionBkgColor: t.nodeFill,
+      altSectionBkgColor: t.groupHeader,
+      sectionBkgColor2: mix(fg, bg, 7),
+      taskBkgColor: t.innerStroke,
+      taskTextColor: t.fg,
+      taskTextLightColor: t.fg,
+      taskTextOutsideColor: t.fg,
+      activeTaskBkgColor: t.nodeStroke,
+      activeTaskBorderColor: t.line,
+      gridColor: t.innerStroke,
+      doneTaskBkgColor: t.nodeStroke,
+      doneTaskBorderColor: t.line,
+      critBkgColor: t.fg,
+      critBorderColor: t.fg,
+      todayLineColor: t.fg,
+      // Requirement diagram
+      requirementBackground: t.nodeFill,
+      requirementBorderColor: t.nodeStroke,
+      requirementBorderSize: "1px",
+      requirementTextColor: t.fg,
+      relationColor: t.line,
+      relationLabelBackground: t.bg,
+      relationLabelColor: t.fg,
+      edgeLabelBackground: t.bg,
+      // Color scales
+      cScale0: t.nodeFill,
+      cScale1: t.innerStroke,
+      cScale2: t.nodeStroke,
+      cScale3: t.textMuted,
+      cScale4: t.line,
+      cScale5: t.textSec,
+      cScale6: mix(fg, bg, 70),
+      cScale7: mix(fg, bg, 80),
+      cScale8: t.arrow,
+      cScale9: t.fg,
+      cScaleLabel0: t.fg,
+      cScaleLabel2: t.fg
+    }
+  };
+}
+const lightTheme = buildTheme("#ffffff", "#27272a");
+const darkTheme = buildTheme("#18181b", "#fafafa");
+const lightTokens = deriveTokens("#ffffff", "#27272a");
+const darkTokens = deriveTokens("#18181b", "#fafafa");
+const CORNER_RADIUS = {
+  node: 5,
+  classNode: 4,
+  entity: 5,
+  subgraphOuter: 7,
+  actor: 6,
+  activation: 4
 };
+function applyCornerRounding(doc) {
+  const applyRadius = (selector, radius) => {
+    const rects = doc.querySelectorAll(selector);
+    for (const rect of rects) {
+      rect.setAttribute("rx", String(radius));
+      rect.setAttribute("ry", String(radius));
+    }
+  };
+  applyRadius(".node > rect", CORNER_RADIUS.node);
+  applyRadius(".node > .basic", CORNER_RADIUS.node);
+  applyRadius(".classGroup > rect", CORNER_RADIUS.classNode);
+  applyRadius(".er > rect", CORNER_RADIUS.entity);
+  applyRadius(".cluster > rect", CORNER_RADIUS.subgraphOuter);
+  applyRadius(".actor", CORNER_RADIUS.actor);
+  applyRadius(
+    ".activation0, .activation1, .activation2",
+    CORNER_RADIUS.activation
+  );
+}
+function buildVisualCss(tokens) {
+  return `
+    /* beautiful-mermaid inspired visual overrides */
+
+    /* Edge styling: rounded linecaps for clean connections */
+    .edgePath path.path,
+    .flowchart-link,
+    line[class*="messageLine"] {
+      stroke-linecap: round !important;
+      stroke-linejoin: round !important;
+    }
+
+    /* Cluster/subgraph "soft" styling */
+    .cluster > rect {
+      fill: ${tokens.nodeFill} !important;
+      fill-opacity: 0.96 !important;
+      stroke: ${tokens.nodeStroke} !important;
+      stroke-width: 1px !important;
+    }
+
+    /* Cluster title */
+    .cluster text,
+    .cluster .nodeLabel {
+      fill: ${tokens.textSec} !important;
+    }
+
+    /* Node stroke consistency */
+    .node rect,
+    .node circle,
+    .node ellipse,
+    .node polygon,
+    .node .basic {
+      stroke: ${tokens.nodeStroke} !important;
+      stroke-width: 1px !important;
+    }
+
+    /* Node fill */
+    .node rect,
+    .node .basic {
+      fill: ${tokens.nodeFill} !important;
+    }
+
+    /* Edge label "subtle" styling */
+    .edgeLabel rect,
+    .labelBkg {
+      rx: 5 !important;
+      ry: 5 !important;
+      fill: ${tokens.bg} !important;
+      stroke: ${tokens.innerStroke} !important;
+      stroke-width: 1px !important;
+    }
+
+    .edgeLabel text,
+    .edgeLabel .edgeLabel {
+      fill: ${tokens.textMuted} !important;
+    }
+
+    /* Arrow heads */
+    marker path {
+      fill: ${tokens.arrow} !important;
+      stroke: ${tokens.arrow} !important;
+    }
+
+    /* Edge paths */
+    .edgePath path.path {
+      stroke: ${tokens.line} !important;
+      stroke-width: 1px !important;
+    }
+
+    /* Sequence diagram refinements */
+    .actor {
+      fill: ${tokens.nodeFill} !important;
+      stroke: ${tokens.nodeStroke} !important;
+      stroke-width: 1px !important;
+    }
+
+    .messageLine0,
+    .messageLine1 {
+      stroke: ${tokens.line} !important;
+      stroke-width: 1px !important;
+    }
+
+    .messageText {
+      fill: ${tokens.fg} !important;
+    }
+
+    .loopLine {
+      stroke: ${tokens.innerStroke} !important;
+      stroke-width: 1px !important;
+    }
+
+    .labelBox {
+      fill: ${tokens.nodeFill} !important;
+      stroke: ${tokens.nodeStroke} !important;
+      stroke-width: 1px !important;
+    }
+
+    .loopText tspan,
+    .loopText {
+      fill: ${tokens.textSec} !important;
+    }
+
+    /* Activation bars */
+    .activation0,
+    .activation1,
+    .activation2 {
+      fill: ${tokens.innerStroke} !important;
+      stroke: ${tokens.line} !important;
+    }
+
+    /* Note styling */
+    .note {
+      fill: ${tokens.nodeFill} !important;
+      stroke: ${tokens.innerStroke} !important;
+    }
+
+    .noteText {
+      fill: ${tokens.fg} !important;
+    }
+
+    /* Inner divider lines */
+    .divider {
+      stroke: ${tokens.innerStroke} !important;
+      stroke-width: 0.75px !important;
+    }
+
+    /* Class diagram */
+    .classGroup rect {
+      fill: ${tokens.nodeFill} !important;
+      stroke: ${tokens.nodeStroke} !important;
+      stroke-width: 1px !important;
+    }
+
+    .classGroup line {
+      stroke: ${tokens.innerStroke} !important;
+      stroke-width: 0.75px !important;
+    }
+
+    .classGroup text {
+      fill: ${tokens.fg} !important;
+    }
+
+    .classLabel .box {
+      fill: ${tokens.groupHeader} !important;
+      stroke: ${tokens.nodeStroke} !important;
+    }
+
+    .relation {
+      stroke: ${tokens.line} !important;
+      stroke-width: 1px !important;
+    }
+
+    /* State diagram */
+    .stateGroup rect,
+    .statediagram-state rect {
+      fill: ${tokens.nodeFill} !important;
+      stroke: ${tokens.nodeStroke} !important;
+      stroke-width: 1px !important;
+      rx: 5 !important;
+      ry: 5 !important;
+    }
+
+    .stateGroup text {
+      fill: ${tokens.fg} !important;
+    }
+
+    /* Git graph */
+    .commit-id text {
+      fill: ${tokens.textMuted} !important;
+    }
+
+  `;
+}
+function postProcessMermaidSvg(svg, tokens) {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(svg, "image/svg+xml");
+  const parseError = doc.querySelector("parsererror");
+  if (parseError) return svg;
+  const root = doc.documentElement;
+  if (!root || root.tagName.toLowerCase() !== "svg") return svg;
+  applyCornerRounding(doc);
+  const existingOverride = root.querySelector("style[data-visual-overrides]");
+  existingOverride?.remove();
+  const styleEl = doc.createElementNS("http://www.w3.org/2000/svg", "style");
+  styleEl.dataset.visualOverrides = "";
+  styleEl.textContent = buildVisualCss(tokens);
+  if (root.firstChild) {
+    root.insertBefore(styleEl, root.firstChild);
+  } else {
+    root.append(styleEl);
+  }
+  return new XMLSerializer().serializeToString(root);
+}
 function useMermaidRender(content, preferredColorScheme) {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState("");
@@ -295,6 +456,7 @@ function useMermaidRender(content, preferredColorScheme) {
     import("mermaid").then(async (mo) => {
       const mermaid = mo.default;
       const themeConfig = effectiveColorScheme === "dark" ? darkTheme : lightTheme;
+      const tokens = effectiveColorScheme === "dark" ? darkTokens : lightTokens;
       mermaid.initialize({
         startOnLoad: false,
         theme: themeConfig.theme,
@@ -303,7 +465,9 @@ function useMermaidRender(content, preferredColorScheme) {
         flowchart: {
           htmlLabels: true,
           curve: "basis",
-          padding: 16
+          padding: 20,
+          nodeSpacing: 24,
+          rankSpacing: 48
         },
         sequence: {
           actorMargin: 80,
@@ -329,8 +493,9 @@ function useMermaidRender(content, preferredColorScheme) {
       }
       if (cancelled) return;
       if (result) {
-        setSvg(result.svg);
-        const match = result.svg.match(/viewBox="[^"]*\s([\d.]+)\s([\d.]+)"/);
+        const processedSvg = postProcessMermaidSvg(result.svg, tokens);
+        setSvg(processedSvg);
+        const match = processedSvg.match(/viewBox="[^"]*\s([\d.]+)\s([\d.]+)"/);
         if (match?.[1] && match?.[2]) {
           setWidth(Number.parseInt(match[1]));
           setHeight(Number.parseInt(match[2]));

package/dist/mermaid-theme.d.ts

@@ -1,8 +1,34 @@
+/**
+ * Mermaid theme system inspired by beautiful-mermaid (lukilabs/beautiful-mermaid).
+ *
+ * Architecture:
+ *   - Two base colors: bg (background) + fg (foreground)
+ *   - All derived colors computed via color-mix ratios from bg + fg
+ *   - Produces a coherent mono hierarchy on any bg/fg combination
+ *
+ * @see https://github.com/lukilabs/beautiful-mermaid/blob/main/src/theme.ts
+ */
 interface MermaidThemeConfig {
     theme: 'base';
     themeVariables: Record<string, string>;
 }
+export interface ThemeTokens {
+    bg: string;
+    fg: string;
+    line: string;
+    arrow: string;
+    nodeFill: string;
+    nodeStroke: string;
+    groupHeader: string;
+    innerStroke: string;
+    textSec: string;
+    textMuted: string;
+    textFaint: string;
+}
+export declare function deriveTokens(bg: string, fg: string): ThemeTokens;
 export declare const lightTheme: MermaidThemeConfig;
 export declare const darkTheme: MermaidThemeConfig;
+export declare const lightTokens: ThemeTokens;
+export declare const darkTokens: ThemeTokens;
 export {};
 //# sourceMappingURL=mermaid-theme.d.ts.map

package/dist/mermaid-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mermaid-theme.d.ts","sourceRoot":"","sources":["../src/mermaid-theme.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAID,eAAO,MAAM,UAAU,EAAE,kBAsIxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,kBAsIvB,CAAA"}
+{"version":3,"file":"mermaid-theme.d.ts","sourceRoot":"","sources":["../src/mermaid-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAwCD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,WAAW,CAchE;AAqJD,eAAO,MAAM,UAAU,oBAAmC,CAAA;AAG1D,eAAO,MAAM,SAAS,oBAAmC,CAAA;AAEzD,eAAO,MAAM,WAAW,aAAqC,CAAA;AAC7D,eAAO,MAAM,UAAU,aAAqC,CAAA"}

package/dist/rich-renderer-mermaid.css

@@ -1 +1 @@
-:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--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-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{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--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-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}._165ss5a0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--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-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}._165ss5a1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--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-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}._165ss5a2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--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-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: 8px}.dark ._165ss5a0,[data-theme=dark] ._165ss5a0,.dark._165ss5a0,[data-theme=dark]._165ss5a0,.dark ._165ss5a1,[data-theme=dark] ._165ss5a1,.dark._165ss5a1,[data-theme=dark]._165ss5a1,.dark ._165ss5a2,[data-theme=dark] ._165ss5a2,.dark._165ss5a2,[data-theme=dark]._165ss5a2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0}@keyframes _36yqie5{to{transform:rotate(360deg)}}._36yqie0{display:flex;flex-direction:column;align-items:center;margin:1rem 0;position:relative;overflow:hidden;cursor:grab}._36yqie0:active{cursor:grabbing}._36yqie0 img{max-width:100%;height:auto}._36yqie1{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s;cursor:pointer;z-index:2}._36yqie1:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie0:hover ._36yqie1{opacity:1}._36yqie2{position:absolute;bottom:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .2s;z-index:2}._36yqie0:hover ._36yqie2{opacity:1}._36yqie3{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;cursor:pointer;color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);transition:color .15s,background-color .15s}._36yqie3:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie4{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md)}._36yqie4:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_36yqie5 .6s linear infinite}._36yqie6{display:flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution);font-size:var(--rc-font-size-md)}._36yqie7._36yqie7{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(680px,85vh);border-radius:.5rem}._36yqie8{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:48px;border-bottom:1px solid var(--rc-border);flex-shrink:0}._36yqie9{display:flex;align-items:center;gap:.75rem}._36yqiea{display:flex;align-items:center;gap:4px}._36yqieb{width:1px;height:16px;background-color:var(--rc-border);flex-shrink:0}._36yqiec{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqied{padding:.25rem .5rem;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background:none;border:none;border-radius:.375rem;cursor:pointer;transition:color .15s,background-color .15s}._36yqied:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiee{display:flex;align-items:center;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);border-radius:.375rem;padding:2px;margin-right:4px}._36yqief{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s,box-shadow .15s}._36yqief:hover{color:var(--rc-text)}._36yqieg{background-color:var(--rc-bg);color:var(--rc-text);box-shadow:0 1px 2px #0000000d}._36yqieh{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s}._36yqieh:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiei{display:flex;flex:1;min-height:0}._36yqiej{display:flex;flex-direction:column;border-right:1px solid var(--rc-border)}._36yqiek{width:50%}._36yqiel{flex:1}._36yqiem{display:flex;align-items:center;padding:0 .75rem;height:32px;border-bottom:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);flex-shrink:0;font-size:var(--rc-font-size-xs);font-weight:500;color:var(--rc-text-secondary);text-transform:uppercase;letter-spacing:.05em}._36yqien{display:flex;flex-direction:column;flex:1}._36yqieo{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab}._36yqieo:active{cursor:grabbing}._36yqieo:hover ._36yqie2{opacity:1}._36yqieo img{max-width:100%;height:auto}._36yqiep{font-size:var(--rc-font-size-md);color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent)}._36yqieq{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:320px;text-align:center}._36yqier{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._36yqies{font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqiet{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._36yqieu{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;font-family:var(--rc-font-mono);font-size:var(--rc-font-size-sm);line-height:1.25rem}._36yqiev{flex-shrink:0;width:40px;overflow:hidden;user-select:none;border-right:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);padding:.75rem 0}._36yqiew{padding:0 .5rem;text-align:right;line-height:1.25rem;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiex{flex:1;resize:none;background-color:transparent;padding:.75rem;color:var(--rc-text);outline:none;border:none;line-height:1.25rem;font-family:var(--rc-font-mono);font-size:var(--rc-font-size-md);tab-size:2}._36yqiex::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiey{display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._36yqiez{display:flex;align-items:center;gap:.5rem}._36yqie10{width:6px;height:6px;border-radius:50%;background-color:var(--rc-alert-tip)}._36yqie11{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._36yqie12{display:flex;align-items:center;gap:.5rem}._36yqie13{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._36yqie14{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._36yqie14:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._36yqie15{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid transparent}._36yqie15:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}@media(min-width:640px){._36yqie7._36yqie7{max-width:64rem}}
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--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-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}._165ss5a0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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}._165ss5a1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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}._165ss5a2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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: 8px}.dark ._165ss5a0,[data-theme=dark] ._165ss5a0,.dark._165ss5a0,[data-theme=dark]._165ss5a0,.dark ._165ss5a1,[data-theme=dark] ._165ss5a1,.dark._165ss5a1,[data-theme=dark]._165ss5a1,.dark ._165ss5a2,[data-theme=dark] ._165ss5a2,.dark._165ss5a2,[data-theme=dark]._165ss5a2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--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 rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}@keyframes _36yqie5{to{transform:rotate(360deg)}}._36yqie0{display:flex;flex-direction:column;align-items:center;margin:1rem 0;position:relative;overflow:hidden;cursor:grab}._36yqie0:active{cursor:grabbing}._36yqie0 img{max-width:100%;height:auto}._36yqie1{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s;cursor:pointer;z-index:2}._36yqie1:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie0:hover ._36yqie1{opacity:1}._36yqie2{position:absolute;bottom:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .2s;z-index:2}._36yqie0:hover ._36yqie2{opacity:1}._36yqie3{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;cursor:pointer;color:var(--rc-text-secondary);background-color:color-mix(in srgb,var(--rc-bg) 80%,transparent);backdrop-filter:blur(4px);transition:color .15s,background-color .15s}._36yqie3:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-bg) 95%,transparent)}._36yqie4{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md)}._36yqie4:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_36yqie5 .6s linear infinite}._36yqie6{display:flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution);font-size:var(--rc-font-size-md)}._36yqie7._36yqie7{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(680px,85vh);border-radius:.5rem}._36yqie8{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:48px;border-bottom:1px solid var(--rc-border);flex-shrink:0}._36yqie9{display:flex;align-items:center;gap:.75rem}._36yqiea{display:flex;align-items:center;gap:4px}._36yqieb{width:1px;height:16px;background-color:var(--rc-border);flex-shrink:0}._36yqiec{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqied{padding:.25rem .5rem;font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);background:none;border:none;border-radius:.375rem;cursor:pointer;transition:color .15s,background-color .15s}._36yqied:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiee{display:flex;align-items:center;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);border-radius:.375rem;padding:2px;margin-right:4px}._36yqief{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s,box-shadow .15s}._36yqief:hover{color:var(--rc-text)}._36yqieg{background-color:var(--rc-bg);color:var(--rc-text);box-shadow:var(--rc-shadow-menu)}._36yqieh{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;border:none;background:none;cursor:pointer;color:var(--rc-text-secondary);transition:color .15s,background-color .15s}._36yqieh:hover{color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-text) 5%,transparent)}._36yqiei{display:flex;flex:1;min-height:0}._36yqiej{display:flex;flex-direction:column;border-right:1px solid var(--rc-border)}._36yqiek{width:50%}._36yqiel{flex:1}._36yqiem{display:flex;align-items:center;padding:0 .75rem;height:32px;border-bottom:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);flex-shrink:0;font-size:var(--rc-font-size-xs);font-weight:500;color:var(--rc-text-secondary);text-transform:uppercase;letter-spacing:.05em}._36yqien{display:flex;flex-direction:column;flex:1}._36yqieo{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab}._36yqieo:active{cursor:grabbing}._36yqieo:hover ._36yqie2{opacity:1}._36yqieo img{max-width:100%;height:auto}._36yqiep{font-size:var(--rc-font-size-md);color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent)}._36yqieq{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:320px;text-align:center}._36yqier{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._36yqies{font-size:var(--rc-font-size-md);font-weight:500;color:var(--rc-text)}._36yqiet{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._36yqieu{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;font-family:var(--rc-font-mono);font-size:var(--rc-font-size-sm);line-height:1.25rem}._36yqiev{flex-shrink:0;width:40px;overflow:hidden;user-select:none;border-right:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent);padding:.75rem 0}._36yqiew{padding:0 .5rem;text-align:right;line-height:1.25rem;color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiex{flex:1;resize:none;background-color:transparent;padding:.75rem;color:var(--rc-text);outline:none;border:none;line-height:1.25rem;font-family:var(--rc-font-mono);font-size:var(--rc-font-size-md);tab-size:2}._36yqiex::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._36yqiey{display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._36yqiez{display:flex;align-items:center;gap:.5rem}._36yqie10{width:6px;height:6px;border-radius:50%;background-color:var(--rc-alert-tip)}._36yqie11{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._36yqie12{display:flex;align-items:center;gap:.5rem}._36yqie13{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._36yqie14{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._36yqie14:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._36yqie15{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid transparent}._36yqie15:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}@media(min-width:640px){._36yqie7._36yqie7{max-width:64rem}}

package/dist/static.d.ts

@@ -0,0 +1,2 @@
+export { MermaidRenderer } from './MermaidRenderer';
+//# 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,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/svg-post-process.d.ts

@@ -0,0 +1,3 @@
+import { ThemeTokens } from './mermaid-theme';
+export declare function postProcessMermaidSvg(svg: string, tokens: ThemeTokens): string;
+//# sourceMappingURL=svg-post-process.d.ts.map

package/dist/svg-post-process.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-post-process.d.ts","sourceRoot":"","sources":["../src/svg-post-process.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AA2NlD,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,WAAW,GAClB,MAAM,CA6BR"}

package/dist/useMermaidRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMermaidRender.d.ts","sourceRoot":"","sources":["../src/useMermaidRender.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAMtD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,oBAAoB,CAAC,EAAE,WAAW;;;;;;;EAqFnC"}
+{"version":3,"file":"useMermaidRender.d.ts","sourceRoot":"","sources":["../src/useMermaidRender.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAOtD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,oBAAoB,CAAC,EAAE,WAAW;;;;;;;EA2FnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-mermaid",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "Mermaid diagram renderer",
   "license": "MIT",
   "type": "module",
@@ -9,6 +9,10 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
+    "./static": {
+      "import": "./dist/static.mjs",
+      "types": "./dist/static.d.ts"
+    },
     "./style.css": "./dist/rich-renderer-mermaid.css"
   },
   "main": "./dist/index.mjs",
@@ -19,9 +23,9 @@
     "lucide-react": "^0.574.0",
     "mermaid": "^11.12.3",
     "react-zoom-pan-pinch": "^3.7.0",
-    "@haklex/rich-editor": "0.0.38",
-    "@haklex/rich-editor-ui": "0.0.38",
-    "@haklex/rich-style-token": "0.0.38"
+    "@haklex/rich-editor": "0.0.39",
+    "@haklex/rich-editor-ui": "0.0.39",
+    "@haklex/rich-style-token": "0.0.39"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",