@pixerate/editor 0.53.0 → 0.55.0

package/dist/canvas/index.d.ts

@@ -1,15 +1,19 @@
 import { R as Rect, C as CanvasNode, X as XYPosition, b as CanvasEdge, I as IncrementalLayoutOptions, S as Side, c as CanvasLayoutOptions, d as PlaceBesideOptions, T as TrajectoryFunction, F as FanOutTrajectoryOptions, N as NodeTransition, a as CanvasNodeStyle, e as ReflowDisplacementOptions, D as DirectionalDisplacementOptions, f as CanvasClipboardPayload, g as Position, P as Point } from '../types-BFkYA4eF.js';
 export { h as CanvasDockingCallbacks, i as CollapseNodeOptions, j as DisplacementDirection, k as DockStrategy, E as ExplodeNodeOptions, l as ExplosionSnapshot, G as GraphDifferences, m as TrajectoryPoint } from '../types-BFkYA4eF.js';
-import { Clock, AnimationValueType, AnimationValue, AnimationTrack, AnimationLoopMode, AnimationPlayerState, AnimationPlayer } from '../animation/index.js';
-export { ANIMATION_TIME_EPSILON, AnimationKeyframe, AnimationPlayerOptions, ManualClock, OklabColor, createAnimationPlayer, evaluateTrack, formatOklab, interpolateAnimationValue, isAnimationKeyframe, mixColorsOklab, normalizeKeyframes, oklabToRgb, pageHidden, parseOklab, realClock, rgbToOklab, wrapAnimationTime } from '../animation/index.js';
+import { C as Clock, h as AnimationValueType, g as AnimationValue, f as AnimationTrack, b as AnimationLoopMode, e as AnimationPlayerState, c as AnimationPlayer } from '../player-W-5DX3Go.js';
+export { A as ANIMATION_TIME_EPSILON, a as AnimationKeyframe, d as AnimationPlayerOptions, M as ManualClock, i as createAnimationPlayer, j as evaluateTrack, k as interpolateAnimationValue, l as isAnimationKeyframe, n as normalizeKeyframes, p as pageHidden, r as realClock, w as wrapAnimationTime } from '../player-W-5DX3Go.js';
 import { b as CanvasNodeUpdate, N as NodeRectOptions, A as AlignEdge, c as AlignNodesOptions, D as DistributeAxis, a as DistributeMode, d as DistributeNodesOptions, S as SizeDimension, M as MatchSizeOptions, Z as ZOrderOperation, C as CanvasArrangeAction } from '../arrange-BPAXGdMm.js';
 export { e as ArrangeShortcutBinding, f as DEFAULT_ARRANGE_SHORTCUTS, L as LOCKED_DATA_KEY, g as LOCKED_PREVIOUS_FLAGS_KEY, h as alignNodes, i as applyNodeUpdates, j as createNodeLookup, k as distributeNodes, l as getAbsolutePosition, m as getNodeRect, n as getNodeSize, o as invertNodeUpdates, p as isLocked, q as lockNodes, r as matchArrangeShortcut, s as matchSize, t as readStyleSize, u as reorderNodes, v as toggleLockNodes, w as unlockNodes, x as withStyleSize } from '../arrange-BPAXGdMm.js';
 import { C as Command, M as MergedExecutionOptions } from '../types-DsiXGmjo.js';
-import { b as StrokeJoin, c as StrokeCap, g as ShapeDescription, a as BezierPath, h as PolygonFillRule, i as PolygonRing, j as ShapeSize, B as BezierPathInput, C as CanvasGradientDef } from '../pathfinder-B9xh_pCZ.js';
-export { A as AffineMatrix, k as BezierCommand, l as BezierContour, m as BezierPathToSvgOptions, d as BezierSegment, n as CANVAS_GRADIENT_PRESETS, o as CanvasLinearGradient, p as CanvasRadialGradient, D as DashedPath, q as DividePathsResult, E as EllipseShape, F as FlattenOptions, G as GetShapeRenderDataOptions, r as GradientStop, M as MultiPolygon, O as OffsetPathOptions, s as OutlineStrokeOptions, t as PATHFINDER_OPERATIONS, u as PIXERATE_BRAND_GRADIENT, v as PathBooleanOperation, w as PathBooleanResult, x as PathCommand, y as PathOperand, z as PathOperandInput, H as PathOpsError, I as PathOpsOptions, J as PathOpsReport, K as PathPiece, L as PathPointAtLength, N as PathSelectResult, Q as PathShape, e as PathfinderOperation, R as PathfinderPiece, T as PathfinderResult, f as PathfinderShape, U as PlanarChain, V as PlanarFace, W as PlanarInput, P as PlanarMap, X as PlanarMapOptions, Y as PlanarSplitEdge, Z as PlanarSplitResult, _ as PolygonBooleanOperation, $ as PolygonBooleanOptions, a0 as PolygonInput, a1 as PolygonOperand, a2 as PolygonPiece, a3 as PolygonToPathOptions, a4 as PolygonWithHoles, a5 as RectShape, a6 as RegularPolygonShape, a7 as SHAPE_KINDS, a8 as SegmentIntersection, a9 as ShapeKind, aa as ShapePaint, ab as ShapeRenderData, ac as StarShape, S as SvgGradientDef, ad as SvgGradientStop, ae as angleToSvgLinearCoords, af as arcToCubics, ag as bezierPathArea, ah as bezierPathBounds, ai as bezierPathLength, aj as bezierPathPointAtLength, ak as bezierPathSignedArea, al as bezierPathToSvg, am as closeContour, an as contourEnclosesArea, ao as contourSignedArea, ap as contoursToPath, aq as countPathSegments, ar as cutOutPiece, as as dashContours, at as distanceToBezierPath, au as dividePaths, av as dividePolygons, aw as excludePaths, ax as flattenSvgPath, ay as formatNumber, az as getShapeRenderData, aA as getShapeSvg, aB as gradientToSvgDef, aC as interiorPoint, aD as intersectPaths, aE as intersectPolygons, aF as isCanvasGradient, aG as isShapeDescription, aH as multiPolygonArea, aI as multiPolygonBounds, aJ as normalizeBezierPath, aK as offsetPath, aL as outlineStroke, aM as parseCssGradient, aN as parseSvgPath, aO as pathBoolean, aP as pathBooleanSelect, aQ as pathToContours, aR as pathfinder, aS as planarSplit, aT as pointInBezierPath, aU as pointInMultiPolygon, aV as pointInRings, aW as polygonArea, aX as polygonBoolean, aY as polygonToSvgPath, aZ as resolveCanvasGradient, a_ as ringSignedArea, a$ as segmentBounds, b0 as segmentCurvature, b1 as segmentDerivative, b2 as segmentExtrema, b3 as segmentIntersections, b4 as segmentLength, b5 as segmentNearest, b6 as segmentParamAtLength, b7 as segmentPoint, b8 as segmentTangent, b9 as shapeToPolygon, ba as simplifyRing, bb as splitSegment, bc as strokeOutlineRings, bd as subSegment, be as subtractPaths, bf as subtractPolygons, bg as toBezierPath, bh as transformBezierPath, bi as trimSegments, bj as unionPolygons, bk as unitePaths, bl as windingNumber, bm as xorPolygons } from '../pathfinder-B9xh_pCZ.js';
+import { e as ShapeDescription, B as BezierPath, b as PolygonFillRule, f as PolygonRing, g as ShapeSize, a as BezierPathInput, C as CanvasGradientDef } from '../bezier-DYBvLgUH.js';
+export { A as AffineMatrix, h as BezierCommand, d as BezierContour, i as BezierPathToSvgOptions, c as BezierSegment, j as CANVAS_GRADIENT_PRESETS, k as CanvasLinearGradient, l as CanvasRadialGradient, E as EllipseShape, F as FlattenOptions, G as GetShapeRenderDataOptions, m as GradientStop, M as MultiPolygon, n as PIXERATE_BRAND_GRADIENT, o as PathCommand, p as PathPointAtLength, q as PathShape, P as PolygonBooleanOperation, r as PolygonBooleanOptions, s as PolygonInput, t as PolygonOperand, u as PolygonPiece, v as PolygonToPathOptions, w as PolygonWithHoles, R as RectShape, x as RegularPolygonShape, y as SHAPE_KINDS, z as ShapeKind, D as ShapePaint, H as ShapeRenderData, I as StarShape, S as SvgGradientDef, J as SvgGradientStop, K as angleToSvgLinearCoords, L as arcToCubics, N as bezierPathBounds, O as bezierPathLength, Q as bezierPathPointAtLength, T as bezierPathSignedArea, U as bezierPathToSvg, V as closeContour, W as contourSignedArea, X as contoursToPath, Y as countPathSegments, Z as distanceToBezierPath, _ as dividePolygons, $ as flattenSvgPath, a0 as formatNumber, a1 as getShapeRenderData, a2 as getShapeSvg, a3 as gradientToSvgDef, a4 as intersectPolygons, a5 as isCanvasGradient, a6 as isShapeDescription, a7 as multiPolygonArea, a8 as multiPolygonBounds, a9 as parseCssGradient, aa as parseSvgPath, ab as pathToContours, ac as pointInBezierPath, ad as pointInMultiPolygon, ae as pointInRings, af as polygonArea, ag as polygonBoolean, ah as polygonToSvgPath, ai as resolveCanvasGradient, aj as ringSignedArea, ak as segmentBounds, al as segmentCurvature, am as segmentDerivative, an as segmentExtrema, ao as segmentLength, ap as segmentNearest, aq as segmentParamAtLength, ar as segmentPoint, as as segmentTangent, at as shapeToPolygon, au as simplifyRing, av as splitSegment, aw as subSegment, ax as subtractPolygons, ay as toBezierPath, az as transformBezierPath, aA as trimSegments, aB as unionPolygons, aC as windingNumber, aD as xorPolygons } from '../bezier-DYBvLgUH.js';
+import { S as StrokeJoin, a as StrokeCap } from '../pathfinder-CNtsbCRK.js';
+export { D as DashedPath, d as DividePathsResult, O as OffsetPathOptions, e as OutlineStrokeOptions, f as PATHFINDER_OPERATIONS, g as PathBooleanOperation, h as PathBooleanResult, i as PathOperand, j as PathOperandInput, k as PathOpsError, l as PathOpsOptions, m as PathOpsReport, n as PathPiece, o as PathSelectResult, b as PathfinderOperation, p as PathfinderPiece, q as PathfinderResult, c as PathfinderShape, r as PlanarChain, s as PlanarFace, t as PlanarInput, P as PlanarMap, u as PlanarMapOptions, v as PlanarSplitEdge, w as PlanarSplitResult, x as SegmentIntersection, y as bezierPathArea, z as contourEnclosesArea, A as cutOutPiece, B as dashContours, C as dividePaths, E as excludePaths, F as interiorPoint, G as intersectPaths, H as normalizeBezierPath, I as offsetPath, J as outlineStroke, K as pathBoolean, L as pathBooleanSelect, M as pathfinder, N as planarSplit, Q as segmentIntersections, R as strokeOutlineRings, T as subtractPaths, U as unitePaths } from '../pathfinder-CNtsbCRK.js';
 import { d as TokenModeContext, r as TokenType, o as TokenScope, f as TokenLiteral, c as TokenVariable, e as TokenResolution, T as TokenState } from '../model-C1zApQM8.js';
-import { A as AnimationEasing } from '../easing-DTmX99QG.js';
-export { a as ANIMATION_EASING_LABELS, b as ANIMATION_EASING_PRESETS, c as AnimationEasingPreset, C as CUBIC_BEZIER_PRESETS, d as CubicBezierEasing, E as ElasticEasing, S as SpringEasing, e as cubicBezierAt, f as easingFromInfluence, g as easingLabel, h as easingToCss, i as elasticAt, j as evaluateEasing, k as isAnimationEasing, p as parseCssEasing, r as resolveEasing, s as springAt } from '../easing-DTmX99QG.js';
+import { b as AnimationEasing } from '../easing-CNGk-W6d.js';
+export { A as ANIMATION_EASING_LABELS, a as ANIMATION_EASING_PRESETS, c as AnimationEasingPreset, C as CUBIC_BEZIER_PRESETS, d as CubicBezierEasing, E as ElasticEasing, S as SpringEasing, e as cubicBezierAt, f as easingFromInfluence, g as easingLabel, h as easingToCss, i as elasticAt, j as evaluateEasing, k as isAnimationEasing, p as parseCssEasing, r as resolveEasing, s as springAt } from '../easing-CNGk-W6d.js';
+export { O as OklabColor, f as formatOklab, m as mixColorsOklab, o as oklabToRgb, p as parseOklab, r as rgbToOklab } from '../color-E9pwm--w.js';
+import { e as Point$1, l as GraphNode, f as DiagramGraph, c as DiagramMeta, k as GraphGroup, G as GraphEdge, d as EdgePattern, A as ArrowHead, a as MermaidDocument, E as EditOp } from '../types-BULrFyuQ.js';
 
 declare const DEFAULT_NODE_WIDTH = 200;
 declare const DEFAULT_NODE_HEIGHT = 60;
@@ -2810,6 +2814,406 @@ declare function createCanvasDrawController<TNode extends CanvasNode = CanvasNod
 };
 type CanvasDrawController = ReturnType<typeof createCanvasDrawController>;
 
+/**
+
+ * Automatic layout of a Mermaid diagram graph with dagre, honouring nested groups and per-group
+ * direction overrides. Pure functions — no React, no DOM.
+ *
+ * @module
+ */
+interface DiagramSize {
+    width: number;
+    height: number;
+}
+interface DiagramLayoutOptions {
+    /** Node size estimator; defaults to {@link estimateDiagramNodeSize}. */
+    measure?: (node: GraphNode) => DiagramSize;
+    /** Gap between nodes in a rank, in px (default 48). */
+    nodeSep?: number;
+    /** Gap between ranks, in px (default 72). */
+    rankSep?: number;
+    /** Padding inside groups around their children (default 24). */
+    groupPadding?: number;
+    /** Height reserved for a group's title (default 32). */
+    groupTitleHeight?: number;
+}
+declare const DEFAULT_DIAGRAM_NODE_WIDTH = 160;
+declare const DEFAULT_DIAGRAM_NODE_HEIGHT = 56;
+/** Rough text-metric size estimate (no DOM). Hosts can supply real measurements. */
+declare function estimateDiagramNodeSize(node: GraphNode): DiagramSize;
+/** An image node's picture size: Mermaid's `w` / `h`, else 96 square (or `w` square). */
+declare function diagramImageSize(node: GraphNode): DiagramSize;
+interface DiagramLayout {
+    /** Top-left positions in absolute canvas coordinates. */
+    positions: Record<string, Point$1>;
+    /** Sizes for nodes and groups. */
+    sizes: Record<string, DiagramSize>;
+}
+/**
+ * Lays out a graph. Nested groups are laid out recursively: each group's
+ * children are arranged with the group's own direction, the group then takes
+ * part in its parent's layout as a single box.
+ */
+declare function autoLayoutDiagram(graph: DiagramGraph, options?: DiagramLayoutOptions): DiagramLayout;
+/**
+ * Returns positions for every node/group: stored metadata where available,
+ * auto-layout for the rest. New nodes are placed near their neighbours so a
+ * partially laid-out diagram does not jump.
+ */
+declare function ensureDiagramLayout(graph: DiagramGraph, meta: DiagramMeta, options?: DiagramLayoutOptions): DiagramLayout;
+/** Bounding box of a group's descendants, with padding. */
+declare function diagramGroupSize(groupId: string, graph: DiagramGraph, positions: Record<string, Point$1>, sizes: Record<string, DiagramSize>, meta: DiagramMeta, pad?: number, titleH?: number): DiagramSize;
+
+/**
+ * Projection of a Mermaid diagram graph onto canvas (React Flow / Svelte Flow) nodes and edges.
+ * Kept free of React so it can be unit-tested and reused (e.g. for export).
+ *
+ * @module
+ */
+interface MermaidNodeData extends Record<string, unknown> {
+    node: GraphNode;
+    family: string;
+    /** Resolved `classDef` styles for the node's classes, merged with inline styles. */
+    resolvedStyles: Record<string, string>;
+    editable: boolean;
+}
+interface MermaidGroupData extends Record<string, unknown> {
+    group: GraphGroup;
+    family: string;
+    resolvedStyles: Record<string, string>;
+    editable: boolean;
+}
+interface MermaidEdgeData extends Record<string, unknown> {
+    edge: GraphEdge;
+    family: string;
+    resolvedStyles: Record<string, string>;
+    editable: boolean;
+}
+interface MermaidFlowNode {
+    id: string;
+    /** `mermaid-node` / `mermaid-group`, or a family canvas node type. */
+    type: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    data: MermaidNodeData | MermaidGroupData | Record<string, unknown>;
+    parentId?: string;
+    width: number;
+    height: number;
+    style?: Record<string, string | number>;
+    draggable: boolean;
+    selectable: boolean;
+    connectable: boolean;
+    zIndex: number;
+    extent?: "parent";
+    className?: string;
+}
+interface MermaidFlowEdge {
+    id: string;
+    /** `mermaid-edge`, or a family canvas edge type. */
+    type: string;
+    source: string;
+    target: string;
+    data: MermaidEdgeData;
+    label?: string;
+    selectable: boolean;
+    reconnectable: boolean;
+    zIndex: number;
+    sourceHandle?: string;
+    targetHandle?: string;
+    className?: string;
+}
+/** Parses `fill:#f9f,stroke:#333,stroke-width:4px` into an object. */
+declare function parseMermaidStyles(styles: string[]): Record<string, string>;
+declare function resolveMermaidStyles(classes: string[], inline: string[], classDefs: Record<string, string[]>): Record<string, string>;
+interface MermaidFlowOptions {
+    editable?: boolean;
+    /** Override positions (e.g. during a drag). Absolute coordinates. */
+    positions?: Record<string, Point$1>;
+    sizes?: Record<string, DiagramSize>;
+}
+/**
+ * Converts the graph + layout into React Flow nodes. Positions in the layout
+ * are absolute; React Flow wants child positions relative to the parent, so
+ * they are converted here.
+ */
+declare function mermaidFlowNodes(graph: DiagramGraph, layout: DiagramLayout, options?: MermaidFlowOptions): MermaidFlowNode[];
+declare function mermaidFlowEdges(graph: DiagramGraph, options?: MermaidFlowOptions): MermaidFlowEdge[];
+/** SVG marker id for an arrow head (markers are defined once by the canvas). */
+declare function mermaidMarkerId(head: ArrowHead, side: "start" | "end"): string | undefined;
+declare function mermaidEdgeDash(pattern: EdgePattern): string | undefined;
+declare function mermaidEdgeWidth(pattern: EdgePattern): number;
+
+/**
+ * Helpers for showing a laid-out diagram outside the editor: sizing an inline
+ * viewer to its content, animating between two layouts, and trimming a graph
+ * that is still being streamed in. Pure functions — no React, no DOM.
+ *
+ * @module
+ */
+interface DiagramBounds {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** Extent of every positioned node and group, or `null` for an empty layout. */
+declare function diagramLayoutBounds(layout: DiagramLayout): DiagramBounds | null;
+interface DiagramCanvasHeightOptions {
+    /** Smallest height returned (default 320). */
+    min?: number;
+    /** Largest height returned; taller content is zoomed out (default 560). */
+    max?: number;
+    /** Room added around the content (default 48). */
+    padding?: number;
+}
+/** Container height that shows a layout at 1:1 where it fits, clamped. */
+declare function diagramCanvasHeight(layout: DiagramLayout, options?: DiagramCanvasHeightOptions): number;
+/**
+ * Height to reserve before the asynchronous layout resolves, from the graph's
+ * counts alone. Uses the same clamp as {@link diagramCanvasHeight}, so the container
+ * does not jump when the layout lands.
+ */
+declare function estimateDiagramCanvasHeight(graph: DiagramGraph, options?: DiagramCanvasHeightOptions): number;
+/**
+ * A layout partway between two others, for animating a re-layout: ids in both
+ * interpolate at `t` (0 = `from`, 1 = `to`), ids new in `to` start at their
+ * target, and ids missing from `to` drop out.
+ */
+declare function blendDiagramLayout(from: DiagramLayout, to: DiagramLayout, t: number): DiagramLayout;
+/**
+ * The graph without nodes that no edge touches yet. While a diagram streams
+ * in, a node usually arrives a line before the edge that places it; showing it
+ * alone makes the layout jump twice. Groups are kept when they (or a nested
+ * group) still contain a node.
+ */
+declare function connectedDiagramOnly(graph: DiagramGraph): DiagramGraph;
+
+interface DiagramStreamResult {
+    /** The diagram as far as it has arrived (its graph trimmed while incomplete). */
+    document: MermaidDocument;
+    /** Layout for `document.graph`, or `null` before any node can be placed. */
+    layout: DiagramLayout | null;
+    /** True when the layout differs from the previous result (start a tween). */
+    relaid: boolean;
+}
+/**
+ * Turns Mermaid text that is still being written (e.g. streamed from a model) into a
+ * diagram and a layout to draw. While incomplete, nodes no edge touches yet are held
+ * back (a node usually arrives a line before the edge that places it, and showing it
+ * alone makes the layout jump twice). Layouts are only recomputed when nodes, edges or
+ * groups change, so label text streaming in does not move anything.
+ */
+declare class DiagramStream {
+    private readonly options;
+    private lastKey;
+    private layout;
+    constructor(options?: DiagramLayoutOptions);
+    /** Reads the source so far. `complete` when nothing more will arrive. */
+    update(source: string, complete?: boolean): DiagramStreamResult;
+    /** Forgets the previous layout (a new source). */
+    reset(): void;
+}
+/**
+ * The diagram text in a reply that is still arriving: the body of the first ```mermaid
+ * (or unmarked) fence, even before it is closed, or the whole text when there is no fence.
+ * Prose before the fence (a model's "Here is the plan:") is skipped.
+ */
+declare function streamedDiagramText(source: string): string;
+/** Ease-out cubic, for layout tweens. */
+declare const easeDiagramTween: (t: number) => number;
+
+/**
+ * How a path is painted: `shape` with the node's fill and border, `line` with the border
+ * only, `filled` solid in the border colour (state start / end dots, fork bars), `hidden`
+ * not at all (text nodes keep a hit area).
+ */
+type MermaidShapePaint = 'shape' | 'line' | 'filled' | 'hidden';
+interface MermaidShapePath {
+    d: string;
+    paint: MermaidShapePaint;
+}
+/**
+ * Draws a Mermaid flowchart / state / class / ER shape (canonical names, see
+ * `FLOWCHART_SHAPES` and `STATE_SHAPES`) as SVG paths that fill a `width × height`
+ * box, inset by `inset` so strokes are not clipped. Unknown shapes draw a rectangle.
+ */
+declare function mermaidShapePaths(shape: string, width: number, height: number, inset?: number): MermaidShapePath[];
+/**
+ * The arrow marker to draw for a Mermaid arrow head on a canvas edge: `arrowclosed` for
+ * the filled heads (`-->`, `<|--`, ER cardinalities fall back to it), `arrow` for open
+ * ones, or `null` for none. Canvas libraries map these to their own marker types.
+ */
+declare function mermaidEdgeMarker(head: string): 'arrow' | 'arrowclosed' | null;
+/**
+ * The CSS custom properties and colours a Mermaid node paints with, from its resolved
+ * `style` / `classDef` declarations. Unstyled nodes use the host's `--card`, `--foreground`
+ * and `--primary` colours (with fallbacks), so they follow the app theme.
+ */
+declare function mermaidNodePaint(styles?: Record<string, string>, selected?: boolean): Record<string, string>;
+/** How each {@link MermaidShapePaint} fills and strokes, as CSS declarations. */
+declare const MERMAID_SHAPE_PAINT: Record<MermaidShapePaint, {
+    fill: string;
+    stroke: string;
+}>;
+/** A Mermaid label as plain lines: `<br>` splits lines, other tags and markdown-string quotes are dropped. */
+declare function mermaidLabelLines(label: string): string[];
+/** Class members / ER attributes of a node, one display line each. */
+declare function mermaidNodeMembers(data: Record<string, unknown> | undefined): string[];
+
+/** Concrete colours (no CSS variables), so the SVG draws the same as a file, an `<img>` or a PNG. */
+interface DiagramSvgTheme {
+    background: string;
+    nodeFill: string;
+    nodeStroke: string;
+    text: string;
+    edge: string;
+    edgeLabelBackground: string;
+    groupFill: string;
+    groupStroke: string;
+    groupText: string;
+    fontFamily: string;
+    fontSize: number;
+}
+declare const DIAGRAM_SVG_LIGHT_THEME: DiagramSvgTheme;
+declare const DIAGRAM_SVG_DARK_THEME: DiagramSvgTheme;
+interface DiagramSvgOptions extends DiagramLayoutOptions {
+    /** A layout to draw instead of computing one (e.g. the canvas' current layout). */
+    layout?: DiagramLayout;
+    theme?: Partial<DiagramSvgTheme>;
+    /** Room around the diagram in px (default 16). */
+    padding?: number;
+    /**
+     * Fit inside this box (a thumbnail): the SVG's `width` / `height` shrink to fit, keeping the
+     * aspect ratio; the drawing is not enlarged. Default: natural size.
+     */
+    maxWidth?: number;
+    maxHeight?: number;
+    /** Accessible name (`<title>`); default the diagram's title or family. */
+    title?: string;
+    /** Leave out the background rectangle (transparent). */
+    transparent?: boolean;
+}
+interface DiagramSvg {
+    svg: string;
+    /** The SVG's `width` / `height` attributes (after fitting). */
+    width: number;
+    height: number;
+    /** Natural size of the drawing (before fitting), in px. */
+    naturalWidth: number;
+    naturalHeight: number;
+}
+/**
+ * Draws a Mermaid diagram (flowchart, state, class, ER) as a standalone SVG: groups, nodes in
+ * their Mermaid shapes with `style` / `classDef` colours, labels, class members and ER
+ * attributes, and edges with labels, line patterns and arrow heads. Uses stored
+ * `%% @pixerate` positions (auto-layout for the rest), so it matches the canvas. Pure: no DOM.
+ */
+declare function mermaidToSvg(doc: MermaidDocument, options?: DiagramSvgOptions): DiagramSvg;
+/** A small preview of a diagram: `mermaidToSvg` fitted inside `maxWidth` × `maxHeight` (default 240 × 160). */
+declare function mermaidThumbnailSvg(doc: MermaidDocument, options?: DiagramSvgOptions): DiagramSvg;
+/** Longest side, in pixels, of a rasterized diagram unless `maxSize` says otherwise. */
+declare const DIAGRAM_RASTER_MAX_SIZE = 2048;
+interface RasterizeSvgOptions {
+    /** Size of the SVG in CSS pixels. */
+    width: number;
+    height: number;
+    /** Pixels per CSS pixel (default 2), reduced so the longest side stays within `maxSize`. */
+    scale?: number;
+    /** Longest side of the image in pixels (default 2048). */
+    maxSize?: number;
+    /** Fill behind the drawing (default white; `transparent` keeps the alpha channel). */
+    background?: string;
+    /** Document to create the canvas and image in (default: the global one). */
+    document?: Document;
+}
+interface RasterImage {
+    /** Base64 PNG, without the `data:` prefix. */
+    data: string;
+    mimeType: 'image/png';
+    width: number;
+    height: number;
+}
+/** Pixel size of the image for an SVG of `width` × `height`: `scale` × the size, longest side ≤ `maxSize`. */
+declare function rasterSize(width: number, height: number, scale?: number, maxSize?: number): {
+    width: number;
+    height: number;
+    scale: number;
+};
+/**
+ * Turns a standalone SVG (e.g. `mermaidToSvg(...).svg`) into a PNG in the browser: draws it
+ * through an `Image` onto a canvas at `scale` (longest side ≤ `maxSize`) over `background`.
+ * The SVG must use concrete colours (CSS variables do not apply inside an image). Throws a
+ * sentence saying what to do instead when there is no DOM.
+ */
+declare function rasterizeSvg(svg: string, options: RasterizeSvgOptions): Promise<RasterImage>;
+/** A file name for a diagram: its title in lower case with dashes, else its family, plus the extension. */
+declare function diagramFileName(doc: Pick<MermaidDocument, 'family' | 'graph'>, extension: string): string;
+interface DownloadDiagramPngOptions extends DiagramSvgOptions, Omit<RasterizeSvgOptions, 'width' | 'height'> {
+    /** File name (default: the diagram title, else `<family>-diagram`, plus `.png`). */
+    filename?: string;
+}
+/** Renders a diagram to PNG and saves it through a download link. Returns the image and file name. */
+declare function downloadDiagramPng(doc: MermaidDocument, options?: DownloadDiagramPngOptions): Promise<RasterImage & {
+    filename: string;
+}>;
+
+/**
+ * Mermaid diagrams on the canvas: lays out a `MermaidDocument` (dagre, nested groups,
+ * stored `%% @pixerate` positions blended with auto-layout for new nodes), projects it
+ * onto canvas nodes and edges, maps canvas drags back to `moveNodes` edits, and streams
+ * diagrams that are still being written. Ported from Ursula.
+ */
+
+interface MermaidCanvasOptions extends DiagramLayoutOptions {
+    /** Nodes can be dragged, connected and selected (default false). */
+    editable?: boolean;
+    /** A layout to draw instead of computing one (e.g. a tween frame). */
+    layout?: DiagramLayout;
+}
+interface MermaidCanvas {
+    nodes: MermaidFlowNode[];
+    edges: MermaidFlowEdge[];
+    /** Absolute positions and sizes of every node and group. */
+    layout: DiagramLayout;
+}
+/**
+ * Lays out a Mermaid document and returns canvas nodes (groups first, child positions
+ * relative to their parent as React Flow / Svelte Flow expect) and edges.
+ */
+declare function mermaidToCanvas(doc: MermaidDocument, options?: MermaidCanvasOptions): MermaidCanvas;
+interface MermaidMovesOptions {
+    /**
+     * Positions already stored in the document (`doc.meta.layout`). Nodes that are laid out
+     * automatically and not yet stored are pinned where they are, so moving one node does
+     * not shift the others (new nodes are blended in around stored ones).
+     */
+    stored?: Readonly<Record<string, Point$1>>;
+}
+/**
+ * The `moveNodes` edit for canvas nodes that were dragged: converts their positions
+ * (relative to their parent) back to absolute coordinates. Returns `null` when nothing
+ * moved by at least half a pixel.
+ */
+declare function mermaidMovesFromCanvas(layout: DiagramLayout, moved: ReadonlyArray<{
+    id: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    parentId?: string;
+}>, all?: ReadonlyArray<{
+    id: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    parentId?: string;
+}>, options?: MermaidMovesOptions): Extract<EditOp, {
+    type: 'moveNodes';
+}> | null;
+
 /**
  * UI-agnostic agent presence trajectory, inspection anchor, and cursor rotation math.
  */
@@ -2916,4 +3320,4 @@ declare function formatAgentCursorName(nameOrUsername?: string | null): string;
  */
 declare function isAgentCursor(cursor: Partial<CanvasAgentCursor>): boolean;
 
-export { ANIMATABLE_PROPERTIES, ANIMATION_DATA_KEY, AUTO_LAYOUT_DATA_KEY, type AddCanvasVariantOptions, AlignEdge, AlignNodesOptions, type AnimatableProperty, type AnimateNodeOptions, type AnimationDocument, AnimationEasing, AnimationEditError, type AnimationEditErrorCode, type AnimationFrame, type AnimationHistoryTarget, type AnimationKeyframeClipboard, AnimationLoopMode, type AnimationMotionPath, type AnimationOverrides, AnimationPlayer, AnimationPlayerState, type AnimationPropertyOptions, type AnimationStop, AnimationTrack, AnimationValue, AnimationValueType, type ArrangeHistoryTarget, type AutoLayout, type AutoLayoutAlignContent, type AutoLayoutAlignCross, type AutoLayoutAlignMain, type AutoLayoutCellAlign, type AutoLayoutChild, type AutoLayoutConstraints, type AutoLayoutGrid, type AutoLayoutGridArea, type AutoLayoutGridCell, type AutoLayoutGridGeometry, type AutoLayoutGridTrack, type AutoLayoutHorizontalConstraint, type AutoLayoutInsertTarget, type AutoLayoutMeasure, type AutoLayoutMode, type AutoLayoutOptions, type AutoLayoutPadding, type AutoLayoutSize, type AutoLayoutSizing, type AutoLayoutSizingPair, type AutoLayoutVerticalConstraint, BezierPath, BezierPathInput, CANVAS_COMPONENT_DRAG_TYPE, CANVAS_TOKEN_PROPERTIES, CARD_INSPECTION_ZONES, CHILD_LAYOUT_DATA_KEY, COMPONENT_DATA_KEY, COMPONENT_OVERRIDES_DATA_KEY, COMPONENT_PROPERTY_REFS_DATA_KEY, COMPONENT_SET_DATA_KEY, COMPONENT_SOURCE_DATA_KEY, CONNECTION_LINE_TYPES, CSS_ANIMATION_PROPERTIES, type CanvasAgentCursor, type CanvasAnimationController, type CanvasAnimationControllerOptions, type CanvasAnimationState, CanvasArrangeAction, type CanvasArrangeController, type CanvasArrangeControllerOptions, type CanvasAutoLayoutController, type CanvasAutoLayoutControllerOptions, CanvasClipboardPayload, type CanvasComponentData, type CanvasComponentErrorCode, type CanvasComponentInfo, type CanvasComponentPropertyDef, type CanvasComponentPropertyField, type CanvasComponentPropertyType, type CanvasComponentPropertyValue, type CanvasComponentResult, type CanvasComponentSetData, type CanvasComponentSetInfo, type CanvasComponentSyncOptions, type CanvasComponentsController, type CanvasComponentsControllerOptions, type CanvasConnectionLineType, type CanvasDrawController, type CanvasDrawControllerOptions, CanvasEdge, CanvasGradientDef, type CanvasHeightOptions, type CanvasInstanceData, type CanvasInstanceInfo, type CanvasInstancePropertyInfo, CanvasLayoutOptions, CanvasNode, CanvasNodeStyle, CanvasNodeUpdate, type CanvasScene, type CanvasScenesOptions, type CanvasScenesState, CanvasScenesStore, type CanvasTokenBindingInfo, type CanvasTokenOptions, type CanvasTokenProperty, type CanvasViewport, type CardInspectionZone, Clock, type CombineShapeNodesOptions, type CombineShapeNodesRefusal, type CombineShapeNodesResult, type ConnectorSnap, type ConnectorSnapOptions, type ConnectorSnapTarget, type CreateCanvasComponentOptions, type CreateCanvasInstanceOptions, type CssAnimationExport, type CssExportOptions, type CssPropertyAnimation, type CubicSegment, type CurvedPathOptions, DEFAULT_CURSOR_INACTIVITY_MS, DEFAULT_NODE_HEIGHT, DEFAULT_NODE_WIDTH, DEFAULT_PLACEMENT_GAP, DirectionalDisplacementOptions, DistributeAxis, DistributeMode, DistributeNodesOptions, type EvaluateAnimationOptions, FanOutTrajectoryOptions, type FitCubicsOptions, type FitPathDataOptions, type FitViewportOptions, type FreehandDrawOptions, type FreehandStroke, type FreehandStrokeStyle, type FreehandTool, type GuideIndex, type GuideLine, type HatchOptions, INSTANCE_DATA_KEY, IncrementalLayoutOptions, type KeyframeDragState, type KeyframePatch, type KeyframeRangeOptions, type KeyframeRef, type KeyframeSnap, MAX_KEYFRAME_REFS, MatchSizeOptions, type MeasureGuide, type MeasureSelectionOptions, type MeasureSelectionResult, type MoveKeyframesResult, type MultiNodeTransitionOptions, type NodeAnimation, NodeRectOptions, NodeTransition, type OffsetShapeNodesOptions, type OutlineShapeStrokesOptions, PlaceBesideOptions, Point, PolygonFillRule, PolygonRing, Position, type PositionChangeLike, RESIZE_HANDLES, type RecordAnimationOptions, Rect, ReflowDisplacementOptions, type ResizeHandle, SHAPE_DATA_KEY, SHAPE_NODE_TYPE, SHAPE_OPERATIONS, type SampleAnimationOptions, type ScaleKeyframesOptions, type SerializedCanvasScenes, type SetCanvasVariantPropertiesOptions, type SetKeyframeOptions, ShapeDescription, type ShapeNodePolygonOptions, type ShapeOperation, type ShapePathEditOperation, type ShapePathEditRefusal, type ShapePathEditResult, ShapeSize, Side, SizeDimension, type SnapGuidesOptions, type SnapNodeDragOptions, type SnapNodeDragResult, type SnapNodeResizeOptions, type SnapNodeResizeResult, type SnapResizeOptions, type SnapResizeResult, type SnapResult, StreamingLayoutManager, type StreamingLayoutManagerOptions, StrokeCap, StrokeJoin, type StrokeToShapeNodeOptions, TOKEN_BINDINGS_DATA_KEY, TOKEN_MODES_DATA_KEY, type TimelineKeyframe, type TimelineRow, type TimelineRowsOptions, TrajectoryFunction, type WebAnimationSpec, XYPosition, ZOrderOperation, addCanvasVariant, addKeyframesAtTime, animateNode, applyAnimation, applyAnimationOverrides, applyConstraints, applyShapeCombination, applyShapeReplacement, bindCanvasComponentProperty, bindCanvasToken, blendLayout, boundsOf, calculateCursorArrowRotation, calculateCurvedPath, calculateDagreReflowDisplacement, calculateDirectionalDisplacement, canCombineShapeNodes, canOffsetShapeNodes, canOutlineShapeNodeStrokes, canvasHeight, centerNodes, centre, clampAnimationValue, clampLayoutSize, collectDescendantIds, combineCanvasComponentsAsVariants, combineShapeNodes, computeNodesBoundingBox, computeSnapGuides, connectedOnly, copyKeyframes, createBezierTrajectory, createCanvasAnimationController, createCanvasArrangeController, createCanvasAutoLayoutController, createCanvasComponent, createCanvasComponentsController, createCanvasDrawController, createCanvasInstance, createCanvasScenesStore, createDefaultStrokeStyle, createFanOutTrajectory, createGuideIndex, createNodeGuideIndex, cubicPointAt, cubicsToPathData, defaultEasing, deleteKeyframes, detachCanvasInstance, detachTokenBindings, diffOverrideGroups, ensureLayout, estimateCanvasHeight, estimateNodeSize, evaluateAnimation, exportCssAnimation, findConnectorSnap, findStrokesAtPoint, findVariant, fitCubicRun, fitCubicWithTangents, fitCubics, fitFreehandPath, fitPathData, fitViewportToNodes, fitViewportToRect, flowSide, formatAgentCursorName, formatAnimationTime, formatVariantName, getAgentCardAnchor, getAnimatableProperty, getAnimatedProperties, getAnimatedValue, getAnimationDuration, getAnimationTrack, getAutoLayout, getAutoLayoutGrid, getAutoLayoutInsertTarget, getBindableTokenProperties, getCanvasComponentDragId, getCanvasTokenProperty, getCenteredNodePosition, getChildLayout, getComponentData, getComponentInstances, getComponentPropertyDefs, getComponentPropertyRefs, getComponentSourceId, getCssPropertyAnimations, getCursorTransitionDuration, getDefaultVariant, getEffectiveTokenModes, getFlowChildren, getInstanceData, getInstanceProperties, getInstanceStatus, getKeyframeTimes, getLayerName, getLayoutParent, getLayoutSizing, getLayoutedNodes, getNaturalMovementTiming, getNextVariantValues, getNodeAnimation, getNodeOverrides, getNodeShape, getNodeTokenBindings, getNodeTokenModes, getOwningComponent, getOwningInstance, getResizingNodeRect, getRootInstance, getTimelineRows, getTimelineTicks, getTokenPropertyScope, getTokensForProperty, getVariantConflicts, getVariantOptions, getVariantSet, getVariantValues, handlePoint, hasVisibleStroke, hashString, hatchPath, inferResizeHandle, inspectCanvasInstance, inspectNodeTokens, isAgentCursor, isAutoLayoutFrame, isCanvasComponent, isCanvasComponentSet, isCanvasInstance, isCssExportExact, isEventFromTextInput, isInsideInstance, isKeyframeSelected, isMeasureModifierHeld, isNodeAnimated, isShapeNode, isStraightCubic, isValidCanvasEdge, isValidCanvasNode, isValidCanvasScene, isValidUrl, layoutAll, layoutBounds, layoutFrame, layoutUp, layoutUpMany, linearPositionTrajectory, linearTrajectory, listCanvasComponents, makeSizingCoherent, measureBetween, measureLabel, measureSelection, measureToLine, mergeNodeUpdates, moveKeyframes, moveLayoutChild, nearestHandlePositions, offsetShapeNodes, oppositePosition, outlineShapeNodeStrokes, overlaps, parseCanvasClipboardData, parseCanvasScenes, parseKeyframeClipboard, parseNodeStyleDeclarations, parseVariantName, pasteKeyframes, placeBeside, playWebAnimations, positionToSide, pruneCanvasTokenModes, pushCanvasInstanceOverrides, readAnimatableValue, readNodeStyleProperty, readOverrideGroup, recordAnimationChanges, relayoutUpdates, remapPastedNodes, removeCanvasVariant, removeTrack, renameCanvasVariantProperty, renameCanvasVariantValue, repositionNodesTo, resetCanvasInstanceOverrides, resizeHandleAxes, resolveCanvasTokens, resolvePadding, restoreCanvasMainComponent, revertShapeCombination, runMultiNodeTransition, sampleAnimationFrames, scaleKeyframes, serializeCanvasNodes, setCanvasComponentProperty, setCanvasInstanceProperties, setCanvasTokenMode, setCanvasVariantProperties, setKeyframe, setKeyframeEasing, setMotionPath, setTrackEnabled, shapeNodeToBezierPath, shapeNodeToPolygon, shapeToBezierPath, sideToPosition, snapKeyframeDelta, snapNodeDrag, snapNodeResize, snapResize, snapTimeToFrame, snapToGrid, streamlinePoints, strokeBoundingBox, strokePointsToPathData, strokeToShapeNode, swapCanvasInstance, syncAllCanvasInstances, syncCanvasComponents, syncCanvasInstance, timeToX, toWebAnimations, updateKeyframe, withNodeAnimation, withStyleOpacity, wouldCreateComponentCycle, writeNodeStyleProperty, writeOverrideGroup, xToTime };
+export { ANIMATABLE_PROPERTIES, ANIMATION_DATA_KEY, AUTO_LAYOUT_DATA_KEY, type AddCanvasVariantOptions, AlignEdge, AlignNodesOptions, type AnimatableProperty, type AnimateNodeOptions, type AnimationDocument, AnimationEasing, AnimationEditError, type AnimationEditErrorCode, type AnimationFrame, type AnimationHistoryTarget, type AnimationKeyframeClipboard, AnimationLoopMode, type AnimationMotionPath, type AnimationOverrides, AnimationPlayer, AnimationPlayerState, type AnimationPropertyOptions, type AnimationStop, AnimationTrack, AnimationValue, AnimationValueType, type ArrangeHistoryTarget, type AutoLayout, type AutoLayoutAlignContent, type AutoLayoutAlignCross, type AutoLayoutAlignMain, type AutoLayoutCellAlign, type AutoLayoutChild, type AutoLayoutConstraints, type AutoLayoutGrid, type AutoLayoutGridArea, type AutoLayoutGridCell, type AutoLayoutGridGeometry, type AutoLayoutGridTrack, type AutoLayoutHorizontalConstraint, type AutoLayoutInsertTarget, type AutoLayoutMeasure, type AutoLayoutMode, type AutoLayoutOptions, type AutoLayoutPadding, type AutoLayoutSize, type AutoLayoutSizing, type AutoLayoutSizingPair, type AutoLayoutVerticalConstraint, BezierPath, BezierPathInput, CANVAS_COMPONENT_DRAG_TYPE, CANVAS_TOKEN_PROPERTIES, CARD_INSPECTION_ZONES, CHILD_LAYOUT_DATA_KEY, COMPONENT_DATA_KEY, COMPONENT_OVERRIDES_DATA_KEY, COMPONENT_PROPERTY_REFS_DATA_KEY, COMPONENT_SET_DATA_KEY, COMPONENT_SOURCE_DATA_KEY, CONNECTION_LINE_TYPES, CSS_ANIMATION_PROPERTIES, type CanvasAgentCursor, type CanvasAnimationController, type CanvasAnimationControllerOptions, type CanvasAnimationState, CanvasArrangeAction, type CanvasArrangeController, type CanvasArrangeControllerOptions, type CanvasAutoLayoutController, type CanvasAutoLayoutControllerOptions, CanvasClipboardPayload, type CanvasComponentData, type CanvasComponentErrorCode, type CanvasComponentInfo, type CanvasComponentPropertyDef, type CanvasComponentPropertyField, type CanvasComponentPropertyType, type CanvasComponentPropertyValue, type CanvasComponentResult, type CanvasComponentSetData, type CanvasComponentSetInfo, type CanvasComponentSyncOptions, type CanvasComponentsController, type CanvasComponentsControllerOptions, type CanvasConnectionLineType, type CanvasDrawController, type CanvasDrawControllerOptions, CanvasEdge, CanvasGradientDef, type CanvasHeightOptions, type CanvasInstanceData, type CanvasInstanceInfo, type CanvasInstancePropertyInfo, CanvasLayoutOptions, CanvasNode, CanvasNodeStyle, CanvasNodeUpdate, type CanvasScene, type CanvasScenesOptions, type CanvasScenesState, CanvasScenesStore, type CanvasTokenBindingInfo, type CanvasTokenOptions, type CanvasTokenProperty, type CanvasViewport, type CardInspectionZone, Clock, type CombineShapeNodesOptions, type CombineShapeNodesRefusal, type CombineShapeNodesResult, type ConnectorSnap, type ConnectorSnapOptions, type ConnectorSnapTarget, type CreateCanvasComponentOptions, type CreateCanvasInstanceOptions, type CssAnimationExport, type CssExportOptions, type CssPropertyAnimation, type CubicSegment, type CurvedPathOptions, DEFAULT_CURSOR_INACTIVITY_MS, DEFAULT_DIAGRAM_NODE_HEIGHT, DEFAULT_DIAGRAM_NODE_WIDTH, DEFAULT_NODE_HEIGHT, DEFAULT_NODE_WIDTH, DEFAULT_PLACEMENT_GAP, DIAGRAM_RASTER_MAX_SIZE, DIAGRAM_SVG_DARK_THEME, DIAGRAM_SVG_LIGHT_THEME, type DiagramBounds, type DiagramCanvasHeightOptions, type DiagramLayout, type DiagramLayoutOptions, type DiagramSize, DiagramStream, type DiagramStreamResult, type DiagramSvg, type DiagramSvgOptions, type DiagramSvgTheme, DirectionalDisplacementOptions, DistributeAxis, DistributeMode, DistributeNodesOptions, type DownloadDiagramPngOptions, type EvaluateAnimationOptions, FanOutTrajectoryOptions, type FitCubicsOptions, type FitPathDataOptions, type FitViewportOptions, type FreehandDrawOptions, type FreehandStroke, type FreehandStrokeStyle, type FreehandTool, type GuideIndex, type GuideLine, type HatchOptions, INSTANCE_DATA_KEY, IncrementalLayoutOptions, type KeyframeDragState, type KeyframePatch, type KeyframeRangeOptions, type KeyframeRef, type KeyframeSnap, MAX_KEYFRAME_REFS, MERMAID_SHAPE_PAINT, MatchSizeOptions, type MeasureGuide, type MeasureSelectionOptions, type MeasureSelectionResult, type MermaidCanvas, type MermaidCanvasOptions, type MermaidEdgeData, type MermaidFlowEdge, type MermaidFlowNode, type MermaidFlowOptions, type MermaidGroupData, type MermaidMovesOptions, type MermaidNodeData, type MermaidShapePaint, type MermaidShapePath, type MoveKeyframesResult, type MultiNodeTransitionOptions, type NodeAnimation, NodeRectOptions, NodeTransition, type OffsetShapeNodesOptions, type OutlineShapeStrokesOptions, PlaceBesideOptions, Point, PolygonFillRule, PolygonRing, Position, type PositionChangeLike, RESIZE_HANDLES, type RasterImage, type RasterizeSvgOptions, type RecordAnimationOptions, Rect, ReflowDisplacementOptions, type ResizeHandle, SHAPE_DATA_KEY, SHAPE_NODE_TYPE, SHAPE_OPERATIONS, type SampleAnimationOptions, type ScaleKeyframesOptions, type SerializedCanvasScenes, type SetCanvasVariantPropertiesOptions, type SetKeyframeOptions, ShapeDescription, type ShapeNodePolygonOptions, type ShapeOperation, type ShapePathEditOperation, type ShapePathEditRefusal, type ShapePathEditResult, ShapeSize, Side, SizeDimension, type SnapGuidesOptions, type SnapNodeDragOptions, type SnapNodeDragResult, type SnapNodeResizeOptions, type SnapNodeResizeResult, type SnapResizeOptions, type SnapResizeResult, type SnapResult, StreamingLayoutManager, type StreamingLayoutManagerOptions, StrokeCap, StrokeJoin, type StrokeToShapeNodeOptions, TOKEN_BINDINGS_DATA_KEY, TOKEN_MODES_DATA_KEY, type TimelineKeyframe, type TimelineRow, type TimelineRowsOptions, TrajectoryFunction, type WebAnimationSpec, XYPosition, ZOrderOperation, addCanvasVariant, addKeyframesAtTime, animateNode, applyAnimation, applyAnimationOverrides, applyConstraints, applyShapeCombination, applyShapeReplacement, autoLayoutDiagram, bindCanvasComponentProperty, bindCanvasToken, blendDiagramLayout, blendLayout, boundsOf, calculateCursorArrowRotation, calculateCurvedPath, calculateDagreReflowDisplacement, calculateDirectionalDisplacement, canCombineShapeNodes, canOffsetShapeNodes, canOutlineShapeNodeStrokes, canvasHeight, centerNodes, centre, clampAnimationValue, clampLayoutSize, collectDescendantIds, combineCanvasComponentsAsVariants, combineShapeNodes, computeNodesBoundingBox, computeSnapGuides, connectedDiagramOnly, connectedOnly, copyKeyframes, createBezierTrajectory, createCanvasAnimationController, createCanvasArrangeController, createCanvasAutoLayoutController, createCanvasComponent, createCanvasComponentsController, createCanvasDrawController, createCanvasInstance, createCanvasScenesStore, createDefaultStrokeStyle, createFanOutTrajectory, createGuideIndex, createNodeGuideIndex, cubicPointAt, cubicsToPathData, defaultEasing, deleteKeyframes, detachCanvasInstance, detachTokenBindings, diagramCanvasHeight, diagramFileName, diagramGroupSize, diagramImageSize, diagramLayoutBounds, diffOverrideGroups, downloadDiagramPng, easeDiagramTween, ensureDiagramLayout, ensureLayout, estimateCanvasHeight, estimateDiagramCanvasHeight, estimateDiagramNodeSize, estimateNodeSize, evaluateAnimation, exportCssAnimation, findConnectorSnap, findStrokesAtPoint, findVariant, fitCubicRun, fitCubicWithTangents, fitCubics, fitFreehandPath, fitPathData, fitViewportToNodes, fitViewportToRect, flowSide, formatAgentCursorName, formatAnimationTime, formatVariantName, getAgentCardAnchor, getAnimatableProperty, getAnimatedProperties, getAnimatedValue, getAnimationDuration, getAnimationTrack, getAutoLayout, getAutoLayoutGrid, getAutoLayoutInsertTarget, getBindableTokenProperties, getCanvasComponentDragId, getCanvasTokenProperty, getCenteredNodePosition, getChildLayout, getComponentData, getComponentInstances, getComponentPropertyDefs, getComponentPropertyRefs, getComponentSourceId, getCssPropertyAnimations, getCursorTransitionDuration, getDefaultVariant, getEffectiveTokenModes, getFlowChildren, getInstanceData, getInstanceProperties, getInstanceStatus, getKeyframeTimes, getLayerName, getLayoutParent, getLayoutSizing, getLayoutedNodes, getNaturalMovementTiming, getNextVariantValues, getNodeAnimation, getNodeOverrides, getNodeShape, getNodeTokenBindings, getNodeTokenModes, getOwningComponent, getOwningInstance, getResizingNodeRect, getRootInstance, getTimelineRows, getTimelineTicks, getTokenPropertyScope, getTokensForProperty, getVariantConflicts, getVariantOptions, getVariantSet, getVariantValues, handlePoint, hasVisibleStroke, hashString, hatchPath, inferResizeHandle, inspectCanvasInstance, inspectNodeTokens, isAgentCursor, isAutoLayoutFrame, isCanvasComponent, isCanvasComponentSet, isCanvasInstance, isCssExportExact, isEventFromTextInput, isInsideInstance, isKeyframeSelected, isMeasureModifierHeld, isNodeAnimated, isShapeNode, isStraightCubic, isValidCanvasEdge, isValidCanvasNode, isValidCanvasScene, isValidUrl, layoutAll, layoutBounds, layoutFrame, layoutUp, layoutUpMany, linearPositionTrajectory, linearTrajectory, listCanvasComponents, makeSizingCoherent, measureBetween, measureLabel, measureSelection, measureToLine, mergeNodeUpdates, mermaidEdgeDash, mermaidEdgeMarker, mermaidEdgeWidth, mermaidFlowEdges, mermaidFlowNodes, mermaidLabelLines, mermaidMarkerId, mermaidMovesFromCanvas, mermaidNodeMembers, mermaidNodePaint, mermaidShapePaths, mermaidThumbnailSvg, mermaidToCanvas, mermaidToSvg, moveKeyframes, moveLayoutChild, nearestHandlePositions, offsetShapeNodes, oppositePosition, outlineShapeNodeStrokes, overlaps, parseCanvasClipboardData, parseCanvasScenes, parseKeyframeClipboard, parseMermaidStyles, parseNodeStyleDeclarations, parseVariantName, pasteKeyframes, placeBeside, playWebAnimations, positionToSide, pruneCanvasTokenModes, pushCanvasInstanceOverrides, rasterSize, rasterizeSvg, readAnimatableValue, readNodeStyleProperty, readOverrideGroup, recordAnimationChanges, relayoutUpdates, remapPastedNodes, removeCanvasVariant, removeTrack, renameCanvasVariantProperty, renameCanvasVariantValue, repositionNodesTo, resetCanvasInstanceOverrides, resizeHandleAxes, resolveCanvasTokens, resolveMermaidStyles, resolvePadding, restoreCanvasMainComponent, revertShapeCombination, runMultiNodeTransition, sampleAnimationFrames, scaleKeyframes, serializeCanvasNodes, setCanvasComponentProperty, setCanvasInstanceProperties, setCanvasTokenMode, setCanvasVariantProperties, setKeyframe, setKeyframeEasing, setMotionPath, setTrackEnabled, shapeNodeToBezierPath, shapeNodeToPolygon, shapeToBezierPath, sideToPosition, snapKeyframeDelta, snapNodeDrag, snapNodeResize, snapResize, snapTimeToFrame, snapToGrid, streamedDiagramText, streamlinePoints, strokeBoundingBox, strokePointsToPathData, strokeToShapeNode, swapCanvasInstance, syncAllCanvasInstances, syncCanvasComponents, syncCanvasInstance, timeToX, toWebAnimations, updateKeyframe, withNodeAnimation, withStyleOpacity, wouldCreateComponentCycle, writeNodeStyleProperty, writeOverrideGroup, xToTime };