zombie-mermaid 2.2.3 → 2.2.6

package/dist/index.d.cts

@@ -1,322 +1,50 @@
-import { ElkNode } from 'elkjs';
+import { AsciiRenderOptions } from '@zombie-mermaid/ascii-renderer';
+import { ClassRenderOptions } from '@zombie-mermaid/core';
+import { CommonRenderOptions } from '@zombie-mermaid/core';
+import { createLayoutCache } from '@zombie-mermaid/svg-renderer';
+import { DEFAULTS } from '@zombie-mermaid/core';
+import { DiagramColors } from '@zombie-mermaid/core';
+import { Direction } from '@zombie-mermaid/core';
+import { ErRenderOptions } from '@zombie-mermaid/core';
+import { FlowchartRenderOptions } from '@zombie-mermaid/core';
+import { fromShikiTheme } from '@zombie-mermaid/core';
+import { LayoutCache } from '@zombie-mermaid/svg-renderer';
+import { MermaidGraph } from '@zombie-mermaid/core';
+import { NodeInteraction } from '@zombie-mermaid/core';
+import { PositionedGraph } from '@zombie-mermaid/core';
+import { renderMermaidASCII } from '@zombie-mermaid/ascii-renderer';
+import { renderMermaidAscii } from '@zombie-mermaid/ascii-renderer';
+import { RenderOptions } from '@zombie-mermaid/core';
+import { SequenceRenderOptions } from '@zombie-mermaid/core';
+import { ThemeName } from '@zombie-mermaid/core';
+import { THEMES } from '@zombie-mermaid/core';
+import { XyChartRenderOptions } from '@zombie-mermaid/core';
 
-export declare interface AsciiRenderOptions {
-    /** true = ASCII chars (+,-,|,>), false = Unicode box-drawing (┌,─,│,►). Default: false */
-    useAscii?: boolean;
-    /** Horizontal spacing between nodes. Default: 5 */
-    paddingX?: number;
-    /** Vertical spacing between nodes. Default: 5 */
-    paddingY?: number;
-    /** Padding inside node boxes. Default: 1 */
-    boxBorderPadding?: number;
-    /**
-     * Color mode for output.
-     * - 'none': No colors (plain text)
-     * - 'auto': Auto-detect (terminal ANSI capabilities, or HTML in browsers)
-     * - 'ansi16': 16-color ANSI
-     * - 'ansi256': 256-color xterm
-     * - 'truecolor': 24-bit RGB
-     * - 'html': HTML <span> tags with inline color styles (for browser rendering)
-     * Default: 'auto'
-     */
-    colorMode?: ColorMode | 'auto';
-    /** Theme colors for ASCII output. Uses default theme if not provided. */
-    theme?: Partial<AsciiTheme>;
-    /**
-     * Overlay spreadsheet-style row/column indices on the rendered output, to
-     * help debug layout spacing. Off by default.
-     */
-    showCoords?: boolean;
-    /**
-     * Force the diagram's layout direction, overriding the one its source
-     * declares (a flowchart's `graph LR` header, or a state diagram's
-     * top-level `direction LR` line). Applied after parsing and before
-     * layout — the source text is never rewritten. Replaces only the
-     * top-level direction: a nested subgraph's or composite state's own
-     * `direction` line still applies on top of it, exactly as it does on top
-     * of the diagram's own header.
-     *
-     * Flowchart and state diagrams only in ASCII output. The ASCII ER layout
-     * has no direction concept (it already ignores a source `direction`
-     * line), and sequence/class/XY-chart diagrams have none to override, so
-     * all of those ignore this option (no error; output is identical with or
-     * without it). Same semantics as `RenderOptions.direction` for SVG. See
-     * issue #276.
-     */
-    direction?: Direction;
-    /**
-     * Emit OSC 8 terminal hyperlinks: each node whose `click` directive
-     * declared an http/https/mailto/relative href gets its label wrapped in
-     * an `ESC ] 8 ; ; <url> ESC \` … `ESC ] 8 ; ; ESC \` pair, which
-     * terminals that support OSC 8 (iTerm2, WezTerm, kitty, Windows
-     * Terminal, VTE-based terminals) render as a clickable link. The
-     * sequences are zero-width and never affect layout; `click ... call fn()`
-     * bindings emit nothing. Off by default — not every terminal or pager
-     * handles OSC 8 gracefully (`less` needs `-R`), and no capability
-     * detection is attempted here; the caller decides. Ignored when
-     * `colorMode` is 'html'.
-     */
-    hyperlinks?: boolean;
-}
+export { AsciiRenderOptions }
 
-/**
- * Theme colors for ASCII output — hex color strings.
- * Derived from the SVG theme system for visual consistency.
- */
-declare interface AsciiTheme {
-    /** Text color (node labels, edge labels) */
-    fg: string;
-    /** Box border color (node borders, subgraph borders) */
-    border: string;
-    /** Edge line color (paths between nodes) */
-    line: string;
-    /** Arrowhead color (▲▼◄► or ^v<>) */
-    arrow: string;
-    /** Theme accent color (optional, used by xycharts for series 0) */
-    accent?: string;
-    /** Background color (optional, used by xycharts for dark-mode-aware shading) */
-    bg?: string;
-    /** Corner character color (optional, defaults to line) */
-    corner?: string;
-    /** Junction character color (optional, defaults to border) */
-    junction?: string;
-}
-
-/**
- * Options applicable to class diagrams (`classDiagram`). Class diagrams use
- * fixed internal padding/spacing (not `padding`/`nodeSpacing`/
- * `layerSpacing`) and have no `direction` or `curve` concept; `interactivity`
- * gates `click`-based links only — there's no edge-animation concept to gate.
- */
-export declare type ClassRenderOptions = CommonRenderOptions & Pick<RenderOptions, 'fontSizes' | 'interactivity' | 'layoutCache'>;
-
-/** Color mode for output. */
-declare type ColorMode = 'none' | 'ansi16' | 'ansi256' | 'truecolor' | 'html';
-
-/**
- * Options every diagram type honors: theming (colors, font), the shared
- * strict-CSP/accessibility/output controls, and the post-render
- * `resolveColors` pass. Every other `RenderOptions` field applies to only a
- * subset of diagram types — see the per-type types below.
- */
-export declare type CommonRenderOptions = Pick<RenderOptions, 'bg' | 'fg' | 'line' | 'accent' | 'muted' | 'surface' | 'border' | 'font' | 'transparent' | 'embedSource' | 'resolveColors' | 'nonce' | 'styleAttribute' | 'title' | 'decorative'>;
-
-/**
- * Create a new opt-in layout cache with a bounded size (default 20
- * entries). Once full, the least-recently-used entry is evicted to make
- * room for a new one.
- *
- * Pass the result to `elkLayoutSync()` directly, or via
- * `RenderOptions.layoutCache` (threaded through by `layoutGraphSync()`,
- * `layoutClassDiagramSync()`, and `layoutErDiagramSync()`) to memoize
- * layout across repeated renders of the same diagram + options.
- */
-export declare function createLayoutCache(maxSize?: number): LayoutCache;
-
-/** How an edge path is interpolated between its routed points. */
-declare type CurveStyle = 'linear' | 'basis' | 'natural' | 'step' | 'stepBefore' | 'stepAfter';
-
-/** Default bg/fg when no colors are provided (zinc light) */
-export declare const DEFAULTS: Readonly<{
-    bg: string;
-    fg: string;
-}>;
+export { ClassRenderOptions }
 
-/**
- * Diagram color configuration.
- *
- * Required: bg + fg give you a clean mono diagram.
- * Optional: line, accent, muted, surface, border bring in richer color
- * from Shiki themes or custom palettes. Each falls back to a color-mix()
- * derivation from bg + fg if not set.
- */
-export declare interface DiagramColors {
-    /** Background color → CSS variable --bg */
-    bg: string;
-    /** Foreground / primary text color → CSS variable --fg */
-    fg: string;
-    /** Edge/connector color → CSS variable --line */
-    line?: string;
-    /** Arrow heads, highlights, special nodes → CSS variable --accent */
-    accent?: string;
-    /** Secondary text, edge labels → CSS variable --muted */
-    muted?: string;
-    /** Node/box fill tint → CSS variable --surface */
-    surface?: string;
-    /** Node/group stroke color → CSS variable --border */
-    border?: string;
-}
-
-export declare type Direction = 'TD' | 'TB' | 'LR' | 'BT' | 'RL';
+export { CommonRenderOptions }
 
-declare type EdgeStyle = 'solid' | 'dotted' | 'thick'
-/** `A ~~~ B` — participates in layout but draws no line or arrowhead. */
-| 'invisible';
+export { createLayoutCache }
 
-/**
- * Options applicable to ER diagrams (`erDiagram`). ER diagrams use fixed
- * internal padding/spacing and ignore `curve` and `interactivity` (no
- * animated edges or `click` links in this renderer's ER support), but do
- * honor `direction` (applied before layout via `withDirectionOverride`).
- */
-export declare type ErRenderOptions = CommonRenderOptions & Pick<RenderOptions, 'direction' | 'fontSizes' | 'layoutCache'>;
-
-/**
- * Options applicable to flowchart (`graph` / `flowchart`) and state
- * (`stateDiagram-v2`) diagrams — both share `DiagramType: 'flowchart'` and
- * the same layout/render pipeline (src/layout-engine.ts, src/renderer.ts),
- * so they share one option shape. `componentSpacing` is currently a no-op
- * everywhere (accepted for forward compatibility only) but grouped here
- * since it's spacing-shaped like `padding`/`nodeSpacing`/`layerSpacing`.
- */
-export declare type FlowchartRenderOptions = CommonRenderOptions & Pick<RenderOptions, 'padding' | 'nodeSpacing' | 'layerSpacing' | 'componentSpacing' | 'mergeEdges' | 'direction' | 'curve' | 'fontSizes' | 'interactivity' | 'layoutCache'>;
-
-/**
- * Extract diagram colors from a Shiki theme object.
- * Works with any VS Code / TextMate theme loaded by Shiki.
- *
- * Maps editor UI colors to diagram roles:
- *   editor.background         → bg
- *   editor.foreground         → fg
- *   editorLineNumber.fg       → line (optional)
- *   focusBorder / keyword     → accent (optional)
- *   comment token             → muted (optional)
- *   editor.selectionBackground→ surface (optional)
- *   editorWidget.border       → border (optional)
- *
- * @example
- * ```ts
- * import { getSingletonHighlighter } from 'shiki'
- * import { fromShikiTheme } from 'zombie-mermaid'
- *
- * const hl = await getSingletonHighlighter({ themes: ['tokyo-night'] })
- * const colors = fromShikiTheme(hl.getTheme('tokyo-night'))
- * const svg = renderMermaidSVG(code, colors)
- * ```
- */
-export declare function fromShikiTheme(theme: ShikiThemeLike): DiagramColors;
+export { DEFAULTS }
 
-/** Configuration a diagram can set for itself via `%%{init: ...}%%`. */
-declare interface InitConfig {
-    theme?: string;
-    /** Flowchart edge interpolation. */
-    curve?: CurveStyle;
-    /** Recognized but not acted on — see `IGNORED_KEYS`. */
-    ignored: string[];
-}
+export { DiagramColors }
 
-/**
- * Opt-in bounded LRU cache for `elkLayoutSync()` results.
- *
- * Off by default — `elkLayoutSync()` only consults a cache when one is
- * explicitly passed in, so existing callers see no behavior change.
- * Create one with `createLayoutCache()` and reuse it across renders (e.g.
- * module scope, or a `useRef` in React) — a fresh cache per render defeats
- * the point.
- *
- * The `map`/`maxSize` fields are implementation detail exposed only so
- * `elkLayoutSync()` (and tests) can read/mutate them directly without a
- * class; treat a `LayoutCache` as opaque from outside this module.
- */
-export declare interface LayoutCache {
-    /* Excluded from this release type: map */
-    /* Excluded from this release type: maxSize */
-}
+export { Direction }
 
-declare interface MermaidEdge {
-    source: string;
-    target: string;
-    label?: string;
-    style: EdgeStyle;
-    /** Whether to render an arrowhead at the start (source end) of the edge */
-    hasArrowStart: boolean;
-    /** Whether to render an arrowhead at the end (target end) of the edge */
-    hasArrowEnd: boolean;
-    /**
-     * Terminator shape at the source end when it's a circle/cross marker
-     * (`o--`/`x--`) rather than a plain arrowhead. Undefined for a regular
-     * `<`-style arrowhead or no marker at all — `hasArrowStart` alone still
-     * governs whether anything is drawn there. Currently consumed by the
-     * ASCII renderer only (see issue #330); the SVG renderer still draws a
-     * plain arrowhead for these.
-     */
-    startMarker?: 'circle' | 'cross';
-    /** Terminator shape at the target end (`--o`/`--x`). See `startMarker`. */
-    endMarker?: 'circle' | 'cross';
-    /** Edge id from `A e1@--> B` (Mermaid v11.10.0+), for `e1@{ ... }` and CSS targeting */
-    id?: string;
-    /** Set by `e1@{ animate: true }` — renders as a marching-ants dash */
-    animate?: boolean;
-}
+export { ErRenderOptions }
 
-export declare interface MermaidGraph {
-    direction: Direction;
-    nodes: Map<string, MermaidNode>;
-    edges: MermaidEdge[];
-    subgraphs: MermaidSubgraph[];
-    classDefs: Map<string, Record<string, string>>;
-    /** Maps node IDs to their class names (from `class X className` or `:::className` shorthand) */
-    classAssignments: Map<string, string>;
-    /** Maps node IDs to inline styles (from `style X fill:#f00,stroke:#333`) */
-    nodeStyles: Map<string, Record<string, string>>;
-    /** Maps edge indices (or 'default') to inline styles from `linkStyle` directives */
-    linkStyles: Map<number | 'default', Record<string, string>>;
-    /** Maps node IDs to interactions declared by `click` statements */
-    interactions: Map<string, NodeInteraction>;
-    /** Configuration the diagram set for itself via `%%{init: ...}%%` */
-    initConfig?: InitConfig;
-}
+export { FlowchartRenderOptions }
 
-declare interface MermaidNode {
-    id: string;
-    label: string;
-    shape: NodeShape;
-}
+export { fromShikiTheme }
 
-declare interface MermaidSubgraph {
-    id: string;
-    label: string;
-    nodeIds: string[];
-    children: MermaidSubgraph[];
-    /** Optional direction override for this subgraph's internal layout */
-    direction?: Direction;
-}
+export { LayoutCache }
 
-/**
- * An interaction attached to a node by a `click` statement.
- *
- * This renderer emits static SVG and never executes diagram-supplied script,
- * so a `call`/callback binding is parsed but not invoked — see
- * docs/diagrams.md and docs/decisions/no-script-interactivity.md. An `href`
- * becomes a real SVG link and a tooltip becomes a `<title>`.
- */
-export declare interface NodeInteraction {
-    /** `click A "https://..."` — rendered as an <a> wrapper */
-    href?: string;
-    /** Link target, e.g. `_blank` */
-    target?: string;
-    /** Tooltip text — rendered as a <title> child */
-    tooltip?: string;
-    /**
-     * `click A call fn()` — the raw expression text (`fn()`), exposed as data
-     * only. Nothing in the rendered SVG carries it and the library never
-     * evaluates it; a host that trusts its diagram source reads it from
-     * `parseMermaid(source).interactions` and binds behaviour to the node's
-     * `data-id` attribute itself:
-     *
-     * ```ts
-     * for (const [id, { callback }] of parseMermaid(source).interactions) {
-     *   if (callback === 'showDetail()') {
-     *     svgRoot.querySelector(`[data-id="${id}"]`)
-     *       ?.addEventListener('click', () => showDetail(id))
-     *   }
-     * }
-     * ```
-     */
-    callback?: string;
-}
+export { MermaidGraph }
 
-declare type NodeShape = 'rectangle' | 'rounded' | 'diamond' | 'stadium' | 'circle' | 'subroutine' | 'doublecircle' | 'hexagon' | 'cylinder' | 'asymmetric' | 'trapezoid' | 'trapezoid-alt' | 'parallelogram' | 'parallelogram-alt' | 'state-start' | 'state-end' | 'document' | 'stacked-document' | 'stacked-process' | 'card' | 'lined-process' | 'divided-process' | 'window-pane' | 'triangle' | 'flipped-triangle' | 'filled-circle' | 'crossed-circle' | 'fork-join' | 'notched-pentagon' | 'sloped-rectangle' | 'flag' | 'bow-tie-rectangle' | 'half-rounded-rectangle' | 'brace' | 'brace-right' | 'braces' | 'bolt' | 'text' | 'anchor';
+export { NodeInteraction }
 
 /**
  * Parse Mermaid text into a logical graph structure.
@@ -325,97 +53,14 @@ declare type NodeShape = 'rectangle' | 'rounded' | 'diamond' | 'stadium' | 'circ
  */
 export declare function parseMermaid(text: string): MermaidGraph;
 
-declare interface Point {
-    x: number;
-    y: number;
-}
-
-declare interface PositionedEdge {
-    source: string;
-    target: string;
-    label?: string;
-    style: EdgeStyle;
-    hasArrowStart: boolean;
-    hasArrowEnd: boolean;
-    /** Full path including bends — array of {x, y} points */
-    points: Point[];
-    /** Layout-computed label center position (avoids label-label collisions) */
-    labelPosition?: Point;
-    /** Inline styles resolved from `linkStyle` directives — override theme defaults */
-    inlineStyle?: Record<string, string>;
-    /** Edge id from `A e1@--> B`, emitted as data-id for CSS targeting */
-    id?: string;
-    /** Set by `e1@{ animate: true }` — renders as a marching-ants dash */
-    animate?: boolean;
-}
-
-export declare interface PositionedGraph {
-    width: number;
-    height: number;
-    nodes: PositionedNode[];
-    edges: PositionedEdge[];
-    groups: PositionedGroup[];
-}
-
-declare interface PositionedGroup {
-    id: string;
-    label: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    children: PositionedGroup[];
-}
-
-declare interface PositionedNode {
-    id: string;
-    label: string;
-    shape: NodeShape;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    /** Inline styles resolved from classDef + explicit `style` statements — override theme defaults */
-    inlineStyle?: Record<string, string>;
-    /** Custom class name assigned via `class A className` or `:::className` shorthand — emitted onto the rendered element's `class` attribute so external CSS can target it */
-    className?: string;
-    /** Interaction from a `click` statement — an href wraps the node in an <a> */
-    interaction?: NodeInteraction;
-}
+export { PositionedGraph }
 
 /** @deprecated Use `renderMermaidSVGAsync` */
 export declare const renderMermaid: typeof renderMermaidSVGAsync;
 
-/**
- * Render Mermaid diagram text to an ASCII/Unicode string.
- *
- * Synchronous — no async layout engine needed (unlike the SVG renderer).
- * Auto-detects diagram type from the header line and dispatches to
- * the appropriate renderer.
- *
- * @param text - Mermaid source text (any supported diagram type)
- * @param options - Rendering options
- * @returns Multi-line ASCII/Unicode string
- *
- * @example
- * ```ts
- * const result = renderMermaidASCII(`
- *   graph LR
- *     A --> B --> C
- * `, { useAscii: true })
- *
- * // Output:
- * // +---+     +---+     +---+
- * // |   |     |   |     |   |
- * // | A |---->| B |---->| C |
- * // |   |     |   |     |   |
- * // +---+     +---+     +---+
- * ```
- */
-export declare function renderMermaidASCII(text: string, options?: AsciiRenderOptions): string;
+export { renderMermaidASCII }
 
-/** @deprecated Use `renderMermaidASCII` */
-export declare const renderMermaidAscii: typeof renderMermaidASCII;
+export { renderMermaidAscii }
 
 /**
  * Render Mermaid diagram text to an SVG string — synchronously.
@@ -474,286 +119,9 @@ export declare function renderMermaidSVGAsync(text: string, options?: RenderOpti
 /** @deprecated Use `renderMermaidSVG` */
 export declare const renderMermaidSync: typeof renderMermaidSVG;
 
-export declare interface RenderOptions {
-    /** Background color → CSS variable --bg. Default: '#FFFFFF' */
-    bg?: string;
-    /** Foreground / primary text color → CSS variable --fg. Default: '#27272A' */
-    fg?: string;
-    /** Edge/connector color → CSS variable --line */
-    line?: string;
-    /** Arrow heads, highlights → CSS variable --accent */
-    accent?: string;
-    /** Secondary text, edge labels → CSS variable --muted */
-    muted?: string;
-    /** Node/box fill tint → CSS variable --surface */
-    surface?: string;
-    /** Node/group stroke color → CSS variable --border */
-    border?: string;
-    /** Font family for all text. Default: 'Inter' */
-    font?: string;
-    /** Canvas padding in px. Default: 40. Flowchart/state diagrams only — class/ER diagrams use fixed internal padding. */
-    padding?: number;
-    /** Horizontal spacing between sibling nodes. Default: 28. Flowchart/state diagrams only — class/ER diagrams use fixed internal spacing. */
-    nodeSpacing?: number;
-    /** Vertical spacing between layers. Default: 48. Flowchart/state diagrams only — class/ER diagrams use fixed internal spacing. */
-    layerSpacing?: number;
-    /** Currently unused — accepted for forward compatibility but not read anywhere. */
-    componentSpacing?: number;
-    /** Whether to bundle overlapping fan-out/fan-in edge paths into shared trunks to reduce visual clutter. Default: true */
-    mergeEdges?: boolean;
-    /**
-     * Force the diagram's layout direction, overriding the one its source
-     * declares — a flowchart's `graph LR` / `flowchart TD` header, or a state
-     * diagram's / ER diagram's top-level `direction LR` line. Applied after
-     * parsing and before layout, so the source text is never rewritten and
-     * `parseMermaid()` output is unaffected.
-     *
-     * Replaces only the *top-level* direction. A nested subgraph's or
-     * composite state's own `direction` line still applies on top of this
-     * override, exactly as it does on top of the diagram's own header — the
-     * override behaves as if the caller had written that direction in the
-     * source header, nothing more.
-     *
-     * Flowchart, state, and ER diagrams only — the three diagram types that
-     * have a direction concept to override. Sequence, class, and XY-chart
-     * diagrams ignore it (no error; output is identical with or without it).
-     *
-     * Unset (the default) keeps the source's direction, so existing output is
-     * unchanged. See issue #276.
-     */
-    direction?: Direction;
-    /** Render with transparent background (no background style on SVG). Default: false */
-    transparent?: boolean;
-    /**
-     * Render-target-scoped interactivity level. Declarative only — this
-     * library never emits `<script>`; see
-     * docs/decisions/no-script-interactivity.md for the tier model this maps
-     * to (tier 1: `<title>`/text; tier 2: `<a href>`, CSS `:hover`, CSS
-     * animation; tier 3: `click ... call fn()`, recorded as data, never
-     * executed). Default: `'static'`.
-     *
-     * - `'none'` — strips flowchart/state-diagram edge animation
-     *   (`e1@{ animate: true }`), and strips `click`-based links
-     *   (`<a href>`) and `<title>` tooltips. Intended for print/rasterized
-     *   output: a CSS `@keyframes` animation would otherwise silently
-     *   render as a single static frame with no indication that motion
-     *   was intended, and a link is meaningless once rasterized.
-     * - `'static'` — default. Tier 1 + tier 2 minus motion: `click`-based
-     *   links and `<title>` tooltips still render, but flowchart/state-diagram
-     *   edge animation does not — a diagram that opts into
-     *   `e1@{ animate: true }` renders as a still line unless `'full'` is
-     *   requested. xychart hover tooltips stay off unless requested via
-     *   `'full'` or the deprecated `interactive: true` below. This is a
-     *   breaking change from earlier releases, where `'static'` (and the
-     *   default) still animated — animation is tier-2 *motion*, which the
-     *   stricter `'static'` reading excludes; see the ADR.
-     * - `'full'` — also enables flowchart/state-diagram edge animation and
-     *   xychart hover tooltips.
-     */
-    interactivity?: 'none' | 'static' | 'full';
-    /**
-     * @deprecated Use `interactivity` instead. Enable hover tooltips on chart
-     * data points (xychart only). Default: false.
-     *
-     * When `interactivity` is not set, this boolean still controls xychart
-     * tooltips as before (`true` behaves like `interactivity: 'full'` for
-     * that one effect). When `interactivity` *is* set, it takes precedence
-     * and this field is ignored.
-     */
-    interactive?: boolean;
-    /** Stamp the original diagram source onto the root `<svg>` as a `data-src` attribute (HTML-escaped). Default: false */
-    embedSource?: boolean;
-    /**
-     * Replace every CSS `var(--…)` and `color-mix(…)` in the output with its
-     * computed sRGB value (`#rrggbb`, or `rgba()` when translucent), using
-     * the same mix percentages the `<style>` block declares (see
-     * `MIX` in src/theme.ts — there is one table, not a copy). Default: false.
-     *
-     * Browsers evaluate both natively, so the default output stays a live
-     * function of its CSS custom properties (docs/theming.md). Rasterizers
-     * and non-browser SVG consumers — resvg, librsvg, Inkscape, ImageMagick —
-     * implement neither and render the whole theme as black; turn this on
-     * for any output headed to one of them (GitHub issue #456).
-     *
-     * Trade-off: the result is a fixed palette. Overriding `--bg`/`--fg` on
-     * the embedded SVG no longer restyles it, and passing a `var(...)`
-     * reference as a color (the React live-theming pattern) has nothing to
-     * resolve against — such references, and any `var()` this library did
-     * not declare itself (e.g. a host-page font variable), are left as-is.
-     */
-    resolveColors?: boolean;
-    /**
-     * CSP nonce to stamp on every `<style>` element in the output (see GitHub
-     * issue #216).
-     *
-     * The renderer styles its SVG with an inline `<style>` element (the theme
-     * block; flowcharts with `e1@{ animate: true }` edges and xycharts add a
-     * second one). A host page whose `Content-Security-Policy` has a
-     * `style-src` without `'unsafe-inline'` blocks those, and the diagram
-     * silently renders unstyled. The standard fix is a per-response nonce:
-     * the host generates one, lists it as `style-src 'nonce-<value>'`, and
-     * puts `nonce="<value>"` on each element it wants to allow. Pass that
-     * value here and every emitted `<style>` gets it — one `<style>` left
-     * un-nonced is enough to lose the whole diagram's styling, so this is
-     * applied at the single shared emission point rather than per diagram
-     * type.
-     *
-     * The value is attribute-escaped on output. An empty string is treated as
-     * unset. Default: undefined (no `nonce` attribute).
-     *
-     * A nonce only authorises `<style>` *elements* — it cannot authorise a
-     * `style="…"` *attribute* (browsers apply nonces to elements only), so the
-     * root `<svg style="--bg: …">` attribute stays blocked under the same
-     * policy. Pair this with `styleAttribute: false` and put the theme
-     * variables in your own stylesheet; see that option.
-     */
-    nonce?: string;
-    /**
-     * Emit the root `<svg style="--bg: …; --fg: …; background: var(--bg)">`
-     * attribute. Default: true.
-     *
-     * That attribute is how the theme colours reach the SVG: every rule in
-     * the embedded `<style>` block resolves against the `--bg`/`--fg`/…
-     * custom properties it sets. Under a strict `Content-Security-Policy`
-     * (`style-src` without `'unsafe-inline'`) the browser drops it, and no
-     * `nonce` can rescue it — nonces apply to elements, never attributes —
-     * so the diagram loses its colours even when the `<style>` element itself
-     * is allowed (see GitHub issue #216).
-     *
-     * Set this to `false` to leave the attribute out entirely. The host must
-     * then define the same custom properties on the SVG or an ancestor from
-     * its own (nonced or external) stylesheet; `themeCssVariables(options)`
-     * returns the exact declaration list the attribute would have carried,
-     * so the two can't drift:
-     *
-     * ```ts
-     * const opts = { bg: '#fff', fg: '#000', nonce, styleAttribute: false }
-     * const svg = renderMermaidSVG(code, opts)
-     * const css = `.diagram svg { ${themeCssVariables(opts)} }`
-     * // `<style nonce="…">${css}</style>` + `<div class="diagram">${svg}</div>`
-     * ```
-     *
-     * With the attribute gone, the SVG has no inline `background` either; the
-     * declarations from `themeCssVariables()` include it (unless
-     * `transparent`) so the host's rule restores it. Only the *root* `style`
-     * attribute is affected: a per-node `style A font-family:…` override
-     * still renders as that node's own `style` attribute, since it's diagram
-     * content rather than theming, and under such a CSP it is simply ignored
-     * by the browser. `nonce` and this option are independent — a host using
-     * hashes rather than nonces may want only this one.
-     */
-    styleAttribute?: boolean;
-    /**
-     * Accessible name for the rendered SVG (see GitHub issue #215). Rendered
-     * as `role="img"` + `aria-labelledby` pointing at a `<title>` child
-     * holding this text — the standard SVG/WAI-ARIA technique for naming an
-     * inline image. Without a name, assistive tech either treats the SVG as a
-     * plain group (every node/edge label announced individually, out of
-     * reading order) or skips it — a WCAG 1.1.1 failure for diagrams embedded
-     * in a page.
-     *
-     * Supply your own description of what the diagram shows (e.g. "Flowchart:
-     * Build → Test → Ship") — this library does not auto-generate one, since a
-     * fabricated summary like "flowchart with 3 nodes" would be a confidently
-     * useless accessible name. When omitted, the SVG still gets `role="img"`
-     * (so it's read as one image, not a leaky group) but claims no name — the
-     * same as an `<img>` with no `alt`.
-     *
-     * Ignored when `decorative` is true. Default: undefined (no name).
-     *
-     * If the diagram has a `click A "url"` link, `role="img"` is never
-     * applied regardless of this option — see `decorative` below.
-     */
-    title?: string;
-    /**
-     * Mark the diagram as decorative — already described in surrounding
-     * prose, so it shouldn't be announced as its own image. Emits
-     * `aria-hidden="true"` on the root `<svg>` instead of
-     * `role`/`aria-labelledby`/`<title>`; `title`, if also given, is ignored.
-     * Default: false
-     *
-     * Silently overridden (no `aria-hidden`) if the diagram has any
-     * `click A "url"` link: that renders as a real, focusable `<a href>`
-     * inside the SVG, and `aria-hidden="true"` on an ancestor of a focusable
-     * element is an explicit WAI-ARIA violation — assistive tech would drop
-     * the link from the accessibility tree while it stays reachable by Tab.
-     * `title`, if also given, still applies in that case (see #239).
-     */
-    decorative?: boolean;
-    /**
-     * Edge path interpolation for flowcharts and state diagrams.
-     * Default: 'linear'. A diagram's own
-     * `%%{init: {"flowchart": {"curve": ...}}}%%` supplies this when the caller
-     * does not; an explicit value here always wins.
-     */
-    curve?: CurveStyle;
-    /**
-     * Font size overrides (px). Fields left unspecified fall back to their
-     * default. Applies to all diagram types (flowchart, sequence, class, ER).
-     */
-    fontSizes?: {
-        /** Node label text. Default: 13 */
-        nodeLabel?: number;
-        /** Edge label text. Default: 11 */
-        edgeLabel?: number;
-        /** Subgraph header text. Default: 12 */
-        groupHeader?: number;
-    };
-    /**
-     * Sequence-diagram layout overrides (px). Fields left unspecified fall
-     * back to their default. Sequence diagrams only.
-     */
-    sequence?: {
-        /** Vertical space per message row. Default: 40 */
-        messageRowHeight?: number;
-        /** Vertical space between actor boxes and the first message. Default: 20 */
-        headerGap?: number;
-        /** Actor box height. Default: 40 */
-        actorHeight?: number;
-        /** Gap between a message arrow and a note positioned directly after it. Default: 8 */
-        noteOffsetAfterMessage?: number;
-        /** Gap between consecutively stacked notes. Default: 4 */
-        noteStackGap?: number;
-    };
-    /**
-     * Opt-in ELK layout cache (see `createLayoutCache()`). When set,
-     * `layoutGraphSync()` / `layoutClassDiagramSync()` / `layoutErDiagramSync()`
-     * (flowchart/state, class, and ER diagrams — the ELK-based layout
-     * engines) skip re-running ELK layout on a cache hit, keyed on a
-     * deterministic serialization of the fully-resolved ELK input graph
-     * (diagram structure + every layout-affecting option already baked in).
-     *
-     * Unset (the default) preserves the original always-recompute behavior
-     * exactly — this cache is entirely opt-in. Create one instance and
-     * reuse it across renders (e.g. module scope, or a `useRef` in React);
-     * passing a freshly-created cache on every call defeats the point,
-     * since it starts empty each time.
-     */
-    layoutCache?: LayoutCache;
-}
+export { RenderOptions }
 
-/**
- * Options applicable to sequence diagrams (`sequenceDiagram`). Sequence
- * diagrams ignore `direction`, `curve`, spacing/`layoutCache` (a
- * non-ELK layout), and `interactivity` (no animated edges or `click` links
- * in this renderer's sequence support).
- */
-export declare type SequenceRenderOptions = CommonRenderOptions & Pick<RenderOptions, 'fontSizes' | 'sequence'>;
-
-/**
- * Minimal subset of Shiki's ThemeRegistrationResolved that we need.
- * We don't import from shiki to avoid a hard dependency.
- */
-declare interface ShikiThemeLike {
-    type?: string;
-    colors?: Record<string, string>;
-    tokenColors?: Array<{
-        scope?: string | string[];
-        settings?: {
-            foreground?: string;
-        };
-    }>;
-}
+export { SequenceRenderOptions }
 
 /**
  * The exact CSS declaration list the root `<svg style="…">` attribute would
@@ -783,16 +151,10 @@ declare interface ShikiThemeLike {
  */
 export declare function themeCssVariables(options?: RenderOptions): string;
 
-export declare type ThemeName = keyof typeof THEMES;
+export { ThemeName }
 
-export declare const THEMES: Record<string, DiagramColors>;
+export { THEMES }
 
-/**
- * Options applicable to XY charts (`xychart-beta`). XY charts have no
- * spacing/`direction`/`curve`/`fontSizes`/`layoutCache` concept (layout is
- * a fixed pixel computation, not ELK-based); `interactivity` (preferred) and
- * the deprecated `interactive` boolean both gate hover tooltips only.
- */
-export declare type XyChartRenderOptions = CommonRenderOptions & Pick<RenderOptions, 'interactivity' | 'interactive'>;
+export { XyChartRenderOptions }
 
 export { }