react-cosmos-diagram 0.5.3 → 0.7.0

package/dist/umd/components/Node/NodeWrapper/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/src/components/Node/NodeWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CACtC,IAAI,CAAC,CAAC,CAAC,EACL,IAAI,GACJ,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,QAAQ,GACR,WAAW,GACX,OAAO,GACP,QAAQ,CACZ,GACE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACzB,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../react-diagram/packages/react/src/components/Node/NodeWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,gBAAgB,CACzB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE,IAAI,CACL,IAAI,CAAC,QAAQ,CAAC,EACZ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,QAAQ,GACR,WAAW,GACX,OAAO,GACP,QAAQ,CACZ,GACE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,gBAAgB,CAAA;CAC9B,CAAC"}

package/dist/umd/components/Node/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInC,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,2CAQjC;AACD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Node/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInC,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,2CAQjC;AACD,eAAe,KAAK,CAAC"}

package/dist/umd/components/Node/type.d.ts

@@ -1,43 +1,11 @@
+import { Position, CoreNode } from '@diagram/core';
+import { NodeWrapperProps } from './NodeWrapper/type';
 import { CSSProperties } from 'react';
-import { internalsSymbol } from '../../utils';
-import { Position, XYPosition, CoordinateExtent } from '../../types';
-import { PortBounds } from '../Port/type';
-import { WrapNodeProps } from './NodeWrapper/type';
-export type Node<T = any, U extends string | undefined = string | undefined> = {
-    id: string;
-    position: XYPosition;
-    data: T;
-    type?: U;
+export type Node<NodeData extends Record<string, unknown> = Record<string, unknown>, NodeType extends string = string> = CoreNode<NodeData, NodeType> & {
     style?: CSSProperties;
     className?: string;
-    sourcePosition?: Position;
-    targetPosition?: Position;
-    hidden?: boolean;
-    selected?: boolean;
-    intersected?: boolean;
-    dragging?: boolean;
-    draggable?: boolean;
-    selectable?: boolean;
-    connectable?: boolean;
-    deletable?: boolean;
-    dragHandle?: string;
-    width?: number;
-    height?: number;
-    parentNode?: string;
-    zIndex?: number;
-    extent?: 'parent' | CoordinateExtent;
-    expandParent?: boolean;
-    positionAbsolute?: XYPosition;
-    ariaLabel?: string;
-    focusable?: boolean;
-    resizing?: boolean;
-    [internalsSymbol]?: {
-        z?: number;
-        portBounds?: PortBounds;
-        isParent?: boolean;
-    };
 };
-export type NodeProps<T = any> = Pick<WrapNodeProps<T>, 'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'intersected' | 'positionX' | 'positionY' | 'zIndex' | 'width' | 'height'> & {
+export type NodeProps<NodeData extends Record<string, unknown> = Record<string, unknown>> = Pick<NodeWrapperProps<NodeData>, 'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'intersected' | 'positionX' | 'positionY' | 'zIndex' | 'width' | 'height'> & {
     targetPosition?: Position;
     sourcePosition?: Position;
 };

package/dist/umd/components/Node/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IAAI;IAC5E,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,UAAU,CAAC;IACrB,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,eAAe,CAAC,CAAC,EAAE;QACjB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAClC,aAAa,CAAC,CAAC,CAAC,EACd,IAAI,GACJ,MAAM,GACN,YAAY,GACZ,MAAM,GACN,UAAU,GACV,aAAa,GACb,WAAW,GACX,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CACZ,GAAG;IACD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Node/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,IAAI,CACb,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC/B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,CAClB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACjE,IAAI,CACL,gBAAgB,CAAC,QAAQ,CAAC,EACxB,IAAI,GACJ,MAAM,GACN,YAAY,GACZ,MAAM,GACN,UAAU,GACV,aAAa,GACb,WAAW,GACX,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CACZ,GAAG;IACD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC5B,CAAC"}

package/dist/umd/components/Node/utils.d.ts

@@ -1,10 +1,7 @@
 import { MouseEvent, RefObject } from 'react';
 import { StoreApi } from 'zustand';
 import { ReactDiagramState } from '../../components/ReactDiagramProvider/type';
-import { PortElement } from '../Port/type';
 import { Node } from './type';
-export type NodeOrigin = [number, number];
-export declare const getPortBounds: (selector: string, nodeElement: HTMLDivElement, zoom: number, nodeOrigin: NodeOrigin) => PortElement[] | null;
 export declare function getMouseHandler(id: string, getState: StoreApi<ReactDiagramState>['getState'], handler?: (event: MouseEvent, node: Node) => void): ((event: MouseEvent) => void) | undefined;
 export declare function handleNodeClick({ id, store, isSelectable, unselect, nodeRef, }: {
     id: string;

package/dist/umd/components/Node/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C,eAAO,MAAM,aAAa,aACb,MAAM,eACH,cAAc,QACrB,MAAM,6BAEZ,WAAW,EAAE,GAAG,IAyBlB,CAAC;AAEF,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,YAIpC,UAAU,uBAIzB;AAED,wBAAgB,eAAe,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,OAAO,GACT,EAAE;IACA,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACJ,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;QAClD,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,QAoBA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Node/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAE/E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,YAIpC,UAAU,uBAIzB;AAED,wBAAgB,eAAe,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,OAAO,GACT,EAAE;IACA,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACJ,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;QAClD,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,QAoBA"}

package/dist/umd/components/Port/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { PortProps } from './type';
-declare function Port({ type, position }: PortProps): import("react/jsx-runtime").JSX.Element | null;
+import { PortProps } from '@diagram/core';
+declare function Port({ id, type, position }: PortProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Port {
     var displayName: string;
 }

package/dist/umd/components/Port/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Port/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,SAAS,kDA4C1C;kBA5CQ,IAAI;;;;AAgDb,wBAA0B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/Port/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAc,SAAS,EAA4B,MAAM,eAAe,CAAC;AAKhF,iBAAS,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,SAAS,kDAqE9C;kBArEQ,IAAI;;;;AAyEb,wBAA0B"}

package/dist/umd/components/ReactDiagramProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ReactDiagramProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAQxD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/ReactDiagramProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAQxD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/dist/umd/components/ReactDiagramProvider/type.d.ts

@@ -1,10 +1,10 @@
+import { MouseEvent as ReactMouseEvent } from 'react';
 import { ZoomBehavior, Selection as D3Selection } from 'd3';
-import { Node, Edge, DefaultEdgeOptions, Transform, GridStep, CoordinateExtent, OnError, XYPosition, OnConnect, OnConnectStart, OnConnectEnd } from '../../types';
-import { NodeInternals, NodeDimensionUpdate } from '../../store/type';
+import type { Transform, CoordinateExtent, XYPosition, GridStep, OnConnectStart, OnConnect, OnConnectEnd, PanBy, NodeInternals, UpdateConnection, NodeDragItem, NodeOrigin, ConnectingPort } from '@diagram/core';
+import { Node, Edge, DefaultEdgeOptions, OnError } from '../../types';
+import { NodeDimensionUpdate } from '../../store/type';
 import { NodeChange, OnNodesChange, OnEdgesChange } from '../../hooks/useNodesEdgesState/type';
-import { NodeDragItem, NodeDragHandler } from '../../hooks/useDrag/type';
-import { NodeOrigin } from '../Node/utils';
-import { PortType } from '../Port/type';
+export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
 export type UnSelectNodesParams = {
     nodes?: Node[];
 };
@@ -37,8 +37,8 @@ export type ReactDiagramStore = {
     onNodeDragEnd?: NodeDragHandler;
     onEdgesChange?: OnEdgesChange;
     connectionPosition: XYPosition;
-    connectionNodeId: string | null;
-    connectionPortType: PortType | null;
+    connectionStartPort: ConnectingPort | null;
+    connectionEndPort: ConnectingPort | null;
     onConnect?: OnConnect;
     onConnectStart?: OnConnectStart;
     onConnectEnd?: OnConnectEnd;
@@ -57,9 +57,11 @@ export type ReactDiagramActions = {
     setEdges: (edges: Edge[]) => void;
     updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
     updateNodesPosition: (nodeDragItems: NodeDragItem[] | Node[], dragging: boolean, updateFunc?: (node: NodeDragItem | Node) => void) => void;
+    updateNodesIntersection: () => void;
     triggerNodeChanges: (changes: NodeChange[]) => void;
     cancelConnection: () => void;
-    panBy: (delta: XYPosition) => void;
+    updateConnection: UpdateConnection;
+    panBy: PanBy;
     setNodeExtent: (nodeExtent: CoordinateExtent) => void;
     setTranslateExtent: (translateExtent: CoordinateExtent) => void;
     setMinZoom: (minZoom: number) => void;

package/dist/umd/components/ReactDiagramProvider/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ReactDiagramProvider/type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/ReactDiagramProvider/type.ts"],"names":[],"mappings":"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"}

package/dist/umd/components/SelectionBox/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Rect } from '../../types';
+import { Rect } from '@diagram/core';
 declare function SelectionBox({ rect, transform }: {
     rect: Rect;
     transform: string;

package/dist/umd/components/SelectionBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/SelectionBox/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CA8B3E;;AAED,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/SelectionBox/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CA8B3E;;AAED,wBAAkC"}

package/dist/umd/components/SelectionBox/type.d.ts

@@ -1,3 +1,3 @@
-import { Rect } from '../../types';
+import { Rect } from '@diagram/core';
 export type SelectionBoxRect = Rect;
 //# sourceMappingURL=type.d.ts.map

package/dist/umd/components/SelectionBox/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/SelectionBox/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/SelectionBox/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC"}

package/dist/umd/components/StoreUpdater/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactDiagramProps } from '../../types';
-export type StoreUpdaterProps = Pick<ReactDiagramProps, 'nodes' | 'onNodesChange' | 'onNodeDrag' | 'onNodeDragStart' | 'onNodeDragEnd' | 'edges' | 'onEdgesChange' | 'smoothStep' | 'centerStep' | 'gridStep' | 'elevateNodesOnSelect' | 'nodesDraggable' | 'autoPanOnNodeDrag' | 'autoPanOnConnect' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'connectionRadius' | 'onError' | 'nodeExtent' | 'translateExtent' | 'minZoom' | 'maxZoom'> & {
+export type StoreUpdaterProps = Pick<ReactDiagramProps, 'nodeOrigin' | 'nodes' | 'onNodesChange' | 'onNodeDrag' | 'onNodeDragStart' | 'onNodeDragEnd' | 'edges' | 'onEdgesChange' | 'smoothStep' | 'centerStep' | 'gridStep' | 'elevateNodesOnSelect' | 'nodesDraggable' | 'autoPanOnNodeDrag' | 'autoPanOnConnect' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'connectionRadius' | 'onError' | 'nodeExtent' | 'translateExtent' | 'minZoom' | 'maxZoom'> & {
     rfId: string;
 };
-declare const StoreUpdater: ({ nodes, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, edges, onEdgesChange, smoothStep, centerStep, gridStep, elevateNodesOnSelect, nodesDraggable, autoPanOnNodeDrag, autoPanOnConnect, connectionRadius, onConnect, onConnectStart, onConnectEnd, onError, nodeExtent, translateExtent, minZoom, maxZoom, }: StoreUpdaterProps) => null;
+declare const StoreUpdater: ({ nodes, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, edges, onEdgesChange, nodeOrigin, smoothStep, centerStep, gridStep, elevateNodesOnSelect, nodesDraggable, autoPanOnNodeDrag, autoPanOnConnect, connectionRadius, onConnect, onConnectStart, onConnectEnd, onError, nodeExtent, translateExtent, minZoom, maxZoom, }: StoreUpdaterProps) => null;
 export default StoreUpdater;
 //# sourceMappingURL=index.d.ts.map

package/dist/umd/components/StoreUpdater/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/StoreUpdater/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAoB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQlE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACjC,iBAAiB,EACf,OAAO,GACP,eAAe,GACf,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,OAAO,GACP,eAAe,GACf,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,sBAAsB,GACtB,gBAAgB,GAChB,mBAAmB,GACnB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,kBAAkB,GAClB,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,SAAS,CACb,GAAG;IACD,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AA6CF,QAAA,MAAM,YAAY,gUAwBf,iBAAiB,SAmDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/components/StoreUpdater/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACjC,iBAAiB,EACf,YAAY,GACZ,OAAO,GACP,eAAe,GACf,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,OAAO,GACP,eAAe,GACf,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,sBAAsB,GACtB,gBAAgB,GAChB,mBAAmB,GACnB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,kBAAkB,GAClB,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,SAAS,CACb,GAAG;IACD,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AA6CF,QAAA,MAAM,YAAY,4UAyBf,iBAAiB,SAsDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/umd/container/ConnectionLineRenderer/ConnectionPath.d.ts

@@ -1,5 +1,5 @@
+import { PortType } from '@diagram/core';
 import { Edge } from '../../types';
-import { PortType } from '../../components/Port/type';
 import { EdgeWrapperComponent } from '../../components/Edges/EdgeWrapper/type';
 import { ConnectionLineComponent } from './type';
 type ConnectionPathProps = {

package/dist/umd/container/ConnectionLineRenderer/ConnectionPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionPath.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ConnectionLineRenderer/ConnectionPath.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAY,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,oBAAoB,CAAC;CACpC,CAAC;AASF,iBAAS,cAAc,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,WAAW,GACb,EAAE,mBAAmB,kDAgFrB;kBAtFQ,cAAc;;;AA0FvB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ConnectionPath.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ConnectionLineRenderer/ConnectionPath.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,QAAQ,EAAmB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,oBAAoB,CAAC;CACpC,CAAC;AASF,iBAAS,cAAc,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,WAAW,GACb,EAAE,mBAAmB,kDAmFrB;kBAzFQ,cAAc;;;AA6FvB,eAAe,cAAc,CAAC"}

package/dist/umd/container/ConnectionLineRenderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ConnectionLineRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,2BAA2B,GAAG;IAChC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC;AAQF,iBAAS,sBAAsB,CAAC,EAC7B,cAAc,EACd,SAAS,EACT,SAAS,GACX,EAAE,2BAA2B,kDA8B7B;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ConnectionLineRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,2BAA2B,GAAG;IAChC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC;AAOF,iBAAS,sBAAsB,CAAC,EAC7B,cAAc,EACd,SAAS,EACT,SAAS,GACX,EAAE,2BAA2B,kDAiC7B;AAED,eAAe,sBAAsB,CAAC"}

package/dist/umd/container/ConnectionLineRenderer/type.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType } from 'react';
-import { Node, Position } from '../../types';
-import { PortElement } from '../../components/Port/type';
+import { PortElement, Position } from '@diagram/core';
+import { Node } from '../../types';
 export type ConnectionLineComponentProps = {
     fromNode?: Node;
     fromPort?: PortElement;

package/dist/umd/container/ConnectionLineRenderer/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ConnectionLineRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,MAAM,4BAA4B,GAAG;IACxC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,QAAQ,CAAC;IACvB,UAAU,EAAE,QAAQ,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAChC,aAAa,CAAC,4BAA4B,CAAC,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ConnectionLineRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,MAAM,4BAA4B,GAAG;IACxC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,QAAQ,CAAC;IACvB,UAAU,EAAE,QAAQ,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAChC,aAAa,CAAC,4BAA4B,CAAC,CAAC"}

package/dist/umd/container/DiagramRenderer/index.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { KeyCode } from '../../hooks/useGlobalKeyHandler';
 import { PaneProps } from '../Pane';
-export type DiagramRendererProps = Omit<PaneProps, 'translateExtent' | 'minZoom' | 'maxZoom'> & {
+export type DiagramRendererProps = Omit<PaneProps, 'translateExtent' | 'minZoom' | 'maxZoom' | 'selection'> & {
     multiSelectionKeyCode?: KeyCode;
+    dragSelectionKeyCode?: KeyCode;
 };
-declare function DiagramRenderer({ children, multiSelectionKeyCode, noPanClassName, panning, defaultViewport, onMove, onMoveStart, onMoveEnd, }: DiagramRendererProps): import("react/jsx-runtime").JSX.Element;
+declare function DiagramRenderer({ children, multiSelectionKeyCode, dragSelectionKeyCode, noPanClassName, panning, defaultViewport, onMove, onMoveStart, onMoveEnd, }: DiagramRendererProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DiagramRenderer {
     var displayName: string;
 }

package/dist/umd/container/DiagramRenderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/DiagramRenderer/index.tsx"],"names":[],"mappings":";AAGA,OAA4B,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAK/E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACpC,SAAS,EACT,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAC3C,GAAG;IACD,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAWF,iBAAS,eAAe,CAAC,EACtB,QAAQ,EACR,qBAAqB,EACrB,cAAc,EACd,OAAO,EACP,eAAe,EACf,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,oBAAoB,2CA6CtB;kBAtDQ,eAAe;;;;AA0DxB,wBAAqC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/DiagramRenderer/index.tsx"],"names":[],"mappings":";AAGA,OAA4B,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAK/E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACpC,SAAS,EACT,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CACzD,GAAG;IACD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAWF,iBAAS,eAAe,CAAC,EACtB,QAAQ,EACR,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,OAAO,EACP,eAAe,EACf,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,oBAAoB,2CAgCtB;kBA1CQ,eAAe;;;;AA8CxB,wBAAqC"}

package/dist/umd/container/DragSelection/index.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 type DragSelectionProps = {
-    children: ReactNode;
     dragSelectionKeyPressed?: boolean;
+    children: ReactNode;
 };
-declare function DragSelection({ children, dragSelectionKeyPressed, }: DragSelectionProps): import("react/jsx-runtime").JSX.Element;
+declare function DragSelection({ dragSelectionKeyPressed, children, }: DragSelectionProps): import("react/jsx-runtime").JSX.Element;
 export default DragSelection;
 //# sourceMappingURL=index.d.ts.map

package/dist/umd/container/DragSelection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/DragSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAiBtE,KAAK,kBAAkB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAcF,iBAAS,aAAa,CAAC,EACpB,QAAQ,EACR,uBAAuB,GACzB,EAAE,kBAAkB,2CA0LpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/DragSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBtE,KAAK,kBAAkB,GAAG;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACtB,CAAC;AAcF,iBAAS,aAAa,CAAC,EACpB,uBAAuB,EACvB,QAAQ,GACV,EAAE,kBAAkB,2CA8LpB;AAED,eAAe,aAAa,CAAC"}

package/dist/umd/container/EdgeRenderer/MarkerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerComponent.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/MarkerComponent.tsx"],"names":[],"mappings":";AAcA,KAAK,oBAAoB,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;;;;;AA2FF,wBAAqC"}
+{"version":3,"file":"MarkerComponent.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/MarkerComponent.tsx"],"names":[],"mappings":";AAYA,KAAK,oBAAoB,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;;;;;AA2FF,wBAAqC"}

package/dist/umd/container/EdgeRenderer/MarkerSymbols.d.ts

@@ -1,4 +1,4 @@
-import { MarkerType, EdgeMarker } from '../../components/Edges/type';
+import { EdgeMarker, MarkerType } from '@diagram/core';
 type SymbolProps = Omit<EdgeMarker, 'type'>;
 export declare const MarkerSymbols: {
     arrow: ({ color, strokeWidth }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/umd/container/EdgeRenderer/MarkerSymbols.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerSymbols.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/MarkerSymbols.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAIrE,KAAK,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAa5C,eAAO,MAAM,aAAa;oCAXgC,WAAW;CAapE,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,6FAmB/C;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"MarkerSymbols.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvD,KAAK,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAa5C,eAAO,MAAM,aAAa;oCAXgC,WAAW;CAapE,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,6FAmB/C;AAED,eAAe,aAAa,CAAC"}

package/dist/umd/container/EdgeRenderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GACtD,IAAI,CACD,iBAAiB,EACf,mBAAmB,GACnB,aAAa,GACb,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,cAAc,GACd,mBAAmB,GACnB,iBAAiB,CACrB,CAAC;AAEL,KAAK,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzE,KAAK,iBAAiB,GAAG,kBAAkB,GACxC,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAUL,iBAAS,YAAY,CAAC,EACnB,IAAI,EACJ,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,GACjB,EAAE,iBAAiB,2CA8InB;kBA5JQ,YAAY;;;;AAgKrB,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GACtD,IAAI,CACD,iBAAiB,EACf,mBAAmB,GACnB,aAAa,GACb,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,cAAc,GACd,mBAAmB,GACnB,iBAAiB,CACrB,CAAC;AAEL,KAAK,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzE,KAAK,iBAAiB,GAAG,kBAAkB,GACxC,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAUL,iBAAS,YAAY,CAAC,EACnB,IAAI,EACJ,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,GACjB,EAAE,iBAAiB,2CA8InB;kBA5JQ,YAAY;;;;AAgKrB,wBAAkC"}

package/dist/umd/container/EdgeRenderer/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;CACtC,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;CACtC,CAAC"}

package/dist/umd/container/EdgeRenderer/utils.d.ts

@@ -1,6 +1,6 @@
-import { Rect, Transform, Position, XYPosition } from '../../types';
+import type { PortElement, NodePortBounds } from '@diagram/core';
+import { Rect, Transform, Position, XYPosition } from '@diagram/core';
 import { Node } from '../../components/Node/type';
-import { PortElement, PortBounds } from '../../components/Port/type';
 import { EdgeTypes, EdgeTypesWrapped } from './type';
 export declare const createEdgeTypes: (edgeTypes: EdgeTypes) => EdgeTypesWrapped;
 export declare function getPortPosition(position: Position, nodeRect: Rect, port?: PortElement | null): XYPosition;
@@ -24,6 +24,6 @@ interface IsEdgeVisibleParams {
     transform: Transform;
 }
 export declare function isEdgeVisible({ sourcePos, targetPos, sourceWidth, sourceHeight, targetWidth, targetHeight, width, height, transform, }: IsEdgeVisibleParams): boolean;
-export declare function getNodeData(node?: Node): [Rect, PortBounds | null, boolean];
+export declare function getNodeData(node?: Node): [Rect, NodePortBounds | null, boolean];
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/umd/container/EdgeRenderer/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/utils.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,cAAe,SAAS,KAAG,gBA0BtD,CAAC;AAEF,wBAAgB,eAAe,CAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,GAAE,WAAW,GAAG,IAAW,GAC/B,UAAU,CA4BZ;AAED,wBAAgB,OAAO,CACpB,MAAM,EAAE,WAAW,EAAE,EACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GACtB,WAAW,GAAG,IAAI,CAYpB;AAED,UAAU,aAAa;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,mBACV,IAAI,cACR,WAAW,kBACP,QAAQ,kBACR,IAAI,cACR,WAAW,kBACP,QAAQ,KACxB,aAkBF,CAAC;AAEF,UAAU,mBAAmB;IAC1B,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACX,EAAE,mBAAmB,GAAG,OAAO,CAkC/B;AAED,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,CAoB3E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/EdgeRenderer/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQjE,OAAO,EAEJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,cAAe,SAAS,KAAG,gBA0BtD,CAAC;AAEF,wBAAgB,eAAe,CAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,GAAE,WAAW,GAAG,IAAW,GAC/B,UAAU,CA4BZ;AAED,wBAAgB,OAAO,CACpB,MAAM,EAAE,WAAW,EAAE,EACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GACtB,WAAW,GAAG,IAAI,CAYpB;AAED,UAAU,aAAa;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,mBACV,IAAI,cACR,WAAW,kBACP,QAAQ,kBACR,IAAI,cACR,WAAW,kBACP,QAAQ,KACxB,aAkBF,CAAC;AAEF,UAAU,mBAAmB;IAC1B,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACX,EAAE,mBAAmB,GAAG,OAAO,CAkC/B;AAED,wBAAgB,WAAW,CACxB,IAAI,CAAC,EAAE,IAAI,GACX,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,EAAE,OAAO,CAAC,CAoBxC"}

package/dist/umd/container/NodeRenderer/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ReactDiagramProps } from '../../types';
 import { NodeTypesWrapped } from './type';
-type RequiredProps = Required<Pick<ReactDiagramProps, 'onlyRenderVisibleElements' | 'disableKeyboardA11y' | 'nodeOrigin' | 'noDragClassName' | 'noPanClassName'>>;
+type RequiredProps = Required<Pick<ReactDiagramProps, 'onlyRenderVisibleElements' | 'disableKeyboardA11y' | 'nodeOrigin' | 'nodeExtent' | 'noDragClassName' | 'noPanClassName'>>;
 type NodeRendererProps = Pick<ReactDiagramProps, 'onNodeClick' | 'onNodeDoubleClick' | 'onNodeMouseEnter' | 'onNodeMouseMove' | 'onNodeMouseLeave' | 'onNodeContextMenu'> & RequiredProps & {
     nodeTypes: NodeTypesWrapped;
     rfId: string;

package/dist/umd/container/NodeRenderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,aAAa,GAAG,QAAQ,CAC1B,IAAI,CACD,iBAAiB,EACf,2BAA2B,GAC3B,qBAAqB,GACrB,YAAY,GACZ,iBAAiB,GACjB,gBAAgB,CACpB,CACH,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC1B,iBAAiB,EACf,aAAa,GACb,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,CACvB,GACE,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AASL,iBAAS,YAAY,CAAC,EACnB,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACV,EAAE,iBAAiB,2CAiInB;kBA1IQ,YAAY;;;;AA8IrB,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/NodeRenderer/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,aAAa,GAAG,QAAQ,CAC1B,IAAI,CACD,iBAAiB,EACf,2BAA2B,GAC3B,qBAAqB,GACrB,YAAY,GACZ,YAAY,GACZ,iBAAiB,GACjB,gBAAgB,CACpB,CACH,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC1B,iBAAiB,EACf,aAAa,GACb,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,CACvB,GACE,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AASL,iBAAS,YAAY,CAAC,EACnB,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACV,EAAE,iBAAiB,2CAiInB;kBA1IQ,YAAY;;;;AA8IrB,wBAAkC"}

package/dist/umd/container/NodeRenderer/type.d.ts

@@ -1,10 +1,10 @@
 import { ComponentType, MemoExoticComponent } from 'react';
 import { NodeProps } from '../../components/Node/type';
-import { WrapNodeProps } from '../../components/Node/NodeWrapper/type';
+import { NodeWrapperProps } from '../../components/Node/NodeWrapper/type';
 export type NodeTypes = {
     [key: string]: ComponentType<NodeProps>;
 };
 export type NodeTypesWrapped = {
-    [key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>>;
+    [key: string]: MemoExoticComponent<ComponentType<NodeWrapperProps>>;
 };
 //# sourceMappingURL=type.d.ts.map

package/dist/umd/container/NodeRenderer/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CACnE,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/NodeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACtE,CAAC"}

package/dist/umd/container/NodeRenderer/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,cAAe,SAAS,KAAG,gBAkBtD,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/NodeRenderer/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,cAAe,SAAS,KAAG,gBAkBtD,CAAC"}

package/dist/umd/container/Pane/index.d.ts

@@ -2,7 +2,8 @@ import type { ReactNode } from 'react';
 import { ReactDiagramProps } from '../../types';
 export type PaneProps = Required<Pick<ReactDiagramProps, 'noPanClassName' | 'panning' | 'minZoom' | 'maxZoom' | 'defaultViewport' | 'translateExtent'> & {
     children: ReactNode;
+    selection: boolean;
 }> & Pick<ReactDiagramProps, 'onMove' | 'onMoveStart' | 'onMoveEnd'>;
-declare function Pane({ noPanClassName, panning, minZoom, maxZoom, defaultViewport, translateExtent, children, onMove, onMoveStart, onMoveEnd, }: PaneProps): import("react/jsx-runtime").JSX.Element;
+declare const Pane: ({ noPanClassName, panning, selection, minZoom, maxZoom, defaultViewport, translateExtent, children, onMove, onMoveStart, onMoveEnd, }: PaneProps) => import("react/jsx-runtime").JSX.Element;
 export default Pane;
 //# sourceMappingURL=index.d.ts.map

package/dist/umd/container/Pane/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/Pane/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,OAAO,EAAE,iBAAiB,EAA8B,MAAM,aAAa,CAAC;AAG5E,MAAM,MAAM,SAAS,GAAG,QAAQ,CAC7B,IAAI,CACD,iBAAiB,EACf,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,iBAAiB,GACjB,iBAAiB,CACrB,GAAG;IACD,QAAQ,EAAE,SAAS,CAAC;CACtB,CACH,GACE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;AA4BnE,iBAAS,IAAI,CAAC,EACX,cAAc,EACd,OAAO,EACP,OAAO,EACP,OAAO,EACP,eAAe,EACf,eAAe,EACf,QAAQ,EAER,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,SAAS,2CA4JX;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/Pane/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAC7B,IAAI,CACD,iBAAiB,EACf,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,iBAAiB,GACjB,iBAAiB,CACrB,GAAG;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACrB,CACH,GACE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;AAEnE,QAAA,MAAM,IAAI,0IAaP,SAAS,4CAsEX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/umd/container/ReactDiagram/DiagramView.d.ts

@@ -3,12 +3,12 @@ import { ReactDiagramProps } from '../../types';
 import { NodeTypesWrapped } from '../NodeRenderer/type';
 import { EdgeTypesWrapped } from '../EdgeRenderer/type';
 export type ReactDiagramCommonProps = Omit<ReactDiagramProps, 'nodes' | 'edges' | 'nodeTypes' | 'edgeTypes'>;
-export type DiagramViewProps = ReactDiagramCommonProps & Required<Pick<ReactDiagramProps, 'panning' | 'defaultViewport' | 'onlyRenderVisibleElements' | 'disableKeyboardA11y' | 'noDragClassName' | 'noPanClassName' | 'nodeOrigin'>> & {
+export type DiagramViewProps = ReactDiagramCommonProps & Required<Pick<ReactDiagramProps, 'panning' | 'defaultViewport' | 'onlyRenderVisibleElements' | 'disableKeyboardA11y' | 'noDragClassName' | 'noPanClassName' | 'nodeOrigin' | 'nodeExtent'>> & {
     nodeTypes: NodeTypesWrapped;
     edgeTypes: EdgeTypesWrapped;
     rfId: string;
 };
-declare function DiagramView({ rfId, noPanClassName, panning, defaultViewport, multiSelectionKeyCode, onMove, onMoveStart, onMoveEnd, onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, ConnectionLineContainerStyle, ConnectionLineComponent, }: DiagramViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DiagramView({ rfId, noPanClassName, panning, defaultViewport, multiSelectionKeyCode, dragSelectionKeyCode, onMove, onMoveStart, onMoveEnd, onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeExtent, nodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes, edgeUpdaterRadius, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, ConnectionLineContainerStyle, ConnectionLineComponent, }: DiagramViewProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DiagramView {
     var displayName: string;
 }

package/dist/umd/container/ReactDiagram/DiagramView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiagramView.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/DiagramView.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAC/C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACnD,QAAQ,CACL,IAAI,CACD,iBAAiB,EACf,SAAS,GACT,iBAAiB,GACjB,2BAA2B,GAC3B,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,CAChB,CACH,GAAG;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEL,iBAAS,WAAW,CAAC,EAClB,IAAI,EAIJ,cAAc,EACd,OAAO,EAEP,eAAe,EAEf,qBAAqB,EAErB,MAAM,EACN,WAAW,EACX,SAAS,EAGT,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAGhB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,EAGf,4BAA4B,EAC5B,uBAAuB,GACzB,EAAE,gBAAgB,2CAgDlB;kBA7FQ,WAAW;;;;AAiGpB,wBAAiC"}
+{"version":3,"file":"DiagramView.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ReactDiagram/DiagramView.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAC/C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACnD,QAAQ,CACL,IAAI,CACD,iBAAiB,EACf,SAAS,GACT,iBAAiB,GACjB,2BAA2B,GAC3B,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,GACZ,YAAY,CAChB,CACH,GAAG;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEL,iBAAS,WAAW,CAAC,EAClB,IAAI,EAIJ,cAAc,EACd,OAAO,EAEP,eAAe,EAEf,qBAAqB,EACrB,oBAAoB,EAEpB,MAAM,EACN,WAAW,EACX,SAAS,EAGT,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAGhB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,EAGf,4BAA4B,EAC5B,uBAAuB,GACzB,EAAE,gBAAgB,2CAkDlB;kBAjGQ,WAAW;;;;AAqGpB,wBAAiC"}

package/dist/umd/container/ReactDiagram/Wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAQ/C;kBARQ,OAAO;;;AAYhB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ReactDiagram/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAQ/C;kBARQ,OAAO;;;AAYhB,eAAe,OAAO,CAAC"}

package/dist/umd/container/ReactDiagram/index.d.ts

@@ -1,20 +1,19 @@
 /// <reference types="react" />
-import { Viewport } from '../../types';
+import { CoordinateExtent, NodeOrigin, Viewport } from '@diagram/core';
 import { NodeTypes } from '../NodeRenderer/type';
 import { EdgeTypes } from '../EdgeRenderer/type';
-import { NodeOrigin } from '../../components/Node/utils';
 declare const ReactDiagram: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
     onlyRenderVisibleElements?: boolean | undefined;
     disableKeyboardA11y?: boolean | undefined;
-    nodeExtent?: import("../../types").CoordinateExtent | undefined;
+    nodeExtent?: CoordinateExtent | undefined;
     nodeOrigin?: NodeOrigin | undefined;
     smoothStep?: boolean | undefined;
     centerStep?: boolean | undefined;
-    gridStep?: import("../../types").GridStep | undefined;
+    gridStep?: import("@diagram/core").GridStep | undefined;
     elevateNodesOnSelect?: boolean | undefined;
-    nodes?: import("../../types").Node<any, string | undefined>[] | undefined;
+    nodes?: import("../../types").Node<Record<string, unknown>, string>[] | undefined;
     nodeTypes?: NodeTypes | undefined;
-    edges?: import("../../types").Edge<any>[] | undefined;
+    edges?: import("../../types").Edge<Record<string, unknown>, string | undefined>[] | undefined;
     edgeTypes?: EdgeTypes | undefined;
     edgeUpdaterRadius?: number | undefined;
     ConnectionLineContainerStyle?: import("react").CSSProperties | undefined;
@@ -27,31 +26,32 @@ declare const ReactDiagram: import("react").ForwardRefExoticComponent<import("re
     onNodeMouseEnter?: import("../../components/Node/NodeWrapper/type").NodeMouseHandler | undefined;
     onNodeMouseMove?: import("../../components/Node/NodeWrapper/type").NodeMouseHandler | undefined;
     onNodeMouseLeave?: import("../../components/Node/NodeWrapper/type").NodeMouseHandler | undefined;
-    onNodeDragStart?: import("../../hooks/useDrag/type").NodeDragHandler | undefined;
-    onNodeDrag?: import("../../hooks/useDrag/type").NodeDragHandler | undefined;
-    onNodeDragEnd?: import("../../hooks/useDrag/type").NodeDragHandler | undefined;
+    onNodeDragStart?: import("../../components/ReactDiagramProvider/type").NodeDragHandler | undefined;
+    onNodeDrag?: import("../../components/ReactDiagramProvider/type").NodeDragHandler | undefined;
+    onNodeDragEnd?: import("../../components/ReactDiagramProvider/type").NodeDragHandler | undefined;
     onEdgesChange?: import("../../types").OnEdgesChange | undefined;
-    onEdgeClick?: ((event: import("react").MouseEvent<Element, MouseEvent>, node: import("../../types").Edge<any>) => void) | undefined;
+    onEdgeClick?: ((event: import("react").MouseEvent<Element, MouseEvent>, node: import("../../types").Edge<Record<string, unknown>, string | undefined>) => void) | undefined;
     onEdgeDoubleClick?: import("../../components/Edges/EdgeWrapper/type").EdgeMouseHandler | undefined;
     onEdgeContextMenu?: import("../../components/Edges/EdgeWrapper/type").EdgeMouseHandler | undefined;
     onEdgeMouseEnter?: import("../../components/Edges/EdgeWrapper/type").EdgeMouseHandler | undefined;
     onEdgeMouseMove?: import("../../components/Edges/EdgeWrapper/type").EdgeMouseHandler | undefined;
     onEdgeMouseLeave?: import("../../components/Edges/EdgeWrapper/type").EdgeMouseHandler | undefined;
-    onEdgeUpdate?: import("../../components/Edges/EdgeWrapper/type").OnEdgeUpdateFunc<any> | undefined;
-    onEdgeUpdateStart?: ((event: import("react").MouseEvent<Element, MouseEvent>, edge: import("../../types").Edge<any>, portType: import("../../components/Port/type").PortType) => void) | undefined;
-    onEdgeUpdateEnd?: ((event: MouseEvent | TouchEvent, edge: import("../../types").Edge<any>, portType: import("../../components/Port/type").PortType) => void) | undefined;
-    onConnect?: import("../../types").OnConnect | undefined;
-    onConnectStart?: import("../../types").OnConnectStart | undefined;
-    onConnectEnd?: import("../../types").OnConnectEnd | undefined;
-    onMove?: import("../../types").OnMove | undefined;
-    onMoveStart?: import("../../types").OnMove | undefined;
-    onMoveEnd?: import("../../types").OnMove | undefined;
+    onEdgeUpdate?: import("../../components/Edges/EdgeWrapper/type").OnEdgeUpdateFunc<import("../../types").Edge<Record<string, unknown>, string | undefined>> | undefined;
+    onEdgeUpdateStart?: ((event: import("react").MouseEvent<Element, MouseEvent>, edge: import("../../types").Edge<Record<string, unknown>, string | undefined>, portType: import("@diagram/core").PortType) => void) | undefined;
+    onEdgeUpdateEnd?: ((event: MouseEvent | TouchEvent, edge: import("../../types").Edge<Record<string, unknown>, string | undefined>, portType: import("@diagram/core").PortType) => void) | undefined;
+    onConnect?: import("@diagram/core").OnConnect | undefined;
+    onConnectStart?: import("@diagram/core").OnConnectStart | undefined;
+    onConnectEnd?: import("@diagram/core").OnConnectEnd | undefined;
+    onMove?: import("@diagram/core").OnMove | undefined;
+    onMoveStart?: import("@diagram/core").OnMove | undefined;
+    onMoveEnd?: import("@diagram/core").OnMove | undefined;
     onError?: import("../../types").OnError | undefined;
     minZoom?: number | undefined;
     maxZoom?: number | undefined;
     defaultViewport?: Viewport | undefined;
-    translateExtent?: import("../../types").CoordinateExtent | undefined;
+    translateExtent?: CoordinateExtent | undefined;
     multiSelectionKeyCode?: import("../../hooks/useGlobalKeyHandler").KeyCode | undefined;
+    dragSelectionKeyCode?: import("../../hooks/useGlobalKeyHandler").KeyCode | undefined;
     nodesDraggable?: boolean | undefined;
     noDragClassName?: string | undefined;
     noPanClassName?: string | undefined;

package/dist/umd/container/ReactDiagram/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAA0C,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAazD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiJjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/ReactDiagram/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBvE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAejD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAsJjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/umd/container/Viewport/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/Viewport/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,KAAK,aAAa,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAW5C;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/react/src/container/Viewport/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,KAAK,aAAa,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAW5C;AAED,eAAe,QAAQ,CAAC"}

package/dist/umd/contexts/NodeIdContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeIdContext.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/contexts/NodeIdContext.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,aAAa,wCAAqC,CAAC;AAChE,eAAO,MAAM,QAAQ,yCAAyB,CAAC;AAC/C,eAAO,MAAM,QAAQ,yCAAyB,CAAC;AAE/C,eAAO,MAAM,SAAS,QAAO,MAAM,GAAG,IAGrC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NodeIdContext.d.ts","sourceRoot":"","sources":["../react-diagram/packages/react/src/contexts/NodeIdContext.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,aAAa,wCAAqC,CAAC;AAChE,eAAO,MAAM,QAAQ,yCAAyB,CAAC;AAC/C,eAAO,MAAM,QAAQ,yCAAyB,CAAC;AAE/C,eAAO,MAAM,SAAS,QAAO,MAAM,GAAG,IAGrC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/umd/contexts/RFStoreContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RFStoreContext.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/contexts/RFStoreContext.ts"],"names":[],"mappings":";AAIA,QAAA,MAAM,YAAY,iIAEjB,CAAC;AAEF,eAAO,MAAM,QAAQ,kIAAwB,CAAC;AAC9C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"RFStoreContext.d.ts","sourceRoot":"","sources":["../react-diagram/packages/react/src/contexts/RFStoreContext.ts"],"names":[],"mappings":";AAIA,QAAA,MAAM,YAAY,iIAEjB,CAAC;AAEF,eAAO,MAAM,QAAQ,kIAAwB,CAAC;AAC9C,eAAe,YAAY,CAAC"}

package/dist/umd/hooks/useDrag.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+import type { DragUpdateParams } from '@diagram/core';
+type UseDragParams = Omit<DragUpdateParams, 'domNode'> & {
+    nodeRef: RefObject<HTMLDivElement>;
+    disabled?: boolean;
+};
+declare const useDrag: ({ disabled, nodeRef, nodeId, isSelectable, noDragClassName, }: UseDragParams) => boolean;
+export default useDrag;
+//# sourceMappingURL=useDrag.d.ts.map