@haklex/rich-renderer-mermaid 0.0.65 → 0.0.67

package/README.md

@@ -1,46 +1,63 @@
 # @haklex/rich-renderer-mermaid
 
-Mermaid 图表渲染器。
+Mermaid diagram renderer with interactive zoom and pan controls.
 
-## 安装
+## Installation
 
 ```bash
-pnpm add @haklex/rich-renderer-mermaid @haklex/rich-editor mermaid
+pnpm add @haklex/rich-renderer-mermaid
 ```
 
-## 导出
+## Peer Dependencies
 
-```ts
-export { MermaidRenderer } from './MermaidRenderer'
-export { MermaidEditRenderer } from './MermaidEditRenderer'
-```
-
-## 功能
-
-- Mermaid 图表渲染
-- 缩放平移
-- 编辑对话框
+| Package | Version |
+| --- | --- |
+| `react` | `>=19` |
+| `react-dom` | `>=19` |
 
-## 使用
+## Usage
 
 ```tsx
-import { MermaidRenderer } from '@haklex/rich-renderer-mermaid'
-import type { RendererConfig } from '@haklex/rich-editor'
+import { MermaidRenderer } from '@haklex/rich-renderer-mermaid/static'
 
-const config: RendererConfig = {
+// Register in a static RendererConfig
+const rendererConfig = {
+  // ...other renderers
   Mermaid: MermaidRenderer,
 }
 ```
 
-## 依赖
+For edit mode:
 
-```json
-{
-  "@haklex/rich-editor": "workspace:*",
-  "mermaid": "^11.0.0"
+```tsx
+import { MermaidEditRenderer } from '@haklex/rich-renderer-mermaid'
+
+const editRendererConfig = {
+  // ...other renderers
+  Mermaid: MermaidEditRenderer,
 }
 ```
 
+## Exports
+
+### Components
+
+- `MermaidRenderer` — Static (read-only) renderer with zoom and pan
+- `MermaidEditRenderer` — Edit (interactive) renderer
+
+### Sub-path Exports
+
+| Path | Description |
+| --- | --- |
+| `@haklex/rich-renderer-mermaid` | Full exports (edit + static) |
+| `@haklex/rich-renderer-mermaid/static` | Static-only renderer |
+| `@haklex/rich-renderer-mermaid/utils` | Mermaid utility functions |
+| `@haklex/rich-renderer-mermaid/style.css` | Stylesheet |
+
+## Part of Haklex
+
+This package is part of the [Haklex](../../README.md) rich editor ecosystem.
+
 ## License
 
 MIT

package/dist/MermaidEditRenderer.d.ts

@@ -1,4 +1,4 @@
-import { MermaidRendererProps } from '@haklex/rich-editor';
+import { MermaidRendererProps } from '@haklex/rich-editor/renderers';
 import { FC } from 'react';
 export declare const MermaidEditRenderer: FC<MermaidRendererProps>;
 //# sourceMappingURL=MermaidEditRenderer.d.ts.map

package/dist/MermaidEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MermaidEditRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,qBAAqB,CAAA;AAgB5B,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAA;AA+W5C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CA8DxD,CAAA"}
+{"version":3,"file":"MermaidEditRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidEditRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAgB1E,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAiU7C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CAsDxD,CAAC"}

package/dist/{MermaidRenderer-uCCuxjy5.js → MermaidRenderer-v-jwdXd2.js}

@@ -64,11 +64,7 @@ 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)
-  );
+  return toHex(fR * p + bR * (1 - p), fG * p + bG * (1 - p), fB * p + bB * (1 - p));
 }
 function deriveTokens(bg, fg) {
   return {
@@ -554,18 +550,18 @@ function useMermaidRender(content, preferredColorScheme) {
   }
   return { loading, error, imgSrc, svg, width, height };
 }
-const MermaidRenderer = ({ content, colorScheme }) => {
-  const { loading, error, imgSrc, width, height } = useMermaidRender(
-    content,
-    colorScheme
-  );
+const MermaidRenderer = ({
+  content,
+  colorScheme
+}) => {
+  const { loading, error, imgSrc, width, height } = useMermaidRender(content, colorScheme);
   if (loading) {
     return /* @__PURE__ */ jsx("pre", { className: mermaidLoading, children: /* @__PURE__ */ jsx("code", { children: content }) });
   }
   if (!imgSrc) {
     return /* @__PURE__ */ jsx("div", { className: mermaidError, children: error || "Render failed" });
   }
-  return /* @__PURE__ */ jsx("div", { className: mermaidContainer, style: { cursor: "default" }, children: /* @__PURE__ */ jsx("img", { src: imgSrc, alt: "Mermaid diagram", width, height }) });
+  return /* @__PURE__ */ jsx("div", { className: mermaidContainer, style: { cursor: "default" }, children: /* @__PURE__ */ jsx("img", { alt: "Mermaid diagram", height, src: imgSrc, width }) });
 };
 export {
   editorViewItem as A,

package/dist/MermaidRenderer.d.ts

@@ -1,4 +1,5 @@
-import { ColorScheme, MermaidRendererProps } from '@haklex/rich-editor';
+import { ColorScheme } from '@haklex/rich-editor';
+import { MermaidRendererProps } from '@haklex/rich-editor/renderers';
 import { FC } from 'react';
 export declare const MermaidRenderer: FC<MermaidRendererProps & {
     colorScheme?: ColorScheme;

package/dist/MermaidRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MermaidRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,eAAO,MAAM,eAAe,EAAE,EAAE,CAC9B,oBAAoB,GAAG;IAAE,WAAW,CAAC,EAAE,WAAW,CAAA;CAAE,CAwBrD,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"MermaidRenderer.d.ts","sourceRoot":"","sources":["../src/MermaidRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,GAAG;IAAE,WAAW,CAAC,EAAE,WAAW,CAAA;CAAE,CAuBpF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/index.mjs

@@ -4,8 +4,8 @@ import { usePortalTheme, presentDialog } from "@haklex/rich-editor-ui";
 import { FishSymbol, Copy, Download, RotateCcw, X, ZoomIn, ZoomOut, Maximize2, CircleAlert, Code2, Columns2, Eye } from "lucide-react";
 import { useCallback, useState, useRef, useEffect } from "react";
 import { TransformWrapper, TransformComponent, useControls } from "react-zoom-pan-pinch";
-import { u as useMermaidRender, e as editorPopup, m as mermaidLoading, a as mermaidError, b as mermaidContainer, c as mermaidEditHint, d as editorHeader, f as editorHeaderLeft, g as editorTitle, h as editorSep, i as editorTplBtn, j as editorHeaderRight, k as editorViewToggle, l as editorIconBtn, n as editorBody, o as editorPane, p as editorPaneFull, q as editorPaneHalf, r as editorPaneLabel, s as editorPreviewPane, t as editorFooter, v as footerActions, w as footerBtnCancel, x as footerBtnSave, z as zoomControls, y as zoomBtn, A as editorViewItem, B as editorViewItemActive, C as codeEditor, D as codeGutter, E as codeGutterLine, F as codeArea, G as editorPreviewWrap, H as editorPreviewEmpty, I as editorPreviewErrorWrap, J as editorPreviewErrorIcon, K as editorPreviewErrorTitle, L as editorPreviewErrorMsg } from "./MermaidRenderer-uCCuxjy5.js";
-import { M } from "./MermaidRenderer-uCCuxjy5.js";
+import { u as useMermaidRender, e as editorPopup, m as mermaidLoading, a as mermaidError, b as mermaidContainer, c as mermaidEditHint, d as editorHeader, f as editorHeaderLeft, g as editorTitle, h as editorSep, i as editorTplBtn, j as editorHeaderRight, k as editorViewToggle, l as editorIconBtn, n as editorBody, o as editorPane, p as editorPaneFull, q as editorPaneHalf, r as editorPaneLabel, s as editorPreviewPane, t as editorFooter, v as footerActions, w as footerBtnCancel, x as footerBtnSave, z as zoomControls, y as zoomBtn, A as editorViewItem, B as editorViewItemActive, C as codeEditor, D as codeGutter, E as codeGutterLine, F as codeArea, G as editorPreviewWrap, H as editorPreviewEmpty, I as editorPreviewErrorWrap, J as editorPreviewErrorIcon, K as editorPreviewErrorTitle, L as editorPreviewErrorMsg } from "./MermaidRenderer-v-jwdXd2.js";
+import { M } from "./MermaidRenderer-v-jwdXd2.js";
 const TEMPLATES = [
   {
     label: "Flowchart",
@@ -34,10 +34,7 @@ const MermaidLivePreview = ({ code, svgRef, colorScheme }) => {
     const t = setTimeout(() => setDebounced(code), 300);
     return () => clearTimeout(t);
   }, [code]);
-  const { loading, error, imgSrc, svg, width, height } = useMermaidRender(
-    debounced,
-    colorScheme
-  );
+  const { loading, error, imgSrc, svg, width, height } = useMermaidRender(debounced, colorScheme);
   useEffect(() => {
     svgRef.current = svg;
   }, [svg, svgRef]);
@@ -54,7 +51,7 @@ const MermaidLivePreview = ({ code, svgRef, colorScheme }) => {
       /* @__PURE__ */ jsx("p", { className: editorPreviewErrorMsg, children: error })
     ] }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: editorPreviewWrap, children: /* @__PURE__ */ jsxs(TransformWrapper, { initialScale: 1, minScale: 0.3, maxScale: 5, children: [
+  return /* @__PURE__ */ jsx("div", { className: editorPreviewWrap, children: /* @__PURE__ */ jsxs(TransformWrapper, { initialScale: 1, maxScale: 5, minScale: 0.3, children: [
     /* @__PURE__ */ jsx(ZoomControls, {}),
     /* @__PURE__ */ jsx(
       TransformComponent,
@@ -65,23 +62,12 @@ const MermaidLivePreview = ({ code, svgRef, colorScheme }) => {
           display: "flex",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: imgSrc,
-            alt: "Mermaid diagram",
-            width,
-            height
-          }
-        )
+        children: /* @__PURE__ */ jsx("img", { alt: "Mermaid diagram", height, src: imgSrc, width })
       }
     )
   ] }) });
 };
-const CodeEditor = ({
-  value,
-  onChange
-}) => {
+const CodeEditor = ({ value, onChange }) => {
   const textareaRef = useRef(null);
   const gutterRef = useRef(null);
   const lineCount = value.split("\n").length;
@@ -103,7 +89,7 @@ const CodeEditor = ({
         const ta = e.currentTarget;
         const start = ta.selectionStart;
         const end = ta.selectionEnd;
-        onChange(`${value.substring(0, start)}  ${value.substring(end)}`);
+        onChange(`${value.slice(0, Math.max(0, start))}  ${value.slice(Math.max(0, end))}`);
         requestAnimationFrame(() => {
           ta.selectionStart = ta.selectionEnd = start + 2;
         });
@@ -112,17 +98,17 @@ const CodeEditor = ({
     [value, onChange]
   );
   return /* @__PURE__ */ jsxs("div", { className: codeEditor, children: [
-    /* @__PURE__ */ jsx("div", { ref: gutterRef, className: codeGutter, "aria-hidden": "true", children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("div", { className: codeGutterLine, children: i + 1 }, i)) }),
+    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: codeGutter, ref: gutterRef, children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("div", { className: codeGutterLine, children: i + 1 }, i)) }),
     /* @__PURE__ */ jsx(
       "textarea",
       {
-        ref: textareaRef,
         className: codeArea,
+        placeholder: "Enter Mermaid code...",
+        ref: textareaRef,
+        spellCheck: false,
         value,
         onChange: (e) => onChange(e.target.value),
-        onKeyDown: handleKeyDown,
-        spellCheck: false,
-        placeholder: "Enter Mermaid code..."
+        onKeyDown: handleKeyDown
       }
     )
   ] });
@@ -148,10 +134,7 @@ const MermaidEditorContent = ({ initialContent, onSave, dismiss, colorScheme })
     a.click();
     URL.revokeObjectURL(url);
   }, []);
-  const handleReset = useCallback(
-    () => setCode(initialContent),
-    [initialContent]
-  );
+  const handleReset = useCallback(() => setCode(initialContent), [initialContent]);
   const handleSave = useCallback(() => {
     onSave(code);
     dismiss();
@@ -159,8 +142,8 @@ const MermaidEditorContent = ({ initialContent, onSave, dismiss, colorScheme })
   const viewBtn = (mode, Icon) => /* @__PURE__ */ jsx(
     "button",
     {
-      type: "button",
       className: `${editorViewItem}${activeView === mode ? ` ${editorViewItemActive}` : ""}`,
+      type: "button",
       onClick: () => setActiveView(mode),
       children: /* @__PURE__ */ jsx(Icon, { size: 14 })
     }
@@ -176,8 +159,8 @@ const MermaidEditorContent = ({ initialContent, onSave, dismiss, colorScheme })
         TEMPLATES.map((tpl) => /* @__PURE__ */ jsx(
           "button",
           {
-            type: "button",
             className: editorTplBtn,
+            type: "button",
             onClick: () => setCode(tpl.code),
             children: tpl.label
           },
@@ -194,44 +177,26 @@ const MermaidEditorContent = ({ initialContent, onSave, dismiss, colorScheme })
         /* @__PURE__ */ jsx(
           "button",
           {
-            type: "button",
             className: editorIconBtn,
-            onClick: handleCopy,
             title: copied ? "Copied!" : "Copy code",
+            type: "button",
+            onClick: handleCopy,
             children: /* @__PURE__ */ jsx(Copy, { size: 14 })
           }
         ),
         /* @__PURE__ */ jsx(
           "button",
           {
-            type: "button",
             className: editorIconBtn,
-            onClick: handleDownload,
             title: "Download SVG",
-            children: /* @__PURE__ */ jsx(Download, { size: 14 })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
             type: "button",
-            className: editorIconBtn,
-            onClick: handleReset,
-            title: "Reset",
-            children: /* @__PURE__ */ jsx(RotateCcw, { size: 14 })
+            onClick: handleDownload,
+            children: /* @__PURE__ */ jsx(Download, { size: 14 })
           }
         ),
+        /* @__PURE__ */ jsx("button", { className: editorIconBtn, title: "Reset", type: "button", onClick: handleReset, children: /* @__PURE__ */ jsx(RotateCcw, { size: 14 }) }),
         /* @__PURE__ */ jsx("div", { className: editorSep }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: editorIconBtn,
-            onClick: dismiss,
-            title: "Close",
-            children: /* @__PURE__ */ jsx(X, { size: 14 })
-          }
-        )
+        /* @__PURE__ */ jsx("button", { className: editorIconBtn, title: "Close", type: "button", onClick: dismiss, children: /* @__PURE__ */ jsx(X, { size: 14 }) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: editorBody, children: [
@@ -247,58 +212,24 @@ const MermaidEditorContent = ({ initialContent, onSave, dismiss, colorScheme })
       ),
       activeView !== "code" && /* @__PURE__ */ jsxs("div", { className: editorPreviewPane, children: [
         /* @__PURE__ */ jsx("div", { className: editorPaneLabel, children: "Preview" }),
-        /* @__PURE__ */ jsx(
-          MermaidLivePreview,
-          {
-            code,
-            svgRef,
-            colorScheme
-          }
-        )
+        /* @__PURE__ */ jsx(MermaidLivePreview, { code, colorScheme, svgRef })
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: editorFooter, children: /* @__PURE__ */ jsxs("div", { className: footerActions, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: footerBtnCancel,
-          onClick: dismiss,
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: footerBtnSave,
-          onClick: handleSave,
-          children: "Save"
-        }
-      )
+      /* @__PURE__ */ jsx("button", { className: footerBtnCancel, type: "button", onClick: dismiss, children: "Cancel" }),
+      /* @__PURE__ */ jsx("button", { className: footerBtnSave, type: "button", onClick: handleSave, children: "Save" })
     ] }) })
   ] });
 };
 const ZoomControls = () => {
   const { zoomIn, zoomOut, resetTransform } = useControls();
   return /* @__PURE__ */ jsxs("div", { className: zoomControls, children: [
-    /* @__PURE__ */ jsx("button", { type: "button", className: zoomBtn, onClick: () => zoomIn(), children: /* @__PURE__ */ jsx(ZoomIn, { size: 14 }) }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: zoomBtn, onClick: () => zoomOut(), children: /* @__PURE__ */ jsx(ZoomOut, { size: 14 }) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: zoomBtn,
-        onClick: () => resetTransform(),
-        children: /* @__PURE__ */ jsx(Maximize2, { size: 14 })
-      }
-    )
+    /* @__PURE__ */ jsx("button", { className: zoomBtn, type: "button", onClick: () => zoomIn(), children: /* @__PURE__ */ jsx(ZoomIn, { size: 14 }) }),
+    /* @__PURE__ */ jsx("button", { className: zoomBtn, type: "button", onClick: () => zoomOut(), children: /* @__PURE__ */ jsx(ZoomOut, { size: 14 }) }),
+    /* @__PURE__ */ jsx("button", { className: zoomBtn, type: "button", onClick: () => resetTransform(), children: /* @__PURE__ */ jsx(Maximize2, { size: 14 }) })
   ] });
 };
-const MermaidEditRenderer = ({
-  content,
-  onContentChange
-}) => {
+const MermaidEditRenderer = ({ content, onContentChange }) => {
   const colorScheme = useColorScheme();
   const { loading, error, imgSrc, width, height } = useMermaidRender(content);
   const { className: portalClassName } = usePortalTheme();
@@ -308,10 +239,10 @@ const MermaidEditRenderer = ({
       content: ({ dismiss }) => /* @__PURE__ */ jsx(
         MermaidEditorContent,
         {
-          initialContent: content,
-          onSave: onContentChange,
+          colorScheme,
           dismiss,
-          colorScheme
+          initialContent: content,
+          onSave: onContentChange
         }
       ),
       className: editorPopup,
@@ -329,7 +260,7 @@ const MermaidEditRenderer = ({
   }
   return /* @__PURE__ */ jsxs("div", { className: mermaidContainer, children: [
     onContentChange && /* @__PURE__ */ jsx("span", { className: mermaidEditHint, onClick: handleClick, children: "Edit" }),
-    /* @__PURE__ */ jsxs(TransformWrapper, { initialScale: 1, minScale: 0.5, maxScale: 4, children: [
+    /* @__PURE__ */ jsxs(TransformWrapper, { initialScale: 1, maxScale: 4, minScale: 0.5, children: [
       /* @__PURE__ */ jsx(ZoomControls, {}),
       /* @__PURE__ */ jsx(
         TransformComponent,
@@ -340,15 +271,7 @@ const MermaidEditRenderer = ({
             display: "flex",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: imgSrc,
-              alt: "Mermaid diagram",
-              width,
-              height
-            }
-          )
+          children: /* @__PURE__ */ jsx("img", { alt: "Mermaid diagram", height, src: imgSrc, width })
         }
       )
     ] })

package/dist/mermaid-theme.d.ts

@@ -13,17 +13,17 @@ interface MermaidThemeConfig {
     themeVariables: Record<string, string>;
 }
 export interface ThemeTokens {
+    arrow: string;
     bg: string;
     fg: string;
+    groupHeader: string;
+    innerStroke: string;
     line: string;
-    arrow: string;
     nodeFill: string;
     nodeStroke: string;
-    groupHeader: string;
-    innerStroke: string;
-    textSec: string;
-    textMuted: string;
     textFaint: string;
+    textMuted: string;
+    textSec: string;
 }
 export declare function deriveTokens(bg: string, fg: string): ThemeTokens;
 export declare const lightTheme: MermaidThemeConfig;

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;;;;;;;;;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"}
+{"version":3,"file":"mermaid-theme.d.ts","sourceRoot":"","sources":["../src/mermaid-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC;AAoCD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,WAAW,CAchE;AAqJD,eAAO,MAAM,UAAU,oBAAmC,CAAC;AAG3D,eAAO,MAAM,SAAS,oBAAmC,CAAC;AAE1D,eAAO,MAAM,WAAW,aAAqC,CAAC;AAC9D,eAAO,MAAM,UAAU,aAAqC,CAAC"}

package/dist/static.mjs

@@ -1,4 +1,4 @@
-import { M } from "./MermaidRenderer-uCCuxjy5.js";
+import { M } from "./MermaidRenderer-v-jwdXd2.js";
 export {
   M as MermaidRenderer
 };

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@haklex/rich-renderer-mermaid",
-  "type": "module",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "description": "Mermaid diagram renderer",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Innei/haklex.git",
+    "directory": "packages/rich-renderer-mermaid"
+  },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -23,17 +28,13 @@
   "files": [
     "dist"
   ],
-  "peerDependencies": {
-    "react": ">=19",
-    "react-dom": ">=19"
-  },
   "dependencies": {
     "lucide-react": "^0.577.0",
     "mermaid": "^11.12.3",
     "react-zoom-pan-pinch": "^3.7.0",
-    "@haklex/rich-style-token": "0.0.65",
-    "@haklex/rich-editor": "0.0.65",
-    "@haklex/rich-editor-ui": "0.0.65"
+    "@haklex/rich-editor": "0.0.67",
+    "@haklex/rich-editor-ui": "0.0.67",
+    "@haklex/rich-style-token": "0.0.67"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
@@ -46,6 +47,10 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
   "publishConfig": {
     "access": "public"
   },