@xyflow/react 12.0.0-next.1 → 12.0.0-next.10

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019-2023 webkid GmbH
+Copyright (c) 2019-2024 webkid GmbH
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/base.css

@@ -12,6 +12,8 @@
 
   --xy-minimap-background-color-default: #fff;
   --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
+  --xy-minimap-mask-stroke-color-default: transparent;
+  --xy-minimap-mask-stroke-width-default: 1;
   --xy-minimap-node-background-color-default: #e2e2e2;
   --xy-minimap-node-stroke-color-default: transparent;
   --xy-minimap-node-stroke-width-default: 2;
@@ -41,6 +43,8 @@
 
   --xy-minimap-background-color-default: #141414;
   --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
+  --xy-minimap-mask-stroke-color-default: transparent;
+  --xy-minimap-mask-stroke-width-default: 1;
   --xy-minimap-node-background-color-default: #2b2b2b;
   --xy-minimap-node-stroke-color-default: transparent;
   --xy-minimap-node-stroke-width-default: 2;
@@ -65,14 +69,16 @@
 }
 .react-flow__pane {
   z-index: 1;
-  cursor: grab;
 }
 .react-flow__pane.selection {
     cursor: pointer;
   }
-.react-flow__pane.dragging {
-    cursor: grabbing;
+.react-flow__pane.draggable {
+    cursor: grab;
   }
+.react-flow__pane.draggable.dragging {
+      cursor: grabbing;
+    }
 .react-flow__viewport {
   transform-origin: 0 0;
   z-index: 2;
@@ -101,10 +107,17 @@
 .react-flow__edges {
   position: absolute;
 }
+.react-flow__edges svg {
+    overflow: visible;
+    position: absolute;
+    pointer-events: none;
+  }
 .react-flow__edge {
   pointer-events: visibleStroke;
-  cursor: pointer;
 }
+.react-flow__edge.selectable {
+    cursor: pointer;
+  }
 .react-flow__edge.animated path {
     stroke-dasharray: 5;
     animation: dashdraw 0.5s linear infinite;
@@ -122,8 +135,8 @@
     outline: none;
   }
 .react-flow__edge.selected .react-flow__edge-path,
-  .react-flow__edge:focus .react-flow__edge-path,
-  .react-flow__edge:focus-visible .react-flow__edge-path {
+  .react-flow__edge.selectable:focus .react-flow__edge-path,
+  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
     stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
   }
 .react-flow__edge-textwrapper {
@@ -142,7 +155,7 @@
     stroke-dasharray: 5;
     animation: dashdraw 0.5s linear infinite;
   }
-.react-flow__connectionline {
+svg.react-flow__connectionline {
   z-index: 1001;
   overflow: visible;
   position: absolute;
@@ -159,16 +172,18 @@
   pointer-events: all;
   transform-origin: 0 0;
   box-sizing: border-box;
-  cursor: grab;
+  cursor: default;
 }
-.react-flow__node.dragging {
-    cursor: grabbing;
+.react-flow__node.selectable {
+    cursor: pointer;
   }
-/* only used in Svelte Flow, should we remove it here? */
 .react-flow__node.draggable {
     cursor: grab;
     pointer-events: all;
   }
+.react-flow__node.draggable.dragging {
+      cursor: grabbing;
+    }
 .react-flow__nodesselection {
   z-index: 3;
   transform-origin: left top;
@@ -186,6 +201,9 @@
   min-height: 5px;
   background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
 }
+.react-flow__handle.connectingfrom {
+    pointer-events: all;
+  }
 .react-flow__handle.connectionindicator {
     pointer-events: all;
     cursor: crosshair;
@@ -270,13 +288,27 @@
   top: 0;
 }
 .react-flow__minimap {
-  background: var(--xy-minimap-background-color, var(--xy-minimap-background-color-default));
+  background: var(
+    --xy-minimap-background-color-props,
+    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
+  );
 }
+.react-flow__minimap-svg {
+    display: block;
+  }
 .react-flow__minimap-mask {
     fill: var(
       --xy-minimap-mask-background-color-props,
       var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
     );
+    stroke: var(
+      --xy-minimap-mask-stroke-color-props,
+      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
+    );
+    stroke-width: var(
+      --xy-minimap-mask-stroke-width-props,
+      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
+    );
   }
 .react-flow__minimap-node {
     fill: var(
@@ -351,17 +383,3 @@
   background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
   border: var(--xy-selection-border, var(--xy-selection-border-default));
 }
-.react-flow {
-  --edge-label-background-color-default: #ffffff;
-  --edge-label-color-default: inherit;
-}
-.react-flow.dark {
-  --edge-label-background-color-default: #141414;
-  --edge-label-color-default: #f8f8f8;
-}
-.react-flow__edge-textbg {
-  fill: var(--edge-label-background-color, var(--edge-label-background-color-default));
-}
-.react-flow__edge-text {
-  fill: var(--edge-label-color, var(--edge-label-color-default));
-}

package/dist/esm/additional-components/Background/Background.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { BackgroundProps } from './types';
-declare function Background({ id, variant, gap, size, lineWidth, offset, color, bgColor, style, className, patternClassName, }: BackgroundProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Background {
+import { type BackgroundProps } from './types';
+declare function BackgroundComponent({ id, variant, gap, size, lineWidth, offset, color, bgColor, style, className, patternClassName, }: BackgroundProps): import("react/jsx-runtime").JSX.Element;
+declare namespace BackgroundComponent {
     var displayName: string;
 }
-declare const _default: import("react").MemoExoticComponent<typeof Background>;
-export default _default;
+export declare const Background: import("react").MemoExoticComponent<typeof BackgroundComponent>;
+export {};
 //# sourceMappingURL=Background.d.ts.map

package/dist/esm/additional-components/Background/Background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/Background.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAY7D,iBAAS,UAAU,CAAC,EAClB,EAAE,EACF,OAAgC,EAEhC,GAAQ,EAER,IAAI,EACJ,SAAa,EACb,MAAU,EACV,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,GACjB,EAAE,eAAe,2CAuDjB;kBArEQ,UAAU;;;;AAyEnB,wBAAgC"}
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/Background.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,SAAS,CAAC;AAWlE,iBAAS,mBAAmB,CAAC,EAC3B,EAAE,EACF,OAAgC,EAEhC,GAAQ,EAER,IAAI,EACJ,SAAa,EACb,MAAU,EACV,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,GACjB,EAAE,eAAe,2CAuDjB;kBArEQ,mBAAmB;;;AAyE5B,eAAO,MAAM,UAAU,iEAA4B,CAAC"}

package/dist/esm/additional-components/Background/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Background } from './Background';
-export * from './types';
+export { Background } from './Background';
+export { BackgroundVariant, type BackgroundProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/additional-components/Background/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/esm/additional-components/Background/types.d.ts

@@ -6,15 +6,28 @@ export declare enum BackgroundVariant {
 }
 export type BackgroundProps = {
     id?: string;
+    /** Color of the pattern */
     color?: string;
+    /** Color of the background */
     bgColor?: string;
+    /** Class applied to the container */
     className?: string;
+    /** Class applied to the pattern */
     patternClassName?: string;
+    /** Gap between repetitions of the pattern */
     gap?: number | [number, number];
+    /** Size of a single pattern element */
     size?: number;
+    /** Offset of the pattern */
     offset?: number;
+    /** Line width of the Line pattern */
     lineWidth?: number;
+    /** Variant of the pattern
+     * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
+     * 'lines', 'dots', 'cross'
+     */
     variant?: BackgroundVariant;
+    /** Style applied to the container */
     style?: CSSProperties;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/additional-components/Background/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,oBAAY,iBAAiB;IAC3B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,oBAAY,iBAAiB;IAC3B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC"}

package/dist/esm/additional-components/Controls/ControlButton.d.ts

@@ -1,5 +1,3 @@
-import type { FC, PropsWithChildren } from 'react';
 import type { ControlButtonProps } from './types';
-declare const ControlButton: FC<PropsWithChildren<ControlButtonProps>>;
-export default ControlButton;
+export declare function ControlButton({ children, className, ...rest }: ControlButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ControlButton.d.ts.map

package/dist/esm/additional-components/Controls/ControlButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlButton.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/ControlButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAI5D,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ControlButton.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/ControlButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAMjF"}

package/dist/esm/additional-components/Controls/Controls.d.ts

@@ -1,5 +1,9 @@
-import { type PropsWithChildren } from 'react';
+/// <reference types="react" />
 import type { ControlProps } from './types';
-declare const _default: import("react").NamedExoticComponent<PropsWithChildren<ControlProps>>;
-export default _default;
+declare function ControlsComponent({ style, showZoom, showFitView, showInteractive, fitViewOptions, onZoomIn, onZoomOut, onFitView, onInteractiveChange, className, children, position, 'aria-label': ariaLabel, }: ControlProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ControlsComponent {
+    var displayName: string;
+}
+export declare const Controls: import("react").MemoExoticComponent<typeof ControlsComponent>;
+export {};
 //# sourceMappingURL=Controls.d.ts.map

package/dist/esm/additional-components/Controls/Controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/Controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgB9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;AA2G5C,wBAA8B"}
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/Controls.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,QAAe,EACf,WAAkB,EAClB,eAAsB,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,QAAwB,EACxB,YAAY,EAAE,SAAiC,GAChD,EAAE,YAAY,2CAmFd;kBAjGQ,iBAAiB;;;AAqG1B,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}

package/dist/esm/additional-components/Controls/Icons/FitView.d.ts

@@ -1,3 +1,2 @@
-declare function FitViewIcon(): import("react/jsx-runtime").JSX.Element;
-export default FitViewIcon;
+export declare function FitViewIcon(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FitView.d.ts.map

package/dist/esm/additional-components/Controls/Icons/FitView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FitView.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/FitView.tsx"],"names":[],"mappings":"AAAA,iBAAS,WAAW,4CAMnB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FitView.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/FitView.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAM1B"}

package/dist/esm/additional-components/Controls/Icons/Lock.d.ts

@@ -1,3 +1,2 @@
-declare function LockIcon(): import("react/jsx-runtime").JSX.Element;
-export default LockIcon;
+export declare function LockIcon(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Lock.d.ts.map

package/dist/esm/additional-components/Controls/Icons/Lock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Lock.tsx"],"names":[],"mappings":"AAAA,iBAAS,QAAQ,4CAMhB;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Lock.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAMvB"}

package/dist/esm/additional-components/Controls/Icons/Minus.d.ts

@@ -1,3 +1,2 @@
-declare function MinusIcon(): import("react/jsx-runtime").JSX.Element;
-export default MinusIcon;
+export declare function MinusIcon(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Minus.d.ts.map

package/dist/esm/additional-components/Controls/Icons/Minus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Minus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Minus.tsx"],"names":[],"mappings":"AAAA,iBAAS,SAAS,4CAMjB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Minus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Minus.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAMxB"}

package/dist/esm/additional-components/Controls/Icons/Plus.d.ts

@@ -1,3 +1,2 @@
-declare function PlusIcon(): import("react/jsx-runtime").JSX.Element;
-export default PlusIcon;
+export declare function PlusIcon(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Plus.d.ts.map

package/dist/esm/additional-components/Controls/Icons/Plus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Plus.tsx"],"names":[],"mappings":"AAAA,iBAAS,QAAQ,4CAMhB;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Plus.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAMvB"}

package/dist/esm/additional-components/Controls/Icons/Unlock.d.ts

@@ -1,3 +1,2 @@
-declare function UnlockIcon(): import("react/jsx-runtime").JSX.Element;
-export default UnlockIcon;
+export declare function UnlockIcon(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Unlock.d.ts.map

package/dist/esm/additional-components/Controls/Icons/Unlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Unlock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Unlock.tsx"],"names":[],"mappings":"AAAA,iBAAS,UAAU,4CAMlB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Unlock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Unlock.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,4CAMzB"}

package/dist/esm/additional-components/Controls/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Controls } from './Controls';
-export { default as ControlButton } from './ControlButton';
-export * from './types';
+export { Controls } from './Controls';
+export { ControlButton } from './ControlButton';
+export type { ControlProps, ControlButtonProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/additional-components/Controls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/esm/additional-components/Controls/types.d.ts

@@ -1,16 +1,34 @@
-import type { ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
 import type { PanelPosition } from '@xyflow/system';
 import type { FitViewOptions } from '../../types';
-export type ControlProps = HTMLAttributes<HTMLDivElement> & {
+export type ControlProps = {
+    /** Show button for zoom in/out */
     showZoom?: boolean;
+    /** Show button for fit view */
     showFitView?: boolean;
+    /** Show button for toggling interactivity */
     showInteractive?: boolean;
+    /** Options being used when fit view button is clicked */
     fitViewOptions?: FitViewOptions;
+    /** Callback when zoom in button is clicked */
     onZoomIn?: () => void;
+    /** Callback when zoom out button is clicked */
     onZoomOut?: () => void;
+    /** Callback when fit view button is clicked */
     onFitView?: () => void;
+    /** Callback when interactivity is toggled */
     onInteractiveChange?: (interactiveStatus: boolean) => void;
+    /** Position of the controls on the pane
+     * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+     * PanelPosition.BottomLeft, PanelPosition.BottomRight
+     */
     position?: PanelPosition;
+    children?: ReactNode;
+    /** Style applied to container */
+    style?: React.CSSProperties;
+    /** ClassName applied to container */
+    className?: string;
+    'aria-label'?: string;
 };
 export type ControlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/additional-components/Controls/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/additional-components/MiniMap/MiniMap.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import type { Node } from '../../types';
 import type { MiniMapProps } from './types';
-declare function MiniMap({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent, maskColor, maskStrokeColor, maskStrokeWidth, position, onClick, onNodeClick, pannable, zoomable, ariaLabel, inversePan, zoomStep, offsetScale, }: MiniMapProps): import("react/jsx-runtime").JSX.Element;
-declare namespace MiniMap {
+declare function MiniMapComponent<NodeType extends Node = Node>({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent, bgColor, maskColor, maskStrokeColor, maskStrokeWidth, position, onClick, onNodeClick, pannable, zoomable, ariaLabel, inversePan, zoomStep, offsetScale, }: MiniMapProps<NodeType>): import("react/jsx-runtime").JSX.Element;
+declare namespace MiniMapComponent {
     var displayName: string;
 }
-declare const _default: import("react").MemoExoticComponent<typeof MiniMap>;
-export default _default;
+export declare const MiniMap: typeof MiniMapComponent;
+export {};
 //# sourceMappingURL=MiniMap.d.ts.map

package/dist/esm/additional-components/MiniMap/MiniMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMap.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA4B5C,iBAAS,OAAO,CAAC,EACf,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EACb,SAAS,EACT,eAAwB,EACxB,eAAmB,EACnB,QAAyB,EACzB,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,SAAiC,EACjC,UAAU,EACV,QAAa,EACb,WAAe,GAChB,EAAE,YAAY,2CA6Gd;kBApIQ,OAAO;;;;AAwIhB,wBAA6B"}
+{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMap.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA4B5C,iBAAS,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EACtD,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EACb,OAAO,EACP,SAAS,EACT,eAAe,EACf,eAAe,EACf,QAAyB,EACzB,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,SAAiC,EACjC,UAAU,EACV,QAAa,EACb,WAAe,GAChB,EAAE,YAAY,CAAC,QAAQ,CAAC,2CAgHxB;kBAxIQ,gBAAgB;;;AA4IzB,eAAO,MAAM,OAAO,yBAAoD,CAAC"}

package/dist/esm/additional-components/MiniMap/MiniMapNode.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { MiniMapNodeProps } from './types';
-declare function MiniMapNode({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected, onClick, }: MiniMapNodeProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof MiniMapNode>;
-export default _default;
+declare function MiniMapNodeComponent({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected, onClick, }: MiniMapNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare const MiniMapNode: import("react").MemoExoticComponent<typeof MiniMapNodeComponent>;
+export {};
 //# sourceMappingURL=MiniMapNode.d.ts.map

package/dist/esm/additional-components/MiniMap/MiniMapNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiniMapNode.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNode.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,iBAAS,WAAW,CAAC,EACnB,EAAE,EACF,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,2CAsBlB;;AAED,wBAAiC"}
+{"version":3,"file":"MiniMapNode.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNode.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,iBAAS,oBAAoB,CAAC,EAC5B,EAAE,EACF,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,2CAsBlB;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAC"}

package/dist/esm/additional-components/MiniMap/MiniMapNodes.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import type { Node } from '../../types';
 import type { MiniMapNodes as MiniMapNodesProps } from './types';
-declare function MiniMapNodes({ nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent: NodeComponent, onClick, }: MiniMapNodesProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof MiniMapNodes>;
+declare function MiniMapNodes<NodeType extends Node>({ nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent: NodeComponent, onClick, }: MiniMapNodesProps<NodeType>): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof MiniMapNodes;
 export default _default;
 //# sourceMappingURL=MiniMapNodes.d.ts.map

package/dist/esm/additional-components/MiniMap/MiniMapNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiniMapNodes.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAA6C,MAAM,SAAS,CAAC;AAQ5G,iBAAS,YAAY,CAAC,EACpB,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EAAE,aAA2B,EAC1C,OAAO,GACR,EAAE,iBAAiB,2CAiCnB;;AA2DD,wBAAkC"}
+{"version":3,"file":"MiniMapNodes.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAA6C,MAAM,SAAS,CAAC;AAS5G,iBAAS,YAAY,CAAC,QAAQ,SAAS,IAAI,EAAE,EAC3C,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EAAE,aAA2B,EAC1C,OAAO,GACR,EAAE,iBAAiB,CAAC,QAAQ,CAAC,2CAiC7B;;AAgED,wBAAyD"}

package/dist/esm/additional-components/MiniMap/index.d.ts

@@ -1,3 +1,3 @@
-export { default as MiniMap } from './MiniMap';
+export { MiniMap } from './MiniMap';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/additional-components/MiniMap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/dist/esm/additional-components/MiniMap/types.d.ts

@@ -3,23 +3,46 @@ import type { PanelPosition, XYPosition } from '@xyflow/system';
 import type { Node } from '../../types';
 export type GetMiniMapNodeAttribute<NodeType extends Node = Node> = (node: NodeType) => string;
 export type MiniMapProps<NodeType extends Node = Node> = Omit<HTMLAttributes<SVGSVGElement>, 'onClick'> & {
+    /** Color of nodes on minimap */
     nodeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+    /** Stroke color of nodes on minimap */
     nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+    /** ClassName applied to nodes on minimap */
     nodeClassName?: string | GetMiniMapNodeAttribute<NodeType>;
+    /** Border radius of nodes on minimap */
     nodeBorderRadius?: number;
+    /** Stroke width of nodes on minimap */
     nodeStrokeWidth?: number;
+    /** Component used to render nodes on minimap */
     nodeComponent?: ComponentType<MiniMapNodeProps>;
+    /** Background color of minimap */
+    bgColor?: string;
+    /** Color of mask representing viewport */
     maskColor?: string;
+    /** Stroke color of mask representing viewport */
     maskStrokeColor?: string;
+    /** Stroke width of mask representing viewport */
     maskStrokeWidth?: number;
+    /** Position of minimap on pane
+     * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+     * PanelPosition.BottomLeft, PanelPosition.BottomRight
+     */
     position?: PanelPosition;
+    /** Callback caled when minimap is clicked*/
     onClick?: (event: MouseEvent, position: XYPosition) => void;
+    /** Callback called when node on minimap is clicked */
     onNodeClick?: (event: MouseEvent, node: NodeType) => void;
+    /** If true, viewport is pannable via mini map component */
     pannable?: boolean;
+    /** If true, viewport is zoomable via mini map component */
     zoomable?: boolean;
+    /** The aria-label attribute */
     ariaLabel?: string | null;
+    /** Invert direction when panning the minimap viewport */
     inversePan?: boolean;
+    /** Step size for zooming in/out on minimap */
     zoomStep?: number;
+    /** Offset the viewport on the minmap, acts like a padding */
     offsetScale?: number;
 };
 export type MiniMapNodes<NodeType extends Node = Node> = Pick<MiniMapProps<NodeType>, 'nodeColor' | 'nodeStrokeColor' | 'nodeClassName' | 'nodeBorderRadius' | 'nodeStrokeWidth' | 'nodeComponent'> & {

package/dist/esm/additional-components/MiniMap/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,uBAAuB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;AAE/F,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,GAAG;IACxG,SAAS,CAAC,EAAE,MAAM,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAC7D,aAAa,CAAC,EAAE,MAAM,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CAC3D,YAAY,CAAC,QAAQ,CAAC,EACtB,WAAW,GAAG,iBAAiB,GAAG,eAAe,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,CAC7G,GAAG;IACF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/additional-components/NodeResizer/NodeResizeControl.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ResizeControlProps, ResizeControlLineProps } from './types';
+declare function ResizeControl({ nodeId, position, variant, className, style, children, color, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, shouldResize, onResizeStart, onResize, onResizeEnd, }: ResizeControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResizeControlLine(props: ResizeControlLineProps): import("react/jsx-runtime").JSX.Element;
+export declare const NodeResizeControl: import("react").MemoExoticComponent<typeof ResizeControl>;
+export {};
+//# sourceMappingURL=NodeResizeControl.d.ts.map

package/dist/esm/additional-components/NodeResizer/NodeResizeControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeResizeControl.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/NodeResizer/NodeResizeControl.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE1E,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,OAAqC,EACrC,SAAS,EACT,KAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,kBAAkB,2CA+HpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D;AAED,eAAO,MAAM,iBAAiB,2DAAsB,CAAC"}

package/dist/esm/additional-components/NodeResizer/NodeResizer.d.ts

@@ -1,3 +1,3 @@
-import { NodeResizerProps } from './types';
-export default function NodeResizer({ nodeId, isVisible, handleClassName, handleStyle, lineClassName, lineStyle, color, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, shouldResize, onResizeStart, onResize, onResizeEnd, }: NodeResizerProps): import("react/jsx-runtime").JSX.Element | null;
+import type { NodeResizerProps } from './types';
+export declare function NodeResizer({ nodeId, isVisible, handleClassName, handleStyle, lineClassName, lineStyle, color, minWidth, minHeight, maxWidth, maxHeight, keepAspectRatio, shouldResize, onResizeStart, onResize, onResizeEnd, }: NodeResizerProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=NodeResizer.d.ts.map

package/dist/esm/additional-components/NodeResizer/NodeResizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeResizer.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/NodeResizer/NodeResizer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,gBAAgB,EAA6C,MAAM,SAAS,CAAC;AAKvG,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,SAAgB,EAChB,eAAe,EACf,WAAW,EACX,aAAa,EACb,SAAS,EACT,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,gBAAgB,kDAgDlB"}
+{"version":3,"file":"NodeResizer.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/NodeResizer/NodeResizer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,SAAgB,EAChB,eAAe,EACf,WAAW,EACX,aAAa,EACb,SAAS,EACT,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,gBAAgB,kDAgDlB"}

package/dist/esm/additional-components/NodeResizer/ResizeControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeControl.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/NodeResizer/ResizeControl.tsx"],"names":[],"mappings":";AASA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAE5B,MAAM,SAAS,CAAC;AAYjB,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,OAAqC,EACrC,SAAS,EACT,KAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,kBAAkB,2CA8MpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D;;AAED,wBAAmC"}
+{"version":3,"file":"ResizeControl.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/NodeResizer/ResizeControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE/E,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,OAAsC,EACtC,SAAS,EACT,KAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAa,EACb,SAAc,EACd,QAA2B,EAC3B,SAA4B,EAC5B,eAAuB,EACvB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,GACZ,EAAE,kBAAkB,2CAqHpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D;;AAED,wBAAmC"}

package/dist/esm/additional-components/NodeResizer/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NodeResizer } from './NodeResizer';
-export { default as NodeResizeControl } from './ResizeControl';
+export { NodeResizer } from './NodeResizer';
+export { NodeResizeControl } from './NodeResizeControl';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/additional-components/NodeResizer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/NodeResizer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE/D,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/NodeResizer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,SAAS,CAAC"}