@pixerate/editor 0.55.0 → 0.57.0

package/dist/canvas/index.d.cts

@@ -13,7 +13,8 @@ import { d as TokenModeContext, r as TokenType, o as TokenScope, f as TokenLiter
 import { b as AnimationEasing } from '../easing-CNGk-W6d.cjs';
 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.cjs';
 export { O as OklabColor, f as formatOklab, m as mixColorsOklab, o as oklabToRgb, p as parseOklab, r as rgbToOklab } from '../color-E9pwm--w.cjs';
-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.cjs';
+import { P as Point$1, G as GraphNode, D as DiagramFamily, a as DiagramGraph, b as DiagramMeta, c as GraphGroup, d as GraphEdge, E as EdgePattern, A as ArrowHead, M as MermaidDocument, e as EditOp } from '../types-DYkjhzdz.cjs';
+import { n as ChartSpec } from '../types-BRp-6zkY.cjs';
 
 declare const DEFAULT_NODE_WIDTH = 200;
 declare const DEFAULT_NODE_HEIGHT = 60;
@@ -2836,6 +2837,11 @@ interface DiagramLayoutOptions {
     groupPadding?: number;
     /** Height reserved for a group's title (default 32). */
     groupTitleHeight?: number;
+    /**
+     * Diagram family. A family that registered its own layout (`registerFamilyLayout`:
+     * pie, quadrant, sequence, Gantt…) is laid out from its data instead of with dagre.
+     */
+    family?: DiagramFamily;
 }
 declare const DEFAULT_DIAGRAM_NODE_WIDTH = 160;
 declare const DEFAULT_DIAGRAM_NODE_HEIGHT = 56;
@@ -3024,6 +3030,309 @@ declare function streamedDiagramText(source: string): string;
 /** Ease-out cubic, for layout tweens. */
 declare const easeDiagramTween: (t: number) => number;
 
+/** 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;
+
+/**
+ * Colours for family drawings. Concrete values draw the same everywhere (files, PNG); a
+ * renderer may pass CSS (`var(--x, #fff)`) since the React and Svelte scenes paint with
+ * `style`. `palette` colours slices, series, sections and branches in order.
+ */
+interface DiagramSceneTheme extends DiagramSvgTheme {
+    /** Categorical colours (pie slices, sections, branches, curves…), used in order. */
+    palette: string[];
+    /** Text drawn on palette colours. */
+    paletteText: string;
+    /** Axis lines, grid and lifelines. */
+    grid: string;
+    /** Secondary text (axis labels, legends, notes). */
+    mutedText: string;
+    /** Selection outline. */
+    selection: string;
+}
+declare const DIAGRAM_SCENE_LIGHT_THEME: DiagramSceneTheme;
+declare const DIAGRAM_SCENE_DARK_THEME: DiagramSceneTheme;
+interface DiagramMarkBase {
+    /** Unique within the scene (a stable key for frameworks). */
+    key: string;
+    /** What the mark draws, for styling hooks (`slice`, `legend`, `axis`, `lifeline`, `bar`…). */
+    role: string;
+    /** The node, edge or group id clicking this mark selects (none: decoration). */
+    target?: string;
+    /** Mark belongs to the current selection. */
+    selected?: boolean;
+    opacity?: number;
+}
+interface DiagramRectMark extends DiagramMarkBase {
+    kind: 'rect';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    fill: string;
+    stroke?: string;
+    strokeWidth?: number;
+    radius?: number;
+    dash?: string;
+}
+interface DiagramPathMark extends DiagramMarkBase {
+    kind: 'path';
+    d: string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    dash?: string;
+    /** Arrow head at the end (`arrow` open, `arrowclosed` filled). */
+    markerEnd?: 'arrow' | 'arrowclosed';
+    markerStart?: 'arrow' | 'arrowclosed';
+    /** Bounds of the path; required when `d` uses arcs or relative commands. */
+    box?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+interface DiagramCircleMark extends DiagramMarkBase {
+    kind: 'circle';
+    cx: number;
+    cy: number;
+    r: number;
+    fill: string;
+    stroke?: string;
+    strokeWidth?: number;
+}
+interface DiagramLineMark extends DiagramMarkBase {
+    kind: 'line';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    stroke: string;
+    strokeWidth?: number;
+    dash?: string;
+    markerEnd?: 'arrow' | 'arrowclosed';
+    markerStart?: 'arrow' | 'arrowclosed';
+}
+interface DiagramTextMark extends DiagramMarkBase {
+    kind: 'text';
+    x: number;
+    y: number;
+    text: string;
+    anchor: 'start' | 'middle' | 'end';
+    /** Vertical alignment of the text to `y`. */
+    baseline: 'top' | 'middle' | 'bottom';
+    size: number;
+    weight?: number;
+    fill: string;
+    /** Degrees, around (x, y). */
+    rotate?: number;
+    italic?: boolean;
+}
+type DiagramMark = DiagramRectMark | DiagramPathMark | DiagramCircleMark | DiagramLineMark | DiagramTextMark;
+/** A family's drawing in canvas coordinates (the same as the layout's positions). */
+interface DiagramScene {
+    family: DiagramFamily;
+    /** Bounds of everything drawn. */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    /** Draw in order. */
+    marks: DiagramMark[];
+}
+interface DiagramSceneOptions {
+    theme?: Partial<DiagramSceneTheme>;
+    /** Selected node, edge or group ids (their marks get `selected`). */
+    selection?: readonly string[];
+}
+interface FamilySceneInput {
+    graph: DiagramGraph;
+    layout: DiagramLayout;
+    theme: DiagramSceneTheme;
+    selection: ReadonlySet<string>;
+}
+/** Draws a family from its graph and layout; returns marks in canvas coordinates. */
+type FamilyScene = (input: FamilySceneInput) => DiagramMark[];
+/**
+ * `target` of the diagram title's marks: double-clicking it renames the title (`setTitle`)
+ * rather than a node.
+ */
+declare const DIAGRAM_TITLE_TARGET = "::title";
+/** The palette colour for index `i` (cycling). */
+declare function sceneColor(theme: DiagramSceneTheme, i: number): string;
+/** Rough text width (no DOM), in px. */
+declare function estimateTextWidth(text: string, size: number): number;
+
+/** Registers (or replaces) the drawing for a family. */
+declare function registerFamilyScene(family: DiagramFamily, scene: FamilyScene): void;
+declare function getFamilyScene(family: DiagramFamily): FamilyScene | undefined;
+/** Whether a family is drawn as a scene (its own picture) instead of nodes and edges. */
+declare function hasFamilyScene(family: DiagramFamily): boolean;
+/** Bounds of a list of marks (all zero when empty). */
+declare function diagramMarksBounds(marks: readonly DiagramMark[]): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+interface MermaidSceneOptions extends DiagramSceneOptions, DiagramLayoutOptions {
+    /** A layout to draw instead of computing one. */
+    layout?: DiagramLayout;
+}
+/**
+ * Draws a document as its family's own picture (pie wedges, Gantt bars on a date axis,
+ * sequence lifelines, XY and radar charts…). Returns null for families drawn as plain nodes
+ * and edges (flowchart, state, class, ER) and for text-only families.
+ */
+declare function mermaidToScene(doc: MermaidDocument, options?: MermaidSceneOptions): DiagramScene | null;
+/** {@link mermaidToScene} for a graph and layout already at hand (e.g. a tween frame). */
+declare function familySceneFromLayout(family: DiagramFamily, graph: DiagramGraph, layout: DiagramLayout, options?: DiagramSceneOptions): DiagramScene | null;
+/** SVG `dominant-baseline` for a text mark's baseline. */
+declare function diagramTextBaseline(baseline: DiagramTextMark['baseline']): 'hanging' | 'central' | 'text-after-edge';
+/** Ids the SVG export uses for arrow markers (`<defs>` holds both). */
+declare const DIAGRAM_MARKER_IDS: {
+    readonly arrow: "pd-arrow-open";
+    readonly arrowclosed: "pd-arrow-closed";
+};
+/** Serialises marks as SVG elements (no `<svg>` wrapper); markers refer to {@link DIAGRAM_MARKER_IDS}. */
+declare function diagramMarksToSvg(marks: readonly DiagramMark[], theme?: Pick<DiagramSceneTheme, 'selection'>): string;
+/**
+ * A scene theme that reads the page's `--background`, `--foreground`, `--muted-foreground`,
+ * `--border` and `--primary` colour variables, with light fallbacks. The React and Svelte
+ * scenes use it (they paint with `style`, where `var()` works); files and PNGs use
+ * {@link DIAGRAM_SCENE_LIGHT_THEME} or the dark theme.
+ */
+declare const CSS_VARIABLE_DIAGRAM_SCENE_THEME: DiagramSceneTheme;
+/**
+ * The edit that renames what a scene mark targets: the title (`setTitle`), a group
+ * (`renameGroup`), an edge (`setEdgeLabel`) or a node (`renameNode`). Null for an unknown
+ * target. An empty title removes it. Shared by the React and Svelte scenes' double-click.
+ */
+declare function diagramRenameOp(doc: Pick<MermaidDocument, 'graph'>, target: string, label: string): EditOp | null;
+/** The text a rename of `target` starts from (title, group, edge or node label). */
+declare function diagramTargetLabel(doc: Pick<MermaidDocument, 'graph'>, target: string): string | null;
+
+/**
+ * Pie charts as Mermaid draws them (Ursula's `canvases/pie.tsx`): wedges in document order
+ * with a percentage on each, the outer circle, the legend to the right and the title above.
+ * A wedge and its legend row select the slice.
+ */
+declare const pieScene: FamilyScene;
+
+/** The chart spec an `xychart-beta` graph describes. */
+declare function xyChartSpec(graph: DiagramGraph, palette?: readonly string[]): ChartSpec;
+/** The chart spec a `radar-beta` graph describes. */
+declare function radarChartSpec(graph: DiagramGraph, palette?: readonly string[]): ChartSpec;
+declare const xyChartScene: FamilyScene;
+declare const radarScene: FamilyScene;
+
+/**
+ * Sequence diagrams as Mermaid draws them (Ursula's `canvases/sequence.tsx`): participants in
+ * a row, mirrored under the lifelines, one horizontal message per row with its label and
+ * (with `autonumber`) a numbered dot, notes, `alt`/`loop` fragment frames with their
+ * dividers, activation bars and coloured boxes. Participants, their lifelines and mirrors
+ * select the participant; a message's line, head, number and label select the message; a
+ * box's frame selects its group.
+ */
+declare const sequenceScene: FamilyScene;
+
+/**
+ * User journeys as Mermaid draws them (Ursula's `canvases/journey.tsx`): the title, a dashed
+ * line down from every task to its face (higher score = higher face), the thick axis, the
+ * actor legend on the left, section bars on top and the task boxes with their actor dots.
+ * Tasks, their dots and faces select the task; a section bar selects its section.
+ */
+declare const journeyScene: FamilyScene;
+
+/**
+ * Quadrant charts as Mermaid draws them (Ursula's `canvases/quadrant.tsx`): the chart area
+ * split into four tinted quadrants with their labels, the internal and external borders, the
+ * x-axis labels under the chart (above it while there are no points), the y-axis labels
+ * rotated on the left, the title on top, and every point a filled circle with its label just
+ * below. A quadrant (its area or label) selects its group; a point or its label selects the
+ * point. Points keep their own `color`, `strokeColor` and `strokeWidth`.
+ */
+declare const quadrantScene: FamilyScene;
+
+/**
+ * Git graphs as Mermaid draws them (Ursula's `canvases/gitgraph.tsx`): a dashed lane per
+ * branch with its name in a pill of the branch colour, Mermaid's thick lane-coloured parent
+ * links with their arcs, commits as bullets along the lanes (normal, reverse, highlight,
+ * merge and cherry-pick symbols), rotated commit labels and tags. A bullet, its label and
+ * tags select the commit; a pill selects the branch; a link selects the parent edge.
+ */
+declare const gitGraphScene: FamilyScene;
+
+/**
+ * Mind maps as Mermaid draws them (Ursula's `canvases/mindmap.tsx`): straight branches
+ * between topic centres in the section colour, thinner with depth, under the topics; the
+ * root dark in the centre, every top-level branch a section in its palette colour, Mermaid's
+ * node shapes per bracket form (default box with an underline, rounded, square, circle,
+ * cloud, bang, hexagon), wrapped labels and an icon badge on the top-left corner. Mermaid
+ * prints no title on mind maps. A topic's shape, label and badge select it.
+ */
+declare const mindmapScene: FamilyScene;
+
+/**
+ * C4 diagrams as Mermaid's C4 renderer draws them (Ursula's `canvases/c4.tsx`): boundaries as
+ * dashed frames (deployment nodes solid) with the label, `[type]` and description centred at
+ * the top; people as a head over a rounded body, systems, containers and components as rounded
+ * rectangles, `*Db` as cylinders and `*Queue` as horizontal cylinders, in Mermaid's C4 colours
+ * (`_Ext` grey, `UpdateElementStyle` overrides) with the bold name, the `[Type: technology]` line
+ * and the description; relations as thin lines (the first straight, the rest Mermaid's curves)
+ * with filled heads and the label and `[technology]` at the midpoint (numbered in `C4Dynamic`).
+ * Every part of an element, boundary or relation selects it.
+ */
+declare const c4Scene: FamilyScene;
+
+/**
+ * `architecture-beta` diagrams as Mermaid draws them (Ursula's `canvases/architecture.tsx`):
+ * groups as dashed frames with their icon and label at the top-left; services as Mermaid's 80px
+ * icon squares (its `cloud`, `database`, `disk`, `internet` and `server` glyphs, the name on
+ * the square for icon-pack icons, a dashed outline without an icon) with the label beneath;
+ * junctions as points; edges leaving from their port sides as Mermaid's orthogonal lines with
+ * triangular heads and the title along the line. Every part of a service, junction, group or
+ * edge selects it.
+ */
+declare const architectureScene: FamilyScene;
+
+/**
+ * Gantt charts as Mermaid draws them (Ursula's `canvases/gantt.tsx`): sections as full-width
+ * bands at 20% opacity with their names on the left, grid lines with date ticks along the
+ * bottom, the today line, one bar per task coloured by status (`done`, `active`, `crit` and
+ * their combinations), milestones as diamonds, and the title centred above. A bar and its label
+ * select the task; a band and its name select the section. `after` dependencies are not drawn by
+ * Mermaid, so they appear only when they or one of their tasks is selected.
+ */
+declare const ganttScene: FamilyScene;
+
+/**
+ * Timelines as Mermaid's left-to-right timeline draws them (Ursula's `canvases/timeline.tsx`):
+ * section header bands on top, each period as a box in one row, a thick time axis with an
+ * arrow under the periods, and each period's events stacked below it on a dashed line, with
+ * the title left-aligned above. One colour per section, or one per period without sections.
+ * A period and its events select the period; a section band selects the section.
+ */
+declare const timelineScene: FamilyScene;
+
+/** The drawings that ship with the package, by family. */
+declare const BUILTIN_FAMILY_SCENES: Partial<Record<DiagramFamily, FamilyScene>>;
+
 /**
  * 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`
@@ -3062,26 +3371,11 @@ 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>;
+    /** Colours; the scene colours (`palette`, `grid`…) are used by families drawn as scenes. */
+    theme?: Partial<DiagramSceneTheme>;
     /** Room around the diagram in px (default 16). */
     padding?: number;
     /**
@@ -3105,10 +3399,12 @@ interface DiagramSvg {
     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.
+ * Draws a Mermaid diagram as a standalone SVG. Flowchart, state, class and ER diagrams: 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. Families with their own
+ * picture (pie, Gantt, sequence, XY, radar…) are drawn from their scene (`mermaidToScene`).
+ * 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). */
@@ -3320,4 +3616,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_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 };
+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, BUILTIN_FAMILY_SCENES, 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, CSS_VARIABLE_DIAGRAM_SCENE_THEME, 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_MARKER_IDS, DIAGRAM_RASTER_MAX_SIZE, DIAGRAM_SCENE_DARK_THEME, DIAGRAM_SCENE_LIGHT_THEME, DIAGRAM_SVG_DARK_THEME, DIAGRAM_SVG_LIGHT_THEME, DIAGRAM_TITLE_TARGET, type DiagramBounds, type DiagramCanvasHeightOptions, type DiagramCircleMark, type DiagramLayout, type DiagramLayoutOptions, type DiagramLineMark, type DiagramMark, type DiagramPathMark, type DiagramRectMark, type DiagramScene, type DiagramSceneOptions, type DiagramSceneTheme, type DiagramSize, DiagramStream, type DiagramStreamResult, type DiagramSvg, type DiagramSvgOptions, type DiagramSvgTheme, type DiagramTextMark, DirectionalDisplacementOptions, DistributeAxis, DistributeMode, DistributeNodesOptions, type DownloadDiagramPngOptions, type EvaluateAnimationOptions, type FamilyScene, type FamilySceneInput, 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 MermaidSceneOptions, 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, architectureScene, autoLayoutDiagram, bindCanvasComponentProperty, bindCanvasToken, blendDiagramLayout, blendLayout, boundsOf, c4Scene, 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, diagramMarksBounds, diagramMarksToSvg, diagramRenameOp, diagramTargetLabel, diagramTextBaseline, diffOverrideGroups, downloadDiagramPng, easeDiagramTween, ensureDiagramLayout, ensureLayout, estimateCanvasHeight, estimateDiagramCanvasHeight, estimateDiagramNodeSize, estimateNodeSize, estimateTextWidth, evaluateAnimation, exportCssAnimation, familySceneFromLayout, findConnectorSnap, findStrokesAtPoint, findVariant, fitCubicRun, fitCubicWithTangents, fitCubics, fitFreehandPath, fitPathData, fitViewportToNodes, fitViewportToRect, flowSide, formatAgentCursorName, formatAnimationTime, formatVariantName, ganttScene, getAgentCardAnchor, getAnimatableProperty, getAnimatedProperties, getAnimatedValue, getAnimationDuration, getAnimationTrack, getAutoLayout, getAutoLayoutGrid, getAutoLayoutInsertTarget, getBindableTokenProperties, getCanvasComponentDragId, getCanvasTokenProperty, getCenteredNodePosition, getChildLayout, getComponentData, getComponentInstances, getComponentPropertyDefs, getComponentPropertyRefs, getComponentSourceId, getCssPropertyAnimations, getCursorTransitionDuration, getDefaultVariant, getEffectiveTokenModes, getFamilyScene, 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, gitGraphScene, handlePoint, hasFamilyScene, hasVisibleStroke, hashString, hatchPath, inferResizeHandle, inspectCanvasInstance, inspectNodeTokens, isAgentCursor, isAutoLayoutFrame, isCanvasComponent, isCanvasComponentSet, isCanvasInstance, isCssExportExact, isEventFromTextInput, isInsideInstance, isKeyframeSelected, isMeasureModifierHeld, isNodeAnimated, isShapeNode, isStraightCubic, isValidCanvasEdge, isValidCanvasNode, isValidCanvasScene, isValidUrl, journeyScene, 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, mermaidToScene, mermaidToSvg, mindmapScene, moveKeyframes, moveLayoutChild, nearestHandlePositions, offsetShapeNodes, oppositePosition, outlineShapeNodeStrokes, overlaps, parseCanvasClipboardData, parseCanvasScenes, parseKeyframeClipboard, parseMermaidStyles, parseNodeStyleDeclarations, parseVariantName, pasteKeyframes, pieScene, placeBeside, playWebAnimations, positionToSide, pruneCanvasTokenModes, pushCanvasInstanceOverrides, quadrantScene, radarChartSpec, radarScene, rasterSize, rasterizeSvg, readAnimatableValue, readNodeStyleProperty, readOverrideGroup, recordAnimationChanges, registerFamilyScene, relayoutUpdates, remapPastedNodes, removeCanvasVariant, removeTrack, renameCanvasVariantProperty, renameCanvasVariantValue, repositionNodesTo, resetCanvasInstanceOverrides, resizeHandleAxes, resolveCanvasTokens, resolveMermaidStyles, resolvePadding, restoreCanvasMainComponent, revertShapeCombination, runMultiNodeTransition, sampleAnimationFrames, scaleKeyframes, sceneColor, sequenceScene, 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, timelineScene, toWebAnimations, updateKeyframe, withNodeAnimation, withStyleOpacity, wouldCreateComponentCycle, writeNodeStyleProperty, writeOverrideGroup, xToTime, xyChartScene, xyChartSpec };