@tumaet/apollon 4.3.0 → 4.5.0

package/dist/{constants.d.ts → react/constants.d.ts}

@@ -5,7 +5,7 @@ export declare const CANVAS: Readonly<{
     readonly MIN_SCALE_TO_ZOOM_OUT: 0.4;
     readonly MAX_SCALE_TO_ZOOM_IN: 2.5;
     readonly MOUSE_UP_OFFSET_PX: 5;
-    readonly SNAP_TO_GRID_PX: 10;
+    readonly SNAP_TO_GRID_PX: 5;
     readonly EXTRA_SPACE_FOR_EXTENSION: 10;
     readonly PASTE_OFFSET_PX: 20;
 }>;
@@ -38,10 +38,6 @@ export declare const LAYOUT: Readonly<{
     readonly STEREOTYPE_LINE_HEIGHT: 15;
     readonly STEREOTYPE_NAME_GAP: 4;
 }>;
-export declare const INTERFACE_SIZE = 30;
-export declare const INTERFACE_RADIUS: number;
-export declare const INTERFACE_STROKE_WIDTH = 2;
-export declare const INTERFACE_SOCKET_GAP = 4;
 export declare const INTERFACE: Readonly<{
     readonly SIZE: 30;
     readonly RADIUS: number;
@@ -49,7 +45,6 @@ export declare const INTERFACE: Readonly<{
     readonly SOCKET_GAP: 4;
 }>;
 export declare const MARKER_BASE_SIZE = 18;
-export declare const BPMN_MARKER_SIZE = 11;
 export declare const EDGES: Readonly<{
     /** Negative padding extends target point to node boundary (React Flow handles are offset 3px) */
     readonly MARKER_PADDING: -3;
@@ -59,6 +54,48 @@ export declare const EDGES: Readonly<{
     readonly STEP_BORDER_RADIUS: 0;
     /** Width of the invisible stroke used for edge selection/highlighting */
     readonly EDGE_HIGHLIGHT_STROKE_WIDTH: 15;
+    /** Height of the line-jump bridge used when edges cross */
+    readonly EDGE_LINE_JUMP_HEIGHT: 10;
+    /** Length of the line-jump bridge along the crossed segment */
+    readonly EDGE_LINE_JUMP_WIDTH: 16;
+    /** Stub length locked to node, matches getSmoothStepPath offset */
+    readonly STUB_LENGTH: 30;
+    /** Minimum total edge length (screen px) for the endpoint reconnect handles
+     * to be active. Short edges fall back to always-editable (see
+     * useStepPathEdge), so this only gates medium/long edges. */
+    readonly BEND_MIN_LENGTH: 100;
+    /** Bend handle long-axis size, in screen px (the minimum kept across zoom). */
+    readonly BEND_HANDLE_SCREEN_LENGTH_PX: 34;
+    /** Minimum clearance, in screen px, between a bend handle and the segment's
+     * corners — how close a handle is allowed to sit to a corner. */
+    readonly BEND_HANDLE_CORNER_CLEARANCE_PX: 10;
+    /** A segment shows a bend handle once its ON-SCREEN length can host the
+     * handle with corner clearance on both sides: 34 + 2*10 = 54px. Screen-based
+     * so zooming in reveals handles on shorter segments (and never hides them). */
+    readonly BEND_HANDLE_MIN_SEGMENT_SCREEN_PX: number;
+    /** "Safe area" next to a node, in flow px: a bend handle is never placed
+     * within this distance of a node connection point, and that part of a
+     * terminal segment is excluded when deciding whether a handle fits. Keeps
+     * handles out of the locked stub so dragging never produces a detached
+     * slim sliver near the node. */
+    readonly BEND_HANDLE_SAFE_AREA_PX: 25;
+    /** Size of the invisible endpoint hit target used for edge reconnection */
+    readonly ENDPOINT_HIT_TARGET_SIZE: 24;
+    /** Grid step a dragged bend snaps to; matches the canvas grid so bends line
+     * up with grid-snapped node handles. */
+    readonly BEND_SNAP_GRID_PX: 5;
+    /** Connector length at/below which a *monotonic* orthogonal stair-step (a
+     * same-direction dogleg) is treated as a rounding artifact and flattened.
+     * Must stay strictly below BEND_SNAP_GRID_PX, otherwise the smallest
+     * deliberate single-step bend would be flattened and the edge would snap
+     * back to a straight line on release. */
+    readonly ORTHOGONAL_DOGLEG_TOLERANCE_PX: 2;
+    /** Gap at/below which two parallel arms that double back over each other
+     * (an opposite-direction U-turn) are treated as a degenerate self-overlap
+     * and the route is reset. Independent of the snap grid: a doubled-back
+     * U-turn is never a deliberate edit, so this stays at the visual-merge
+     * threshold rather than the per-step threshold. */
+    readonly ORTHOGONAL_ARM_OVERLAP_PX: 10;
 }>;
 export declare const ZINDEX: Readonly<{
     readonly BASE: 0;

package/dist/react/edges/GenericEdge.d.ts

@@ -0,0 +1,79 @@
+import { ReactNode, PointerEvent as ReactPointerEvent } from 'react';
+import { Position } from '@xyflow/react';
+import { ExtendedEdgeProps } from './EdgeProps';
+import { IPoint } from './Connection';
+import { Assessment } from '../typings';
+import { BendHandle } from '../utils/geometry/bendHandles';
+export declare const getHandleScreenScale: (zoom: number) => number;
+export type BaseEdgeProps = ExtendedEdgeProps;
+export declare const useEdgeState: (initialPoints?: IPoint[]) => {
+    customPoints: IPoint[];
+    setCustomPoints: import('react').Dispatch<import('react').SetStateAction<IPoint[]>>;
+};
+type EndpointSide = Position;
+export declare const getEndpointHitTargetRect: (point: IPoint, side?: EndpointSide, screenScale?: number) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    radius: number;
+};
+export declare const EdgeEndpointMarkers: ({ sourcePoint, targetPoint, sourcePosition, targetPosition, isDiagramModifiable, canEditEndpoint, }: {
+    sourcePoint: IPoint;
+    targetPoint: IPoint;
+    sourcePosition?: EndpointSide;
+    targetPosition?: EndpointSide;
+    isDiagramModifiable: boolean;
+    canEditEndpoint?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EdgeBendHandle: ({ id, segmentIndex, position, orientation, onPointerDown, }: {
+    id: string;
+    segmentIndex: number;
+    position: IPoint;
+    orientation: "H" | "V";
+    onPointerDown: (e: ReactPointerEvent<SVGRectElement>) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * The shared SVG body for every orthogonal (step-path) edge: the base path,
+ * inline export markers, the interaction overlay, endpoint reconnect targets,
+ * and the bend handles. Diagram-specific decorations (e.g. the SFC transition
+ * bar) are passed as `children` and render inside the same group. Per-type
+ * files keep only their own config, labels, and `CommonEdgeElements`.
+ */
+export declare const StepEdgeBody: ({ id, markerKey, currentPath, overlayPath, pathRef, strokeColor, strokeDashArray, hasInitialCalculation, isReconnecting, isBendDragging, draggingHandleSegmentIndex, markerStart, markerEnd, sourcePoint, targetPoint, sourcePosition, targetPosition, isDiagramModifiable, canEditEndpoint, allowMidpointDragging, bendHandles, handlePointerDown, children, }: {
+    id: string;
+    markerKey: string;
+    currentPath: string;
+    overlayPath: string;
+    pathRef: React.Ref<SVGPathElement>;
+    strokeColor: string;
+    strokeDashArray?: string;
+    hasInitialCalculation: boolean;
+    isReconnecting: boolean;
+    isBendDragging: boolean;
+    draggingHandleSegmentIndex: number | null;
+    markerStart?: string;
+    markerEnd?: string;
+    sourcePoint: IPoint;
+    targetPoint: IPoint;
+    sourcePosition?: Position;
+    targetPosition?: Position;
+    isDiagramModifiable: boolean;
+    canEditEndpoint: boolean;
+    allowMidpointDragging: boolean;
+    bendHandles: BendHandle[];
+    handlePointerDown: (event: ReactPointerEvent<SVGRectElement>, handle: BendHandle) => void;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CommonEdgeElements: ({ id, pathMiddlePosition, toolbarPosition, isDiagramModifiable, assessments, anchorRef, handleDelete, setPopOverElementId, type, }: {
+    id: string;
+    pathMiddlePosition: IPoint;
+    toolbarPosition?: IPoint;
+    isDiagramModifiable: boolean;
+    assessments: Record<string, Assessment>;
+    anchorRef: React.RefObject<SVGSVGElement>;
+    handleDelete: () => void;
+    setPopOverElementId: (id: string) => void;
+    type: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/{edges → react/edges}/edgeTypes/ActivityDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ActivityDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const ActivityDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/BPMNDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const BPMNDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const BPMNDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/ClassDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ClassDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const ClassDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/CommunicationDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const CommunicationDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const CommunicationDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/ComponentDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ComponentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const ComponentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/DeploymentDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const DeploymentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const DeploymentDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/FlowChartEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const FlowChartEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const FlowChartEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/ObjectDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ObjectDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const ObjectDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/PetriNetEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const PetriNetEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const PetriNetEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/ReachabilityGraphArc.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const ReachabilityGraphEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: BaseEdgeProps) => JSX.Element;
+export declare const ReachabilityGraphEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/SfcDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
+export declare const SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/SyntaxTreeEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const SyntaxTreeEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
+export declare const SyntaxTreeEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/edgeTypes/UseCaseDiagramEdge.d.ts

@@ -1,2 +1,2 @@
 import { BaseEdgeProps } from '../GenericEdge';
-export declare const UseCaseEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
+export declare const UseCaseEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{edges → react/edges}/labelTypes/EdgeEndLabels.d.ts

@@ -15,5 +15,5 @@ interface EdgeEndLabelsProps {
     targetPosition: string;
     textColor?: string;
 }
-export declare const EdgeEndLabels: ({ data, activePoints, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, textColor, }: EdgeEndLabelsProps) => JSX.Element;
+export declare const EdgeEndLabels: ({ data, activePoints, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, textColor, }: EdgeEndLabelsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{edges → react/edges}/labelTypes/EdgeIncludeExtendLabel.d.ts

@@ -9,5 +9,5 @@ interface EdgeIncludeExtendLabelsProps {
     relationshipType?: "include" | "extend";
     textColor?: string;
 }
-export declare const EdgeIncludeExtendLabel: ({ sourcePoint, targetPoint, showRelationshipLabels, relationshipType, textColor, }: EdgeIncludeExtendLabelsProps) => JSX.Element;
+export declare const EdgeIncludeExtendLabel: ({ sourcePoint, targetPoint, showRelationshipLabels, relationshipType, textColor, }: EdgeIncludeExtendLabelsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{edges → react/edges}/labelTypes/EdgeMiddleLabels.d.ts

@@ -8,7 +8,8 @@ interface EdgeMiddleLabelsProps {
     showRelationshipLabels?: boolean;
     isUseCasePath?: boolean;
     isPetriNet?: boolean;
+    avoidToolbarOverlap?: boolean;
     textColor: string;
 }
-export declare const EdgeMiddleLabels: ({ label, pathMiddlePosition, isMiddlePathHorizontal, sourcePoint, targetPoint, showRelationshipLabels, isUseCasePath, isPetriNet, textColor, }: EdgeMiddleLabelsProps) => JSX.Element | null;
+export declare const EdgeMiddleLabels: ({ label, pathMiddlePosition, isMiddlePathHorizontal, sourcePoint, targetPoint, showRelationshipLabels, isUseCasePath, isPetriNet, avoidToolbarOverlap, textColor, }: EdgeMiddleLabelsProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/{edges → react/edges}/labelTypes/EdgeMultipleLabels.d.ts

@@ -4,12 +4,12 @@ interface EdgeMultipleLabelsProps {
     messages?: MessageData[];
     pathMiddlePosition: IPoint;
     showRelationshipLabels: boolean;
-    isReconnectingRef?: React.MutableRefObject<boolean>;
+    isReconnecting?: boolean;
     sourcePosition: IPoint;
     targetPosition: IPoint;
     edgePoints?: IPoint[];
     isHorizontalEdge?: boolean;
     textColor: string;
 }
-export declare const EdgeMultipleLabels: ({ messages, pathMiddlePosition, showRelationshipLabels, isReconnectingRef, sourcePosition, targetPosition, edgePoints, isHorizontalEdge, textColor, }: EdgeMultipleLabelsProps) => JSX.Element | null;
+export declare const EdgeMultipleLabels: ({ messages, pathMiddlePosition, showRelationshipLabels, isReconnecting, sourcePosition, targetPosition, edgePoints, isHorizontalEdge, textColor, }: EdgeMultipleLabelsProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/{edges → react/edges}/types.d.ts

@@ -1,38 +1,38 @@
 export declare const diagramEdgeTypes: {
-    ClassAggregation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ClassInheritance: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ClassRealization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ClassComposition: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ClassBidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ClassUnidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ClassDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ActivityControlFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ObjectLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    FlowChartFlowline: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    SyntaxTreeLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    CommunicationLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    PetriNetArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    UseCaseAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    UseCaseInclude: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    UseCaseExtend: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    UseCaseGeneralization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ComponentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ComponentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ComponentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ComponentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ComponentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    DeploymentAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    DeploymentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    DeploymentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    DeploymentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    DeploymentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    DeploymentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    ReachabilityGraphArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    BPMNSequenceFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    BPMNMessageFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    BPMNAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
-    BPMNDataAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, selected, }: import('./GenericEdge').BaseEdgeProps) => JSX.Element;
+    ClassAggregation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ClassInheritance: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ClassRealization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ClassComposition: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ClassBidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ClassUnidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ClassDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ActivityControlFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ObjectLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    FlowChartFlowline: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    SyntaxTreeLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    CommunicationLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    PetriNetArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    UseCaseAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    UseCaseInclude: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    UseCaseExtend: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    UseCaseGeneralization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ComponentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ComponentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ComponentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ComponentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ComponentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    DeploymentAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    DeploymentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    DeploymentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    DeploymentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    DeploymentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    DeploymentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    ReachabilityGraphArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    BPMNSequenceFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    BPMNMessageFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    BPMNAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
+    BPMNDataAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: import('./GenericEdge').BaseEdgeProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const edgeConfig: {
     readonly ClassAggregation: {

package/dist/react/enums/index.d.ts

@@ -0,0 +1 @@
+export * from './Quadrant';

package/dist/react/hooks/useEdgeLineJumps.d.ts

@@ -0,0 +1,25 @@
+import { IPoint } from '../edges/Connection';
+import { LineJumpHit } from '../utils/edgeUtils';
+/**
+ * Publishes this edge's actual rendered (jump-free) polyline to the shared
+ * geometry registry so other edges can bridge over it at its real position,
+ * and removes it on unmount. `points` should be the edge's live render
+ * geometry (`renderPoints` for step edges, source/target for straight ones).
+ */
+export declare function usePublishEdgeGeometry(id: string | undefined, points: IPoint[]): void;
+/**
+ * Returns where this edge should bridge over the edges it crosses, using the
+ * stable horizontal-hops-vertical convention (see `computeLineJumpsForEdge`).
+ * Other edges' geometry is read from the shared registry (their actual rendered
+ * points), so a bridge always centers on the crossing the user sees. Pass
+ * `enabled: false` to skip the scan (e.g. while reconnecting).
+ *
+ * Shared by both `useStepPathEdge` and `useStraightPathEdge`; the only
+ * difference between them is the `basePoints` they feed in.
+ */
+export declare function useEdgeLineJumps(id: string | undefined, basePoints: IPoint[], enabled: boolean): LineJumpHit[];
+/**
+ * Builds the SVG path for an edge, drawing bridge arcs at the given crossings.
+ * Falls back to a plain polyline when there are no jumps.
+ */
+export declare function buildEdgePath(points: IPoint[], lineJumps: LineJumpHit[]): string;

package/dist/{hooks → react/hooks}/useHandleFinder.d.ts

@@ -6,5 +6,6 @@ interface HandleFinderResult {
 }
 export declare const useHandleFinder: () => {
     findBestHandle: (upEvent: PointerEvent) => HandleFinderResult;
+    findBestHandleAtClientPosition: (clientX: number, clientY: number) => HandleFinderResult;
 };
 export {};

package/dist/{hooks → react/hooks}/useReconnect.d.ts

@@ -1,2 +1,2 @@
 import { Edge, Connection } from '@xyflow/react';
-export declare const useReconnect: () => (oldEdge: Edge, newConnection: Connection) => void;
+export declare const useReconnect: () => (oldEdge: Edge, newConnection: Connection, data?: Edge["data"]) => void;

package/dist/{hooks → react/hooks}/useStepPathEdge.d.ts

@@ -1,5 +1,6 @@
 import { Position } from '@xyflow/react';
 import { IPoint } from '../edges/Connection';
+import { BendHandle } from '../utils/geometry/bendHandles';
 interface UseStepPathEdgeProps {
     id: string;
     type: string;
@@ -17,31 +18,34 @@ interface UseStepPathEdgeProps {
         points?: IPoint[];
     };
     allowMidpointDragging?: boolean;
-    enableReconnection?: boolean;
     enableStraightPath?: boolean;
 }
 export interface StepPathEdgeData {
     activePoints: IPoint[];
     pathMiddlePosition: IPoint;
+    toolbarPosition: IPoint;
     isMiddlePathHorizontal: boolean;
     sourcePoint: IPoint;
     targetPoint: IPoint;
 }
-export declare const useStepPathEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, allowMidpointDragging, enableReconnection, enableStraightPath, }: UseStepPathEdgeProps) => {
+export declare const useStepPathEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, allowMidpointDragging, enableStraightPath, }: UseStepPathEdgeProps) => {
     pathRef: import('react').MutableRefObject<SVGPathElement | null>;
     edgeData: StepPathEdgeData;
     currentPath: string;
     overlayPath: string;
-    midpoints: IPoint[];
+    bendHandles: BendHandle[];
+    isBendDragging: boolean;
+    draggingHandleSegmentIndex: number | null;
     hasInitialCalculation: boolean;
-    isReconnectingRef: import('react').MutableRefObject<boolean>;
+    isReconnecting: boolean;
     markerEnd: string | undefined;
     markerStart: string | undefined;
     strokeDashArray: string | undefined;
-    handlePointerDown: (event: React.PointerEvent, index: number) => void;
-    handleEndpointPointerDown: (e: React.PointerEvent, endType: "source" | "target") => void;
+    handlePointerDown: (event: React.PointerEvent, handle: BendHandle) => void;
     sourcePoint: IPoint;
     targetPoint: IPoint;
+    toolbarPosition: IPoint;
     isDiagramModifiable: boolean;
+    canEditEndpoint: boolean;
 };
 export {};

package/dist/react/hooks/useStraightPathEdge.d.ts

@@ -0,0 +1,23 @@
+import { IPoint } from '../edges/Connection';
+import { BaseEdgeProps } from '../edges/GenericEdge';
+export interface StraightPathEdgeData {
+    pathMiddlePosition: IPoint;
+    toolbarPosition: IPoint;
+    isMiddlePathHorizontal: boolean;
+    sourcePoint: IPoint;
+    targetPoint: IPoint;
+}
+export declare const useStraightPathEdge: ({ id, type, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }: Omit<BaseEdgeProps, "data">) => {
+    pathRef: import('react').MutableRefObject<SVGPathElement | null>;
+    edgeData: StraightPathEdgeData;
+    currentPath: string;
+    overlayPath: string;
+    markerEnd: string | undefined;
+    markerStart: string | undefined;
+    strokeDashArray: string | undefined;
+    sourcePoint: IPoint;
+    targetPoint: IPoint;
+    isDiagramModifiable: boolean;
+    isReconnecting: boolean;
+    canEditEndpoint: boolean;
+};

package/dist/react/index.d.ts

@@ -0,0 +1,7 @@
+export * from './typings';
+export { ApollonEditor } from './apollon-editor';
+export { getAssessmentNameForArtemis, getEdgeAssessmentDataById, getNodeAssessmentDataByNodeElementId, type AssessmentViewData, } from './utils/helpers';
+export { importDiagram } from './utils/versionConverter';
+export { collabColorFromName, randomCollabName } from './utils/collaboration';
+export { log, setLogLevel, setLogger } from './logger';
+export type { LogLevel } from './logger';

package/dist/react/internals.d.ts

@@ -0,0 +1,5 @@
+export { YjsSync, MessageType } from './sync/yjsSync';
+export type { SendBroadcastMessage } from './sync/yjsSync';
+export { createHeadlessSync } from './sync/headless';
+export { convertV2ToV4, convertV3ToV4, convertV3HandleToV4, convertV3NodeTypeToV4, convertV3EdgeTypeToV4, convertV3MessagesToV4, isV2Format, isV3Format, isV4Format, } from './utils/versionConverter';
+export type * from './utils/v3Typings';

package/dist/{nodes → react/nodes}/TitleAndDescriptionNode.d.ts

@@ -3,5 +3,5 @@ type Props = Node<{
     description?: string;
     title: string;
 }>;
-export declare function TitleAndDesctiption({ width, height, id, data: { description, title }, }: NodeProps<Props>): JSX.Element | null;
+export declare function TitleAndDesctiption({ width, height, id, data: { description, title }, }: NodeProps<Props>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/{nodes → react/nodes}/activityDiagram/Activity.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function Activity({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function Activity({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/activityDiagram/ActivityActionNode.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function ActivityActionNode({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function ActivityActionNode({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/activityDiagram/ActivityFinalNode.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function ActivityFinalNode({ id, width, height, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function ActivityFinalNode({ id, width, height, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/activityDiagram/ActivityForkNode.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function ActivityForkNode({ id, width, height, parentId, data, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function ActivityForkNode({ id, width, height, parentId, data, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/activityDiagram/ActivityForkNodeHorizontal.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function ActivityForkNodeHorizontal({ id, width, height, parentId, data, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function ActivityForkNodeHorizontal({ id, width, height, parentId, data, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/activityDiagram/ActivityInitialNode.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function ActivityInitialNode({ id, width, height, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function ActivityInitialNode({ id, width, height, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/activityDiagram/ActivityMergeNode.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function ActivityMergeNode({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function ActivityMergeNode({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/activityDiagram/ActivityObjectNode.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { DefaultNodeProps } from '../../types';
-export declare function ActivityObjectNode({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): JSX.Element | null;
+export declare function ActivityObjectNode({ id, width, height, data, parentId, }: NodeProps<Node<DefaultNodeProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/bpmn/BPMNAnnotation.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { BPMNAnnotationProps } from '../../types';
-export declare function BPMNAnnotation({ id, width, height, data, parentId, }: NodeProps<Node<BPMNAnnotationProps>>): JSX.Element | null;
+export declare function BPMNAnnotation({ id, width, height, data, parentId, }: NodeProps<Node<BPMNAnnotationProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/bpmn/BPMNCallActivity.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { BPMNCallActivityProps } from '../../types';
-export declare function BPMNCallActivity({ id, width, height, data, parentId, }: NodeProps<Node<BPMNCallActivityProps>>): JSX.Element | null;
+export declare function BPMNCallActivity({ id, width, height, data, parentId, }: NodeProps<Node<BPMNCallActivityProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/bpmn/BPMNDataObject.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { BPMNDataObjectProps } from '../../types';
-export declare function BPMNDataObject({ id, width, height, data, parentId, }: NodeProps<Node<BPMNDataObjectProps>>): JSX.Element | null;
+export declare function BPMNDataObject({ id, width, height, data, parentId, }: NodeProps<Node<BPMNDataObjectProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/bpmn/BPMNDataStore.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { BPMNDataStoreProps } from '../../types';
-export declare function BPMNDataStore({ id, width, height, data, parentId, }: NodeProps<Node<BPMNDataStoreProps>>): JSX.Element | null;
+export declare function BPMNDataStore({ id, width, height, data, parentId, }: NodeProps<Node<BPMNDataStoreProps>>): import("react/jsx-runtime").JSX.Element | null;

package/dist/{nodes → react/nodes}/bpmn/BPMNEndEvent.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { BPMNEventProps } from '../../types';
-export declare function BPMNEndEvent({ id, width, height, data, }: NodeProps<Node<BPMNEventProps>>): JSX.Element;
+export declare function BPMNEndEvent({ id, width, height, data, }: NodeProps<Node<BPMNEventProps>>): import("react/jsx-runtime").JSX.Element;

package/dist/{nodes → react/nodes}/bpmn/BPMNGateway.d.ts

@@ -1,3 +1,3 @@
 import { NodeProps, Node } from '@xyflow/react';
 import { BPMNGatewayProps } from '../../types';
-export declare function BPMNGateway({ id, width, height, data, }: NodeProps<Node<BPMNGatewayProps>>): JSX.Element;
+export declare function BPMNGateway({ id, width, height, data, }: NodeProps<Node<BPMNGatewayProps>>): import("react/jsx-runtime").JSX.Element;