@uipath/apollo-react 6.17.4 → 6.18.0

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.js

@@ -1,11 +1,12 @@
 import { useMemo } from "react";
 import { useEdgePath } from "../../../../hooks/index.js";
 import { ARROW_ANGLE_MAP, ARROW_OFFSETS, EDGE_CONSTANTS } from "../constants.js";
+import { useEdgeLineJumps } from "../crossings/index.js";
 import { buildPathVertices, createRoundedPath, extractSegments, getPathArcMidpoint } from "../geometry.js";
 const EMPTY_VERTICES = [];
 const EMPTY_SEGMENTS = [];
 function useEdgeGeometry(args) {
-    const { routing, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted = false, enableSegments = true, hideArrowHead = false } = args;
+    const { routing, edgeId, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted = false, enableSegments = true, hideArrowHead = false, enableLineJumps = false } = args;
     const arrowOffset = ARROW_OFFSETS[targetPosition];
     const isWaypoint = 'waypoint' === routing;
     const isHandle = 'handle' === routing;
@@ -24,8 +25,10 @@ function useEdgeGeometry(args) {
         enableSegments,
         pathPoints
     ]);
-    const waypointPath = useMemo(()=>createRoundedPath(pathPoints, EDGE_CONSTANTS.BORDER_RADIUS), [
-        pathPoints
+    const jumps = useEdgeLineJumps(edgeId, pathPoints, isWaypoint && enableLineJumps);
+    const waypointPath = useMemo(()=>createRoundedPath(pathPoints, EDGE_CONSTANTS.BORDER_RADIUS, jumps), [
+        pathPoints,
+        jumps
     ]);
     const handle = useEdgePath({
         sourceNodeId: isHandle ? sourceNodeId : '',

package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.cjs

@@ -24,13 +24,14 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    EdgeArrow: ()=>EdgeArrow
+    EdgeArrow: ()=>EdgeArrow_EdgeArrow
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../constants.cjs");
 const { ARROW_SIZE, ARROW_HALF_ANGLE } = external_constants_cjs_namespaceObject.EDGE_CONSTANTS;
 const ARROW_TRANSITION = 'fill 0.2s ease, opacity 0.2s ease';
-function EdgeArrow({ target, angle, offset, color, opacity = 1 }) {
+const EdgeArrow_EdgeArrow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ target, angle, offset, color, opacity = 1 }) {
     const tipX = target.x;
     const tipY = target.y;
     const leftX = tipX - ARROW_SIZE * Math.cos(angle - ARROW_HALF_ANGLE);
@@ -47,7 +48,7 @@ function EdgeArrow({ target, angle, offset, color, opacity = 1 }) {
             transform: `translate(${offset.x}px, ${offset.y}px)`
         }
     });
-}
+});
 exports.EdgeArrow = __webpack_exports__.EdgeArrow;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "EdgeArrow"

package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.d.ts

@@ -6,5 +6,5 @@ export type EdgeArrowProps = {
     color: string;
     opacity?: number;
 };
-export declare function EdgeArrow({ target, angle, offset, color, opacity }: EdgeArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare const EdgeArrow: import("react").NamedExoticComponent<EdgeArrowProps>;
 //# sourceMappingURL=EdgeArrow.d.ts.map

package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeArrow.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/EdgeArrow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,cAAc,GAAG;IAE3B,MAAM,EAAE,KAAK,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAW,EAAE,EAAE,cAAc,2CAoBtF"}
+{"version":3,"file":"EdgeArrow.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/EdgeArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,cAAc,GAAG;IAE3B,MAAM,EAAE,KAAK,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAOF,eAAO,MAAM,SAAS,sDA0BpB,CAAC"}

package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import { EDGE_CONSTANTS } from "../constants.js";
 const { ARROW_SIZE, ARROW_HALF_ANGLE } = EDGE_CONSTANTS;
 const ARROW_TRANSITION = 'fill 0.2s ease, opacity 0.2s ease';
-function EdgeArrow({ target, angle, offset, color, opacity = 1 }) {
+const EdgeArrow_EdgeArrow = /*#__PURE__*/ memo(function({ target, angle, offset, color, opacity = 1 }) {
     const tipX = target.x;
     const tipY = target.y;
     const leftX = tipX - ARROW_SIZE * Math.cos(angle - ARROW_HALF_ANGLE);
@@ -19,5 +20,5 @@ function EdgeArrow({ target, angle, offset, color, opacity = 1 }) {
             transform: `translate(${offset.x}px, ${offset.y}px)`
         }
     });
-}
-export { EdgeArrow };
+});
+export { EdgeArrow_EdgeArrow as EdgeArrow };

package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.cjs

@@ -24,7 +24,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    EdgeLabel: ()=>EdgeLabel,
+    EdgeLabel: ()=>EdgeLabel_EdgeLabel,
     EDGE_LABEL_DEFAULT_BORDER_COLOR: ()=>EDGE_LABEL_DEFAULT_BORDER_COLOR
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -33,7 +33,7 @@ const external_react_namespaceObject = require("react");
 const external_CanvasTooltip_cjs_namespaceObject = require("../../../CanvasTooltip.cjs");
 const EDGE_LABEL_BASE_CLASS = "react-flow__edge-label nodrag nopan absolute top-0 left-0 max-w-48 overflow-hidden text-ellipsis whitespace-nowrap pointer-events-auto cursor-default px-2 py-1 rounded text-xs font-medium border shadow-[0_1px_3px_0_rgba(0,0,0,0.1)] text-[var(--canvas-foreground,var(--color-foreground))] bg-[var(--canvas-background,var(--color-background))]";
 const EDGE_LABEL_DEFAULT_BORDER_COLOR = 'var(--canvas-border,var(--color-border))';
-function EdgeLabel({ x, y, text, borderColor = EDGE_LABEL_DEFAULT_BORDER_COLOR, onClick, onMouseEnter, onMouseLeave }) {
+const EdgeLabel_EdgeLabel = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ x, y, text, borderColor = EDGE_LABEL_DEFAULT_BORDER_COLOR, onClick, onMouseEnter, onMouseLeave }) {
     const transform = (0, external_react_namespaceObject.useMemo)(()=>`translate(-50%, -50%) translate(${x}px, ${y}px)`, [
         x,
         y
@@ -57,7 +57,7 @@ function EdgeLabel({ x, y, text, borderColor = EDGE_LABEL_DEFAULT_BORDER_COLOR,
             })
         })
     });
-}
+});
 exports.EDGE_LABEL_DEFAULT_BORDER_COLOR = __webpack_exports__.EDGE_LABEL_DEFAULT_BORDER_COLOR;
 exports.EdgeLabel = __webpack_exports__.EdgeLabel;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.d.ts

@@ -1,4 +1,4 @@
-import type { MouseEventHandler } from 'react';
+import { type MouseEventHandler } from 'react';
 export type EdgeLabelProps = {
     x: number;
     y: number;
@@ -9,5 +9,5 @@ export type EdgeLabelProps = {
     onMouseLeave?: () => void;
 };
 export declare const EDGE_LABEL_DEFAULT_BORDER_COLOR = "var(--canvas-border,var(--color-border))";
-export declare function EdgeLabel({ x, y, text, borderColor, onClick, onMouseEnter, onMouseLeave, }: EdgeLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare const EdgeLabel: import("react").NamedExoticComponent<EdgeLabelProps>;
 //# sourceMappingURL=EdgeLabel.d.ts.map

package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/EdgeLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAWF,eAAO,MAAM,+BAA+B,6CAA6C,CAAC;AAS1F,wBAAgB,SAAS,CAAC,EACxB,CAAC,EACD,CAAC,EACD,IAAI,EACJ,WAA6C,EAC7C,OAAO,EACP,YAAY,EACZ,YAAY,GACb,EAAE,cAAc,2CAkBhB"}
+{"version":3,"file":"EdgeLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/EdgeLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAG9D,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAWF,eAAO,MAAM,+BAA+B,6CAA6C,CAAC;AAa1F,eAAO,MAAM,SAAS,sDA0BpB,CAAC"}

package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { EdgeLabelRenderer } from "../../../../xyflow/react.js";
-import { useMemo } from "react";
+import { memo, useMemo } from "react";
 import { CanvasTooltip } from "../../../CanvasTooltip.js";
 const EDGE_LABEL_BASE_CLASS = "react-flow__edge-label nodrag nopan absolute top-0 left-0 max-w-48 overflow-hidden text-ellipsis whitespace-nowrap pointer-events-auto cursor-default px-2 py-1 rounded text-xs font-medium border shadow-[0_1px_3px_0_rgba(0,0,0,0.1)] text-[var(--canvas-foreground,var(--color-foreground))] bg-[var(--canvas-background,var(--color-background))]";
 const EDGE_LABEL_DEFAULT_BORDER_COLOR = 'var(--canvas-border,var(--color-border))';
-function EdgeLabel({ x, y, text, borderColor = EDGE_LABEL_DEFAULT_BORDER_COLOR, onClick, onMouseEnter, onMouseLeave }) {
+const EdgeLabel_EdgeLabel = /*#__PURE__*/ memo(function({ x, y, text, borderColor = EDGE_LABEL_DEFAULT_BORDER_COLOR, onClick, onMouseEnter, onMouseLeave }) {
     const transform = useMemo(()=>`translate(-50%, -50%) translate(${x}px, ${y}px)`, [
         x,
         y
@@ -28,5 +28,5 @@ function EdgeLabel({ x, y, text, borderColor = EDGE_LABEL_DEFAULT_BORDER_COLOR,
             })
         })
     });
-}
-export { EDGE_LABEL_DEFAULT_BORDER_COLOR, EdgeLabel };
+});
+export { EDGE_LABEL_DEFAULT_BORDER_COLOR, EdgeLabel_EdgeLabel as EdgeLabel };

package/dist/canvas/components/Edges/shared/primitives/EdgePath.cjs

@@ -24,12 +24,13 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    EdgePath: ()=>EdgePath
+    EdgePath: ()=>EdgePath_EdgePath
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../constants.cjs");
 const { INTERACTION_STROKE_WIDTH, STROKE_WIDTH, SELECTED_STROKE_WIDTH, SELECTED_OUTLINE_STROKE_WIDTH, SELECTED_OUTLINE_OPACITY } = external_constants_cjs_namespaceObject.EDGE_CONSTANTS;
-function EdgePath(props) {
+const EdgePath_EdgePath = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function(props) {
     const { d, color, selected, animated, strokeStyle, isReadOnly, pathRef, id, style, opacity = 1 } = props;
     const dasharray = animated ? void 0 : 'dashed' === strokeStyle ? external_constants_cjs_namespaceObject.EDGE_DASHARRAY.dashed : external_constants_cjs_namespaceObject.EDGE_DASHARRAY.solid;
     const strokeWidth = style?.strokeWidth ?? (selected ? SELECTED_STROKE_WIDTH : STROKE_WIDTH);
@@ -74,7 +75,7 @@ function EdgePath(props) {
             })
         ]
     });
-}
+});
 exports.EdgePath = __webpack_exports__.EdgePath;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "EdgePath"

package/dist/canvas/components/Edges/shared/primitives/EdgePath.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import { type CSSProperties } from 'react';
 import type { EdgeStrokeStyle } from '../types';
 export type EdgePathProps = {
     d: string;
@@ -12,5 +12,5 @@ export type EdgePathProps = {
     style?: CSSProperties;
     opacity?: number;
 };
-export declare function EdgePath(props: EdgePathProps): import("react/jsx-runtime").JSX.Element;
+export declare const EdgePath: import("react").NamedExoticComponent<EdgePathProps>;
 //# sourceMappingURL=EdgePath.d.ts.map

package/dist/canvas/components/Edges/shared/primitives/EdgePath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgePath.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/EdgePath.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAUhD,MAAM,MAAM,aAAa,GAAG;IAE1B,CAAC,EAAE,MAAM,CAAC;IAEV,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAQF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA2D5C"}
+{"version":3,"file":"EdgePath.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/EdgePath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAQ,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAUhD,MAAM,MAAM,aAAa,GAAG;IAE1B,CAAC,EAAE,MAAM,CAAC;IAEV,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAYF,eAAO,MAAM,QAAQ,qDA2DnB,CAAC"}

package/dist/canvas/components/Edges/shared/primitives/EdgePath.js

@@ -1,7 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
 import { EDGE_COLORS, EDGE_CONSTANTS, EDGE_DASHARRAY, EDGE_PATH_TRANSITION } from "../constants.js";
 const { INTERACTION_STROKE_WIDTH, STROKE_WIDTH, SELECTED_STROKE_WIDTH, SELECTED_OUTLINE_STROKE_WIDTH, SELECTED_OUTLINE_OPACITY } = EDGE_CONSTANTS;
-function EdgePath(props) {
+const EdgePath_EdgePath = /*#__PURE__*/ memo(function(props) {
     const { d, color, selected, animated, strokeStyle, isReadOnly, pathRef, id, style, opacity = 1 } = props;
     const dasharray = animated ? void 0 : 'dashed' === strokeStyle ? EDGE_DASHARRAY.dashed : EDGE_DASHARRAY.solid;
     const strokeWidth = style?.strokeWidth ?? (selected ? SELECTED_STROKE_WIDTH : STROKE_WIDTH);
@@ -46,5 +47,5 @@ function EdgePath(props) {
             })
         ]
     });
-}
-export { EdgePath };
+});
+export { EdgePath_EdgePath as EdgePath };

package/dist/canvas/components/Edges/shared/types.d.ts

@@ -6,6 +6,10 @@ export type Waypoint = Point & {
 export type PathVertex = Point & {
     waypointIndex: number;
 };
+export type PathJump = {
+    segmentIndex: number;
+    point: Point;
+};
 export type SegmentOrientation = 'horizontal' | 'vertical';
 export type Segment = {
     id: string;
@@ -28,6 +32,7 @@ export type CanvasEdgeData = {
     enableEditing?: boolean;
     enableExecution?: boolean;
     enableToolbar?: boolean;
+    enableLineJumps?: boolean;
     waypoints?: Waypoint[];
     routedWaypoints?: Waypoint[];
     onWaypointsChange?: (next: Waypoint[]) => void;

package/dist/canvas/components/Edges/shared/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAE5F,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAQF,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,WAAW,EAAE,kBAAkB,CAAC;IAEhC,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AAajD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAWhD,MAAM,MAAM,cAAc,GAAG;IAE3B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAGtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAQvB,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAS7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAE5F,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAQF,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAOF,MAAM,MAAM,QAAQ,GAAG;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,WAAW,EAAE,kBAAkB,CAAC;IAEhC,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AAajD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAWhD,MAAM,MAAM,cAAc,GAAG;IAE3B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAGtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAYxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAQvB,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAS7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC"}

package/dist/canvas/storybook-utils/components/StoryPage.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+export interface StoryPageProps {
+    theme: string;
+    title: string;
+    description?: ReactNode;
+    children?: ReactNode;
+}
+export declare function StoryPage({ theme, title, description, children }: StoryPageProps): import("react/jsx-runtime").JSX.Element;
+export interface StorySectionProps {
+    title: string;
+    description?: ReactNode;
+    children?: ReactNode;
+    divider?: boolean;
+}
+export declare function StorySection({ title, description, children, divider }: StorySectionProps): import("react/jsx-runtime").JSX.Element;
+export interface StoryCollapsibleSectionProps {
+    title: string;
+    open: boolean;
+    onToggle: () => void;
+    children?: ReactNode;
+}
+export declare function StoryCollapsibleSection({ title, open, onToggle, children, }: StoryCollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
+export interface StoryCardProps {
+    preview: ReactNode;
+    title: string;
+    code?: string;
+    description: ReactNode;
+}
+export declare function StoryCard({ preview, title, code, description }: StoryCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoryCode({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StoryCodeBlock({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryPage.d.ts.map

package/dist/canvas/storybook-utils/components/StoryPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryPage.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/components/StoryPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBvC,MAAM,WAAW,cAAc;IAE7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAWhF;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAGD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAc,EAAE,EAAE,iBAAiB,2CAS/F;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,2CAiB9B;AAED,MAAM,WAAW,cAAc;IAE7B,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,SAAS,CAAC;CACxB;AAGD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,cAAc,2CAa9E;AAGD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAE9D;AAGD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMnE"}

package/dist/canvas/storybook-utils/components/StoryPreview.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export interface StoryPreviewProps {
+    title?: string;
+    description?: ReactNode;
+    height?: number;
+    children: ReactNode;
+}
+export declare function StoryPreview({ title, description, height, children, }: StoryPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryPreview.d.ts.map

package/dist/canvas/storybook-utils/components/StoryPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryPreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/components/StoryPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AA0B5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAYD,wBAAgB,YAAY,CAAC,EAC3B,KAAiB,EACjB,WAAW,EACX,MAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,2CAmDnB"}

package/dist/canvas/storybook-utils/components/StorySpecTable.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type StorySpecCellVariant = 'strong' | 'code' | 'code-muted' | 'text';
+export interface StorySpecColumn<Row> {
+    key: keyof Row & string;
+    header: ReactNode;
+    variant?: StorySpecCellVariant;
+}
+export interface StorySpecTableProps<Row> {
+    columns: readonly StorySpecColumn<Row>[];
+    rows: readonly Row[];
+    getRowKey?: (row: Row, index: number) => string;
+}
+export declare function StorySpecTable<Row>({ columns, rows, getRowKey }: StorySpecTableProps<Row>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StorySpecTable.d.ts.map

package/dist/canvas/storybook-utils/components/StorySpecTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorySpecTable.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/components/StorySpecTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,eAAe,CAAC,GAAG;IAElC,GAAG,EAAE,MAAM,GAAG,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,WAAW,mBAAmB,CAAC,GAAG;IACtC,OAAO,EAAE,SAAS,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC;IAErB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACjD;AAMD,wBAAgB,cAAc,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,mBAAmB,CAAC,GAAG,CAAC,2CAmCzF"}

package/dist/canvas/storybook-utils/components/index.d.ts

@@ -1,2 +1,5 @@
 export * from './StoryInfoPanel';
+export * from './StoryPage';
+export * from './StoryPreview';
+export * from './StorySpecTable';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/storybook-utils/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}