@docubook/mdx-content 3.2.2 → 3.4.0

package/README.md

@@ -64,6 +64,7 @@ import {
     TableHeaderMdx,
     TableMdx,
     TableRowMdx,
+    MermaidMdx,
     TooltipMdx,
     YoutubeMdx,
 } from "@docubook/mdx-content";
@@ -97,6 +98,7 @@ const builtInOverrides: MdxComponentMap = {
     Folder: FolderMdx,
     Youtube: YoutubeMdx,
     Tooltip: TooltipMdx,
+    Mermaid: MermaidMdx,
     img: ImageMdx,
     a: LinkMdx,
     Link: LinkMdx,
@@ -131,7 +133,7 @@ const docsService = createMdxContentService({
 |              Path              |                          Description                           |
 | ------------------------------ | -------------------------------------------------------------- |
 | `@docubook/mdx-content`        | All server-safe components + `createMdxComponents` registry    |
-| `@docubook/mdx-content/client` | Client-only components (accordion, tabs, tooltip, etc.)        |
+| `@docubook/mdx-content/client` | Client-only components (accordion, tabs, tooltip, mermaid, etc.)        |
 | `@docubook/mdx-content/server` | Server-side components                                         |
 | `@docubook/mdx-content/next`   | Next.js-optimized adapters (`Link`, `Button`, `Card`, `Image`) |
 | `@docubook/mdx-content/styles.css` | Stylesheet for MDX components (required)                   |
@@ -246,6 +248,7 @@ Components included out of the box:
 - `Steps` / `Step`
 - `Tabs` / `Tab`
 - `Tooltip`
+- `Mermaid` — renders Mermaid.js diagrams (flowchart, sequence, class, state, gantt, pie, ER) from ` ```mermaid ` fenced code blocks, with GFM-style pan/zoom/fullscreen controls (button and keyboard driven)
 - `Youtube`
 - Table (`table`, `thead`, `tbody`, `tfoot`, `tr`, `th`, `td`)
 

package/dist/__test__/MermaidMdx.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MermaidMdx.test.d.ts.map

package/dist/__test__/MermaidMdx.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/MermaidMdx.test.tsx"],"names":[],"mappings":""}

package/dist/__test__/MermaidMdx.test.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { render, fireEvent } from "@testing-library/react";
+import { MermaidMdx } from "../components/MermaidMdx";
+// Mock mermaid module for client-side hydration tests
+const mockInitialize = vi.fn();
+const mockParse = vi.fn();
+const mockRun = vi.fn();
+vi.mock("mermaid", () => ({
+    default: {
+        initialize: (...args) => mockInitialize(...args),
+        parse: (...args) => mockParse(...args),
+        run: (...args) => mockRun(...args),
+    },
+}));
+// jsdom does not provide IntersectionObserver. Stub it so that the lazy-render
+// callback fires immediately with isIntersecting=true, allowing mockRun to be
+// asserted in tests that reach the render path.
+class FakeIntersectionObserver {
+    constructor(cb) {
+        this.callback = cb;
+    }
+    observe(target) {
+        // Immediately invoke as if the element is visible
+        this.callback([{ isIntersecting: true, target }], this);
+    }
+    disconnect() { }
+    unobserve() { }
+}
+vi.stubGlobal("IntersectionObserver", FakeIntersectionObserver);
+beforeEach(() => {
+    vi.clearAllMocks();
+});
+describe("MermaidMdx", () => {
+    it("renders pre.mermaid placeholder with chart text (SSR)", () => {
+        const { container } = render(_jsx(MermaidMdx, { chart: "graph TD; A-->B;" }));
+        const pre = container.querySelector("pre.mermaid");
+        expect(pre).not.toBeNull();
+        expect(pre?.textContent).toBe("graph TD; A-->B;");
+        expect(pre?.getAttribute("id")).toMatch(/^mermaid-/);
+    });
+    it("renders nothing for empty chart", () => {
+        const { container } = render(_jsx(MermaidMdx, { chart: "" }));
+        // Should render null — container should be empty
+        expect(container.querySelector("pre")).toBeNull();
+        expect(container.querySelector("div")).toBeNull();
+    });
+    it("accepts optional id prop", () => {
+        const { container } = render(_jsx(MermaidMdx, { chart: "graph TD", id: "my-diagram" }));
+        const pre = container.querySelector("pre.mermaid");
+        expect(pre?.getAttribute("id")).toBe("my-diagram");
+    });
+    it("accepts optional className prop", () => {
+        const { container } = render(_jsx(MermaidMdx, { chart: "graph TD", className: "extra-class" }));
+        const pre = container.querySelector("pre.mermaid");
+        expect(pre?.classList.contains("extra-class")).toBe(true);
+        expect(pre?.classList.contains("not-prose")).toBe(true);
+    });
+    it("generates unique id per instance", () => {
+        const { container } = render(_jsxs("div", { children: [_jsx(MermaidMdx, { chart: "graph TD" }), _jsx(MermaidMdx, { chart: "graph LR" })] }));
+        const pres = container.querySelectorAll("pre.mermaid");
+        expect(pres.length).toBe(2);
+        expect(pres[0]?.getAttribute("id")).not.toBe(pres[1]?.getAttribute("id"));
+    });
+    it("renders error fallback when mermaid.parse throws", async () => {
+        mockParse.mockRejectedValueOnce(new Error("syntax error"));
+        const { container } = render(_jsx(MermaidMdx, { chart: "invalid syntax" }));
+        // Wait for async useEffect to settle
+        await vi.waitFor(() => {
+            expect(container.textContent).toContain("Diagram rendering error");
+        });
+        expect(container.textContent).toContain("invalid syntax");
+    });
+    it("calls mermaid.initialize and parse on mount", async () => {
+        mockParse.mockResolvedValueOnce(undefined);
+        render(_jsx(MermaidMdx, { chart: "graph TD; A-->B;" }));
+        await vi.waitFor(() => {
+            expect(mockInitialize).toHaveBeenCalledWith(expect.objectContaining({ startOnLoad: false }));
+        });
+        expect(mockParse).toHaveBeenCalledWith("graph TD; A-->B;");
+    });
+    it("renders not-prose class by default", () => {
+        const { container } = render(_jsx(MermaidMdx, { chart: "graph TD" }));
+        expect(container.querySelector("pre.mermaid.not-prose")).not.toBeNull();
+    });
+    it("calls mermaid.run when element becomes visible (IntersectionObserver)", async () => {
+        mockParse.mockResolvedValueOnce(undefined);
+        render(_jsx(MermaidMdx, { chart: "graph TD; A-->B;" }));
+        await vi.waitFor(() => {
+            expect(mockRun).toHaveBeenCalledWith(expect.objectContaining({ nodes: expect.any(Array) }));
+        });
+    });
+    it("removes data-processed attribute before re-render on theme change", async () => {
+        mockParse.mockResolvedValue(undefined);
+        vi.useFakeTimers({ shouldAdvanceTime: true });
+        const { container, unmount } = render(_jsx(MermaidMdx, { chart: "graph TD; A-->B;" }));
+        // Let the async init run so the component's MutationObserver is attached
+        await vi.waitFor(() => {
+            expect(mockRun).toHaveBeenCalled();
+        });
+        const pre = container.querySelector("pre.mermaid");
+        expect(pre).not.toBeNull();
+        // Simulate mermaid setting data-processed after initial render
+        pre.setAttribute("data-processed", "true");
+        mockRun.mockClear();
+        // Capture whether data-processed was absent when run() fires
+        let dataProcessedAtCallTime = "not-called";
+        mockRun.mockImplementation(() => {
+            dataProcessedAtCallTime = pre.getAttribute("data-processed");
+        });
+        // Simulate a theme change on <html class>
+        document.documentElement.classList.add("dark");
+        // Advance past the 200ms debounce
+        await vi.advanceTimersByTimeAsync(250);
+        // data-processed must have been absent when run() was called (the fix being tested)
+        expect(dataProcessedAtCallTime).toBeNull();
+        // Cleanup
+        document.documentElement.classList.remove("dark");
+        unmount();
+        vi.useRealTimers();
+    });
+    describe("pan/zoom controls", () => {
+        async function renderWithControls() {
+            mockParse.mockResolvedValueOnce(undefined);
+            const result = render(_jsx(MermaidMdx, { chart: "graph TD; A-->B;" }));
+            await vi.waitFor(() => {
+                expect(result.container.querySelector('[aria-label="Pan and zoom controls"]')).not.toBeNull();
+            });
+            return result;
+        }
+        it("shows all controls after the diagram renders", async () => {
+            const { container } = await renderWithControls();
+            const labels = [
+                "Pan up",
+                "Pan down",
+                "Pan left",
+                "Pan right",
+                "Zoom in",
+                "Zoom out",
+                "Reset view",
+                "Enter full screen",
+            ];
+            for (const label of labels) {
+                expect(container.querySelector(`button[aria-label="${label}"]`)).not.toBeNull();
+            }
+        });
+        it("does not show controls when panZoom is false", async () => {
+            mockParse.mockResolvedValueOnce(undefined);
+            const { container } = render(_jsx(MermaidMdx, { chart: "graph TD; A-->B;", panZoom: false }));
+            await vi.waitFor(() => {
+                expect(mockRun).toHaveBeenCalled();
+            });
+            expect(container.querySelector('[aria-label="Pan and zoom controls"]')).toBeNull();
+        });
+        it("zoom, pan, and reset buttons update the transform", async () => {
+            const { container } = await renderWithControls();
+            const layer = container.querySelector("pre.mermaid")?.parentElement;
+            fireEvent.click(container.querySelector('button[aria-label="Zoom in"]'));
+            expect(layer.style.transform).toBe("translate(0px, 0px) scale(1.2)");
+            fireEvent.click(container.querySelector('button[aria-label="Pan right"]'));
+            expect(layer.style.transform).toBe("translate(50px, 0px) scale(1.2)");
+            fireEvent.click(container.querySelector('button[aria-label="Reset view"]'));
+            expect(layer.style.transform).toBe("translate(0px, 0px) scale(1)");
+        });
+        it("clamps zoom at the maximum scale", async () => {
+            const { container } = await renderWithControls();
+            const layer = container.querySelector("pre.mermaid")?.parentElement;
+            const zoomIn = container.querySelector('button[aria-label="Zoom in"]');
+            for (let i = 0; i < 20; i++)
+                fireEvent.click(zoomIn);
+            expect(layer.style.transform).toBe("translate(0px, 0px) scale(4)");
+        });
+        it("pans with arrow keys on the focused container", async () => {
+            const { container } = await renderWithControls();
+            const viewport = container.querySelector('[tabindex="0"]');
+            const layer = container.querySelector("pre.mermaid")?.parentElement;
+            fireEvent.keyDown(viewport, { key: "ArrowRight" });
+            expect(layer.style.transform).toBe("translate(50px, 0px) scale(1)");
+            fireEvent.keyDown(viewport, { key: "ArrowUp" });
+            expect(layer.style.transform).toBe("translate(50px, -50px) scale(1)");
+            fireEvent.keyDown(viewport, { key: "0" });
+            expect(layer.style.transform).toBe("translate(0px, 0px) scale(1)");
+        });
+        it("ignores key presses with modifier keys (browser shortcuts)", async () => {
+            const { container } = await renderWithControls();
+            const viewport = container.querySelector('[tabindex="0"]');
+            const layer = container.querySelector("pre.mermaid")?.parentElement;
+            fireEvent.keyDown(viewport, { key: "-", ctrlKey: true });
+            fireEvent.keyDown(viewport, { key: "=", metaKey: true });
+            fireEvent.keyDown(viewport, { key: "ArrowLeft", altKey: true });
+            expect(layer.style.transform).toBe("translate(0px, 0px) scale(1)");
+        });
+        it("toggles the fullscreen lightbox via button and Escape", async () => {
+            const { container } = await renderWithControls();
+            const viewport = container.querySelector('[tabindex="0"]');
+            fireEvent.click(container.querySelector('button[aria-label="Enter full screen"]'));
+            expect(viewport.style.position).toBe("fixed");
+            expect(document.body.style.overflow).toBe("hidden");
+            expect(container.querySelector('button[aria-label="Exit full screen"]')).not.toBeNull();
+            fireEvent.keyDown(viewport, { key: "Escape" });
+            expect(viewport.style.position).toBe("relative");
+            expect(document.body.style.overflow).toBe("");
+            expect(container.querySelector('button[aria-label="Enter full screen"]')).not.toBeNull();
+        });
+    });
+});
+//# sourceMappingURL=MermaidMdx.test.js.map

package/dist/__test__/MermaidMdx.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidMdx.test.js","sourceRoot":"","sources":["../../src/__test__/MermaidMdx.test.tsx"],"names":[],"mappings":"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"}

package/dist/client.d.ts

@@ -5,4 +5,5 @@ export { TooltipMdx } from "./components/TooltipMdx";
 export { ImageMdx } from "./components/ImageMdx";
 export { CardMdx } from "./components/CardMdx";
 export { FileMdx, FilesMdx, FolderMdx } from "./components/FileTreeMdx";
+export { MermaidMdx } from "./components/MermaidMdx";
 //# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/client.js

@@ -5,4 +5,5 @@ export { TooltipMdx } from "./components/TooltipMdx";
 export { ImageMdx } from "./components/ImageMdx";
 export { CardMdx } from "./components/CardMdx";
 export { FileMdx, FilesMdx, FolderMdx } from "./components/FileTreeMdx";
+export { MermaidMdx } from "./components/MermaidMdx";
 //# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/MermaidMdx.d.ts

@@ -0,0 +1,13 @@
+interface MermaidMdxProps {
+    /** Mermaid diagram definition (from rehype plugin or programmatic) */
+    chart: string;
+    /** Custom DOM id (auto-generated if omitted) */
+    id?: string;
+    /** Additional CSS class on container */
+    className?: string;
+    /** Show GFM-style pan/zoom controls once the diagram renders (default true) */
+    panZoom?: boolean;
+}
+export declare function MermaidMdx({ chart, id, className, panZoom }: MermaidMdxProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=MermaidMdx.d.ts.map

package/dist/components/MermaidMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidMdx.d.ts","sourceRoot":"","sources":["../../src/components/MermaidMdx.tsx"],"names":[],"mappings":"AAgBA,UAAU,eAAe;IACvB,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,OAAc,EAAE,EAAE,eAAe,sCA6RnF"}

package/dist/components/MermaidMdx.js

@@ -0,0 +1,211 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useEffect, useState, } from "react";
+// Module-level singleton — one dynamic import regardless of diagram count
+let mermaidPromise = null;
+function getTheme() {
+    return document.documentElement.classList.contains("dark") ? "dark" : "default";
+}
+// Pan/zoom tuning — button-driven like GFM's mermaid viewer (no drag/wheel)
+const PAN_STEP = 50;
+const ZOOM_STEP = 1.2;
+const MIN_SCALE = 0.4;
+const MAX_SCALE = 4;
+const clampScale = (scale) => Math.min(MAX_SCALE, Math.max(MIN_SCALE, scale));
+const controlButtonStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 28,
+    height: 28,
+    padding: 0,
+    border: "1px solid rgba(127,127,127,0.35)",
+    borderRadius: 6,
+    background: "rgba(127,127,127,0.12)",
+    color: "currentcolor",
+    cursor: "pointer",
+};
+function ControlButton({ label, onClick, cell, children, }) {
+    return (_jsx("button", { type: "button", "aria-label": label, title: label, onClick: onClick, style: { ...controlButtonStyle, gridColumn: cell.col, gridRow: cell.row }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: children }) }));
+}
+export function MermaidMdx({ chart, id, className, panZoom = true }) {
+    const generatedId = useId();
+    const domId = id ?? `mermaid-${generatedId.replace(/[:.]/g, "-")}`;
+    const ref = useRef(null);
+    const chartRef = useRef(chart);
+    const mermaidRef = useRef(null);
+    const [error, setError] = useState(null);
+    const [rendered, setRendered] = useState(false);
+    const [view, setView] = useState({ x: 0, y: 0, scale: 1 });
+    const [fullscreen, setFullscreen] = useState(false);
+    // Keep chartRef in sync so theme-change re-render (T-005) can restore text
+    chartRef.current = chart;
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        if (!chart)
+            return;
+        let cancelled = false;
+        let lazyObserver = null;
+        let syncObserver = null;
+        let themeTimer = null;
+        async function init() {
+            try {
+                // Invariant 6: singleton dynamic import
+                if (!mermaidPromise) {
+                    mermaidPromise = import("mermaid");
+                }
+                const mod = await mermaidPromise;
+                const mermaid = (mermaidRef.current = mod.default);
+                mermaid.initialize({ startOnLoad: false, theme: getTheme() });
+                // Validate syntax early — show error before attempting render
+                try {
+                    await mermaid.parse(chart);
+                }
+                catch {
+                    if (!cancelled)
+                        setError("Invalid Mermaid syntax");
+                    return;
+                }
+                if (cancelled || !ref.current)
+                    return;
+                // T-009: lazy rendering via IntersectionObserver
+                lazyObserver = new IntersectionObserver(([entry]) => {
+                    if (!entry.isIntersecting || cancelled || !ref.current)
+                        return;
+                    Promise.resolve(mermaid.run({ nodes: [ref.current] }))
+                        .then(() => {
+                        if (!cancelled)
+                            setRendered(true);
+                    })
+                        .catch(() => {
+                        if (!cancelled)
+                            setError("Failed to render diagram");
+                    });
+                    lazyObserver?.disconnect();
+                }, { rootMargin: "200px" });
+                lazyObserver.observe(ref.current);
+            }
+            catch {
+                if (!cancelled)
+                    setError("Failed to load Mermaid renderer");
+            }
+        }
+        init();
+        // T-005: theme sync via MutationObserver on <html class>
+        syncObserver = new MutationObserver(() => {
+            if (themeTimer)
+                clearTimeout(themeTimer);
+            themeTimer = setTimeout(() => {
+                if (cancelled || !mermaidRef.current || !ref.current)
+                    return;
+                // Mermaid replaces innerHTML — restore original chart text before re-render
+                ref.current.textContent = chartRef.current;
+                // Remove data-processed so mermaid v11 does not skip this node
+                ref.current.removeAttribute("data-processed");
+                mermaidRef.current.initialize({
+                    startOnLoad: false,
+                    theme: getTheme(),
+                });
+                mermaidRef.current.run({ nodes: [ref.current] });
+            }, 200);
+        });
+        syncObserver.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["class"],
+        });
+        return () => {
+            cancelled = true;
+            if (themeTimer)
+                clearTimeout(themeTimer);
+            lazyObserver?.disconnect();
+            syncObserver?.disconnect();
+        };
+        // chart string is static from MDX — this only fires on mount
+    }, []);
+    // Lock page scroll while the fullscreen lightbox is open
+    useEffect(() => {
+        if (!fullscreen)
+            return;
+        const previous = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        return () => {
+            document.body.style.overflow = previous;
+        };
+    }, [fullscreen]);
+    // Guard: empty chart
+    if (!chart)
+        return null;
+    const pan = (dx, dy) => setView((v) => ({ ...v, x: v.x + dx, y: v.y + dy }));
+    const zoom = (factor) => setView((v) => ({ ...v, scale: clampScale(v.scale * factor) }));
+    const resetView = () => setView({ x: 0, y: 0, scale: 1 });
+    const controlsActive = panZoom && rendered;
+    const handleKeyDown = (e) => {
+        // Leave browser shortcuts (Ctrl/Cmd+0, Ctrl/Cmd+-, Alt+arrows, ...) alone
+        if (!controlsActive || e.ctrlKey || e.metaKey || e.altKey)
+            return;
+        const actions = {
+            ArrowUp: () => pan(0, -PAN_STEP),
+            ArrowDown: () => pan(0, PAN_STEP),
+            ArrowLeft: () => pan(-PAN_STEP, 0),
+            ArrowRight: () => pan(PAN_STEP, 0),
+            "+": () => zoom(ZOOM_STEP),
+            "=": () => zoom(ZOOM_STEP),
+            "-": () => zoom(1 / ZOOM_STEP),
+            "0": resetView,
+            ...(fullscreen ? { Escape: () => setFullscreen(false) } : {}),
+        };
+        const action = actions[e.key];
+        if (!action)
+            return;
+        e.preventDefault();
+        action();
+    };
+    if (error) {
+        return (_jsxs("div", { className: className, style: {
+                border: "1px solid hsl(var(--destructive, 0 85% 60%))",
+                borderRadius: 8,
+                padding: "0.75rem 1rem",
+                margin: "1em 0",
+            }, children: [_jsx("p", { style: {
+                        color: "hsl(var(--destructive, 0 85% 60%))",
+                        fontWeight: 600,
+                        marginBottom: 8,
+                        fontSize: "0.875rem",
+                    }, children: "\u26A0\uFE0F Diagram rendering error" }), _jsx("pre", { style: {
+                        fontSize: "0.875rem",
+                        whiteSpace: "pre-wrap",
+                        margin: 0,
+                    }, children: chart })] }));
+    }
+    return (_jsxs("div", { className: "max-w-full", tabIndex: controlsActive ? 0 : undefined, role: controlsActive ? "group" : undefined, "aria-label": controlsActive
+            ? "Mermaid diagram. Use arrow keys to pan, + and - to zoom, 0 to reset."
+            : undefined, onKeyDown: handleKeyDown, style: {
+            ...(fullscreen
+                ? {
+                    position: "fixed",
+                    inset: 0,
+                    zIndex: 50,
+                    background: "hsl(var(--background, 0 0% 100%))",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                }
+                : { position: "relative" }),
+            ...(controlsActive ? { overflow: "hidden" } : { overflowX: "auto" }),
+        }, children: [_jsx("div", { style: controlsActive
+                    ? {
+                        transform: `translate(${view.x}px, ${view.y}px) scale(${view.scale})`,
+                        transformOrigin: "center center",
+                        transition: "transform 150ms ease",
+                    }
+                    : undefined, children: _jsx("pre", { ref: ref, id: domId, className: `mermaid not-prose${className ? ` ${className}` : ""}`, style: { margin: "1em auto", width: "fit-content", maxWidth: "100%" }, children: chart }) }), controlsActive ? (_jsxs("div", { role: "group", "aria-label": "Pan and zoom controls", style: {
+                    position: "absolute",
+                    bottom: 8,
+                    right: 8,
+                    display: "grid",
+                    gridTemplateColumns: "repeat(3, 28px)",
+                    gap: 4,
+                }, children: [_jsx(ControlButton, { label: fullscreen ? "Exit full screen" : "Enter full screen", onClick: () => setFullscreen((f) => !f), cell: { col: 1, row: 1 }, children: fullscreen ? (_jsx("path", { d: "M8 3v3a2 2 0 0 1-2 2H3M21 8h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3M16 21v-3a2 2 0 0 1 2-2h3" })) : (_jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3" })) }), _jsx(ControlButton, { label: "Pan up", onClick: () => pan(0, -PAN_STEP), cell: { col: 2, row: 1 }, children: _jsx("path", { d: "m18 15-6-6-6 6" }) }), _jsxs(ControlButton, { label: "Zoom in", onClick: () => zoom(ZOOM_STEP), cell: { col: 3, row: 1 }, children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("path", { d: "m21 21-4-4M8 11h6M11 8v6" })] }), _jsx(ControlButton, { label: "Pan left", onClick: () => pan(-PAN_STEP, 0), cell: { col: 1, row: 2 }, children: _jsx("path", { d: "m15 18-6-6 6-6" }) }), _jsxs(ControlButton, { label: "Reset view", onClick: resetView, cell: { col: 2, row: 2 }, children: [_jsx("path", { d: "M3 12a9 9 0 1 0 2.6-6.3L3 8" }), _jsx("path", { d: "M3 3v5h5" })] }), _jsx(ControlButton, { label: "Pan right", onClick: () => pan(PAN_STEP, 0), cell: { col: 3, row: 2 }, children: _jsx("path", { d: "m9 18 6-6-6-6" }) }), _jsx(ControlButton, { label: "Pan down", onClick: () => pan(0, PAN_STEP), cell: { col: 2, row: 3 }, children: _jsx("path", { d: "m6 9 6 6 6-6" }) }), _jsxs(ControlButton, { label: "Zoom out", onClick: () => zoom(1 / ZOOM_STEP), cell: { col: 3, row: 3 }, children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("path", { d: "m21 21-4-4M8 11h6" })] })] })) : null] }));
+}
+//# sourceMappingURL=MermaidMdx.js.map

package/dist/components/MermaidMdx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidMdx.js","sourceRoot":"","sources":["../../src/components/MermaidMdx.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -15,4 +15,5 @@ export { TabMdx, TabsMdx } from "./TabsMdx";
 export { TableMdx, TableHeaderMdx, TableBodyMdx, TableFooterMdx, TableRowMdx, TableHeadMdx, TableCellMdx, } from "./TableMdx";
 export { TooltipMdx } from "./TooltipMdx";
 export { YoutubeMdx } from "./YoutubeMdx";
+export { MermaidMdx } from "./MermaidMdx";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/index.js

@@ -15,4 +15,5 @@ export { TabMdx, TabsMdx } from "./TabsMdx";
 export { TableMdx, TableHeaderMdx, TableBodyMdx, TableFooterMdx, TableRowMdx, TableHeadMdx, TableCellMdx, } from "./TableMdx";
 export { TooltipMdx } from "./TooltipMdx";
 export { YoutubeMdx } from "./YoutubeMdx";
+export { MermaidMdx } from "./MermaidMdx";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { FileMdx, FilesMdx, FolderMdx } from "./components/FileTreeMdx";
 export { ImageMdx, type ImageMdxProps } from "./components/ImageMdx";
 export { KbdMdx } from "./components/KbdMdx";
 export { LinkMdx, type LinkMdxProps } from "./components/LinkMdx";
+export { MermaidMdx } from "./components/MermaidMdx";
 export { NoteMdx } from "./components/NoteMdx";
 export { ChangesMdx, ReleaseMdx } from "./components/ReleaseMdx";
 export { StepMdx, StepsMdx } from "./components/StepperMdx";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -8,6 +8,7 @@ export { FileMdx, FilesMdx, FolderMdx } from "./components/FileTreeMdx";
 export { ImageMdx } from "./components/ImageMdx";
 export { KbdMdx } from "./components/KbdMdx";
 export { LinkMdx } from "./components/LinkMdx";
+export { MermaidMdx } from "./components/MermaidMdx";
 export { NoteMdx } from "./components/NoteMdx";
 export { ChangesMdx, ReleaseMdx } from "./components/ReleaseMdx";
 export { StepMdx, StepsMdx } from "./components/StepperMdx";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAwB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAwB,MAAM,YAAY,CAAC"}

package/dist/registry/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAiC3C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjE,wBAAgB,mBAAmB,CAAC,gBAAgB,GAAE,eAAoB,GAAG,eAAe,CAkC3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAkC3C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjE,wBAAgB,mBAAmB,CAAC,gBAAgB,GAAE,eAAoB,GAAG,eAAe,CAmC3F"}

package/dist/registry/index.js

@@ -1,4 +1,4 @@
-import { AccordionMdx, AccordionsMdx, ButtonMdx, CardsMdx, CardMdx, CodeBlock, FileMdx, FilesMdx, FolderMdx, ImageMdx, KbdMdx, LinkMdx, NoteMdx, ReleaseMdx, ChangesMdx, StepMdx, StepsMdx, TableMdx, TableHeaderMdx, TableBodyMdx, TableFooterMdx, TableRowMdx, TableHeadMdx, TableCellMdx, TabMdx, TabsMdx, TooltipMdx, YoutubeMdx, } from "../components";
+import { AccordionMdx, AccordionsMdx, ButtonMdx, CardsMdx, CardMdx, CodeBlock, FileMdx, FilesMdx, FolderMdx, ImageMdx, KbdMdx, LinkMdx, MermaidMdx, NoteMdx, ReleaseMdx, ChangesMdx, StepMdx, StepsMdx, TableMdx, TableHeaderMdx, TableBodyMdx, TableFooterMdx, TableRowMdx, TableHeadMdx, TableCellMdx, TabMdx, TabsMdx, TooltipMdx, YoutubeMdx, } from "../components";
 export function createMdxComponents(customComponents = {}) {
     return {
         Tabs: TabsMdx,
@@ -31,6 +31,7 @@ export function createMdxComponents(customComponents = {}) {
         img: ImageMdx,
         Youtube: YoutubeMdx,
         Tooltip: TooltipMdx,
+        Mermaid: MermaidMdx,
         ...customComponents,
     };
 }

package/dist/registry/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,GACX,MAAM,eAAe,CAAC;AAKvB,MAAM,UAAU,mBAAmB,CAAC,mBAAoC,EAAE;IACxE,OAAO;QACL,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,cAAc;QACrB,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,YAAY;QAChB,GAAG,EAAE,SAAS;QACd,CAAC,EAAE,OAAO;QACV,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,aAAa;QACzB,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,MAAM;QACX,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;QACnB,GAAG,gBAAgB;KACpB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,GACX,MAAM,eAAe,CAAC;AAKvB,MAAM,UAAU,mBAAmB,CAAC,mBAAoC,EAAE;IACxE,OAAO;QACL,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,cAAc;QACrB,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,YAAY;QAChB,GAAG,EAAE,SAAS;QACd,CAAC,EAAE,OAAO;QACV,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,aAAa;QACzB,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,MAAM;QACX,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;QACnB,GAAG,gBAAgB;KACpB,CAAC;AACJ,CAAC"}

package/dist/utils/ExpandableCode.js

@@ -43,7 +43,7 @@ export function ExpandableCode({ isExpandable, totalLines, preContent, preProps,
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: "mdx-expandable-code-container", children: _jsx("pre", { ref: preRef, ...preProps, className: `${className || ""} mdx-expandable-code`, style: {
                         margin: 0,
                         padding: "0.9rem",
-                        overflowX: "visible",
+                        overflowX: "auto",
                         minWidth: "100%",
                         maxHeight: isCollapsed ? collapsedMaxHeight : "none",
                         overflowY: isCollapsed ? "hidden" : "visible",

package/dist/utils/ExpandableCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableCode.js","sourceRoot":"","sources":["../../src/utils/ExpandableCode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExpandableCode.js","sourceRoot":"","sources":["../../src/utils/ExpandableCode.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/mdx-content",
-  "version": "3.2.2",
+  "version": "3.4.0",
   "description": "Portable MDX components and framework adapters for DocuBook",
   "type": "module",
   "main": "./dist/index.js",
@@ -50,12 +50,15 @@
   "author": "wildan.nrs",
   "author-url": "https://wildan.dev",
   "license": "MIT",
+  "dependencies": {
+    "mermaid": "^11.16.0"
+  },
   "peerDependencies": {
     "lucide-react": "^1.7.0",
     "react": ">=18",
     "react-dom": ">=18",
     "react-icons": "^5.0.0",
-    "@docubook/core": "^1.7.2"
+    "@docubook/core": "^1.8.0"
   },
   "peerDependenciesMeta": {
     "next": {