/**
 * Mermaid template for flowcharts, sequence diagrams, ER diagrams, etc.
 * Based on nicobailon/visual-explainer mermaid-flowchart.html.
 *
 * Key invariants (each one exists because it was a real bug):
 *   1. Mermaid source is placed inside `<script type="text/plain" class="diagram-source">`
 *      — the HTML parser treats this as opaque data, so `<br/>`, `<`, `>`,
 *      `&` in the source survive untouched. Never use `<pre class="mermaid">`.
 *   2. Rendering is explicit via `mermaid.render(id, code)` with
 *      `startOnLoad: false`. This avoids the timing race between "mermaid
 *      finished mutating the DOM" and "our zoom/pan handlers bind".
 *   3. `themeVariables.fontFamily` uses a concrete font stack, not a CSS
 *      custom property. Mermaid bakes the value into SVG inline styles and
 *      CSS vars don't resolve when the SVG is exported to a new tab.
 *   4. The new-tab export reads the page background from a `data-bg`
 *      attribute on `.mermaid-wrap` so the exported view matches the
 *      baked-in SVG colors.
 */
import type { Aesthetic } from "../types.js";
export interface MermaidContent {
    mermaidSyntax: string;
    caption?: string;
}
export declare function generateMermaidTemplate(title: string, content: MermaidContent, aesthetic: Aesthetic, isDark: boolean): string;
/**
 * Escape mermaid source for safe inclusion in a `<script type="text/plain">`.
 * Browsers parse a script element's contents only looking for `</script>` —
 * so we only need to neutralize the literal sequence `</script` anywhere in
 * the source. Everything else (HTML entities, `<br/>`, `<`, `>`, `&`) passes
 * through untouched, which is exactly what Mermaid wants.
 */
export declare function escapeMermaidSource(source: string): string;
//# sourceMappingURL=mermaid.d.ts.map