@realflow/react 0.1.0

package/dist/Background.d.ts

@@ -0,0 +1,11 @@
+export interface BackgroundProps {
+    variant?: 'dots' | 'lines' | 'cross';
+    /** Grid spacing in flow px. */
+    gap?: number;
+    /** Dot radius / line thickness. */
+    size?: number;
+    className?: string;
+}
+/** The canvas background pattern, kept in sync with pan/zoom. */
+export declare const Background: import("react").NamedExoticComponent<BackgroundProps>;
+//# sourceMappingURL=Background.d.ts.map

package/dist/Background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../src/Background.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACrC,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iEAAiE;AACjE,eAAO,MAAM,UAAU,uDAsDrB,CAAC"}

package/dist/Background.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useId } from 'react';
+import { useViewport } from './hooks.js';
+/** The canvas background pattern, kept in sync with pan/zoom. */
+export const Background = memo(function Background({ variant = 'dots', gap = 24, size, className, }) {
+    const { x, y, zoom } = useViewport();
+    const patternId = useId();
+    const scaledGap = gap * zoom;
+    const offsetX = x % scaledGap;
+    const offsetY = y % scaledGap;
+    let content;
+    if (variant === 'dots') {
+        const r = (size ?? 1) * zoom;
+        content = _jsx("circle", { cx: scaledGap / 2, cy: scaledGap / 2, r: Math.max(r, 0.4), className: "rf-bg-dot" });
+    }
+    else if (variant === 'lines') {
+        const w = size ?? 1;
+        content = (_jsx("path", { d: `M ${scaledGap} 0 V ${scaledGap} M 0 ${scaledGap} H ${scaledGap}`, strokeWidth: w, className: "rf-bg-line", fill: "none" }));
+    }
+    else {
+        const l = (size ?? 6) * zoom;
+        const c = scaledGap / 2;
+        content = (_jsx("path", { d: `M ${c - l / 2} ${c} H ${c + l / 2} M ${c} ${c - l / 2} V ${c + l / 2}`, strokeWidth: zoom, className: "rf-bg-cross", fill: "none" }));
+    }
+    return (_jsxs("svg", { className: `rf-background${className ? ` ${className}` : ''}`, "aria-hidden": "true", children: [_jsx("pattern", { id: patternId, x: offsetX, y: offsetY, width: scaledGap, height: scaledGap, patternUnits: "userSpaceOnUse", children: content }), _jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${patternId})` })] }));
+});
+//# sourceMappingURL=Background.js.map

package/dist/Background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.js","sourceRoot":"","sources":["../src/Background.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtC,iEAAiE;AACjE,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,UAAU,CAAC,EACjD,OAAO,GAAG,MAAM,EAChB,GAAG,GAAG,EAAE,EACR,IAAI,EACJ,SAAS,GACO;IAChB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,MAAM,SAAS,GAAG,GAAG,GAAG,IAAI,CAAC;IAC7B,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,CAAC;IAC9B,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,CAAC;IAE9B,IAAI,OAAwB,CAAC;IAC7B,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;QAC7B,OAAO,GAAG,iBAAQ,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,SAAS,EAAC,WAAW,GAAG,CAAC;IACxG,CAAC;SAAM,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QAC/B,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC;QACpB,OAAO,GAAG,CACR,eACE,CAAC,EAAE,KAAK,SAAS,QAAQ,SAAS,QAAQ,SAAS,MAAM,SAAS,EAAE,EACpE,WAAW,EAAE,CAAC,EACd,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,MAAM,GACX,CACH,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;QAC7B,MAAM,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC;QACxB,OAAO,GAAG,CACR,eACE,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAC1E,WAAW,EAAE,IAAI,EACjB,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,MAAM,GACX,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,iBAAc,MAAM,aACpF,kBACE,EAAE,EAAE,SAAS,EACb,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,gBAAgB,YAE5B,OAAO,GACA,EACV,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,SAAS,GAAG,GAAI,IACvE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Controls.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { type PanelPosition } from './Panel.js';
+export interface ControlsProps {
+    position?: PanelPosition;
+    className?: string;
+    /** Show undo/redo buttons (built-in history). Default true. */
+    showUndoRedo?: boolean;
+    showZoom?: boolean;
+    showFitView?: boolean;
+    children?: ReactNode;
+}
+/** Zoom / fit / undo / redo buttons with keyboard-consistent behavior. */
+export declare const Controls: import("react").NamedExoticComponent<ControlsProps>;
+//# sourceMappingURL=Controls.d.ts.map

package/dist/Controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../src/Controls.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAQpD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,qDA4DnB,CAAC"}

package/dist/Controls.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useHistory, useReflow } from './hooks.js';
+import { Panel } from './Panel.js';
+const Icon = ({ d }) => (_jsx("svg", { viewBox: "0 0 24 24", width: "15", height: "15", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: d }) }));
+/** Zoom / fit / undo / redo buttons with keyboard-consistent behavior. */
+export const Controls = memo(function Controls({ position = 'bottom-left', className, showUndoRedo = true, showZoom = true, showFitView = true, children, }) {
+    const api = useReflow();
+    const { canUndo, canRedo, undo, redo } = useHistory();
+    return (_jsxs(Panel, { position: position, className: `rf-controls${className ? ` ${className}` : ''}`, children: [showZoom ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "rf-control-btn", title: "Zoom in", "aria-label": "Zoom in", onClick: () => api.zoomIn(), children: _jsx(Icon, { d: "M12 5v14M5 12h14" }) }), _jsx("button", { type: "button", className: "rf-control-btn", title: "Zoom out", "aria-label": "Zoom out", onClick: () => api.zoomOut(), children: _jsx(Icon, { d: "M5 12h14" }) })] })) : null, showFitView ? (_jsx("button", { type: "button", className: "rf-control-btn", title: "Fit view", "aria-label": "Fit view", onClick: () => api.fitView({ duration: 300 }), children: _jsx(Icon, { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) })) : null, showUndoRedo ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "rf-control-btn", title: "Undo (\u2318Z)", "aria-label": "Undo", disabled: !canUndo, onClick: undo, children: _jsx(Icon, { d: "M9 14L4 9l5-5M4 9h10.5a5.5 5.5 0 0 1 0 11H11" }) }), _jsx("button", { type: "button", className: "rf-control-btn", title: "Redo (\u2318\u21E7Z)", "aria-label": "Redo", disabled: !canRedo, onClick: redo, children: _jsx(Icon, { d: "M15 14l5-5-5-5M20 9H9.5a5.5 5.5 0 0 0 0 11H13" }) })] })) : null, children] }));
+});
+//# sourceMappingURL=Controls.js.map

package/dist/Controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../src/Controls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,KAAK,EAAsB,MAAM,SAAS,CAAC;AAEpD,MAAM,IAAI,GAAG,CAAC,EAAE,CAAC,EAAiB,EAAqB,EAAE,CAAC,CACxD,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,iBAAa,MAAM,YAC/J,eAAM,CAAC,EAAE,CAAC,GAAI,GACV,CACP,CAAC;AAYF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,QAAQ,CAAC,EAC7C,QAAQ,GAAG,aAAa,EACxB,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,QAAQ,GACM;IACd,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IACtD,OAAO,CACL,MAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,aACnF,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,SAAS,gBAAY,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,YAC/G,KAAC,IAAI,IAAC,CAAC,EAAC,kBAAkB,GAAG,GACtB,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,UAAU,gBAAY,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,YAClH,KAAC,IAAI,IAAC,CAAC,EAAC,UAAU,GAAG,GACd,IACR,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,UAAU,gBACL,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,YAE7C,KAAC,IAAI,IAAC,CAAC,EAAC,+FAA+F,GAAG,GACnG,CACV,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,CAAC,CAAC,CAAC,CACd,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,gBAAW,gBACN,MAAM,EACjB,QAAQ,EAAE,CAAC,OAAO,EAClB,OAAO,EAAE,IAAI,YAEb,KAAC,IAAI,IAAC,CAAC,EAAC,8CAA8C,GAAG,GAClD,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,sBAAY,gBACP,MAAM,EACjB,QAAQ,EAAE,CAAC,OAAO,EAClB,OAAO,EAAE,IAAI,YAEb,KAAC,IAAI,IAAC,CAAC,EAAC,+CAA+C,GAAG,GACnD,IACR,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/DefaultNode.d.ts

@@ -0,0 +1,13 @@
+import type { NodeProps } from './types.js';
+/**
+ * The built-in node: label + optional description, target handle on the
+ * left, source handle on the right. Beautiful out of the box.
+ */
+export declare const DefaultNode: import("react").NamedExoticComponent<NodeProps<Record<string, unknown>>>;
+/** Entry node: only a source handle. */
+export declare const InputNode: import("react").NamedExoticComponent<NodeProps<Record<string, unknown>>>;
+/** Terminal node: only a target handle. */
+export declare const OutputNode: import("react").NamedExoticComponent<NodeProps<Record<string, unknown>>>;
+/** Group node: a labeled container for child nodes (parentId). */
+export declare const GroupNode: import("react").NamedExoticComponent<NodeProps<Record<string, unknown>>>;
+//# sourceMappingURL=DefaultNode.d.ts.map

package/dist/DefaultNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNode.d.ts","sourceRoot":"","sources":["../src/DefaultNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC;;;GAGG;AACH,eAAO,MAAM,WAAW,0EAgBtB,CAAC;AAEH,wCAAwC;AACxC,eAAO,MAAM,SAAS,0EAUpB,CAAC;AAEH,2CAA2C;AAC3C,eAAO,MAAM,UAAU,0EAUrB,CAAC;AAEH,kEAAkE;AAClE,eAAO,MAAM,SAAS,0EAGpB,CAAC"}

package/dist/DefaultNode.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Handle } from './Handle.js';
+/**
+ * The built-in node: label + optional description, target handle on the
+ * left, source handle on the right. Beautiful out of the box.
+ */
+export const DefaultNode = memo(function DefaultNode({ data }) {
+    const label = data.label ?? '';
+    const description = data.description;
+    const icon = data.icon;
+    const accent = data.accent;
+    return (_jsxs("div", { className: "rf-default-node", style: accent ? { ['--rf-node-accent']: accent } : undefined, children: [_jsx(Handle, { kind: "target", side: "left" }), icon ? _jsx("span", { className: "rf-default-node-icon", children: icon }) : null, _jsxs("div", { className: "rf-default-node-body", children: [_jsx("div", { className: "rf-default-node-label", children: label }), description ? _jsx("div", { className: "rf-default-node-desc", children: description }) : null] }), _jsx(Handle, { kind: "source", side: "right" })] }));
+});
+/** Entry node: only a source handle. */
+export const InputNode = memo(function InputNode({ data }) {
+    const label = data.label ?? '';
+    return (_jsxs("div", { className: "rf-default-node rf-input-node", children: [_jsx("div", { className: "rf-default-node-body", children: _jsx("div", { className: "rf-default-node-label", children: label }) }), _jsx(Handle, { kind: "source", side: "right" })] }));
+});
+/** Terminal node: only a target handle. */
+export const OutputNode = memo(function OutputNode({ data }) {
+    const label = data.label ?? '';
+    return (_jsxs("div", { className: "rf-default-node rf-output-node", children: [_jsx(Handle, { kind: "target", side: "left" }), _jsx("div", { className: "rf-default-node-body", children: _jsx("div", { className: "rf-default-node-label", children: label }) })] }));
+});
+/** Group node: a labeled container for child nodes (parentId). */
+export const GroupNode = memo(function GroupNode({ data }) {
+    const label = data.label;
+    return _jsx("div", { className: "rf-group-node", children: label ? _jsx("div", { className: "rf-group-node-label", children: label }) : null });
+});
+//# sourceMappingURL=DefaultNode.js.map

package/dist/DefaultNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNode.js","sourceRoot":"","sources":["../src/DefaultNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,WAAW,CAAC,EAAE,IAAI,EAAa;IACtE,MAAM,KAAK,GAAI,IAA2B,CAAC,KAAK,IAAI,EAAE,CAAC;IACvD,MAAM,WAAW,GAAI,IAAiC,CAAC,WAAW,CAAC;IACnE,MAAM,IAAI,GAAI,IAA0B,CAAC,IAAI,CAAC;IAC9C,MAAM,MAAM,GAAI,IAA4B,CAAC,MAAM,CAAC;IACpD,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,kBAA4B,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,aACrG,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,GAAG,EACnC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,sBAAsB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACnE,eAAK,SAAS,EAAC,sBAAsB,aACnC,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,EACnD,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,sBAAsB,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC3E,EACN,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,GAAG,IACjC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,wCAAwC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,EAAE,IAAI,EAAa;IAClE,MAAM,KAAK,GAAI,IAA2B,CAAC,KAAK,IAAI,EAAE,CAAC;IACvD,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,sBAAsB,YACnC,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,GAChD,EACN,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,GAAG,IACjC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,2CAA2C;AAC3C,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,UAAU,CAAC,EAAE,IAAI,EAAa;IACpE,MAAM,KAAK,GAAI,IAA2B,CAAC,KAAK,IAAI,EAAE,CAAC;IACvD,OAAO,CACL,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,GAAG,EACpC,cAAK,SAAS,EAAC,sBAAsB,YACnC,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,GAChD,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kEAAkE;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,EAAE,IAAI,EAAa;IAClE,MAAM,KAAK,GAAI,IAA2B,CAAC,KAAK,CAAC;IACjD,OAAO,cAAK,SAAS,EAAC,eAAe,YAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,GAAO,CAAC;AAClH,CAAC,CAAC,CAAC"}

package/dist/EdgeRenderer.d.ts

@@ -0,0 +1,7 @@
+/** One edge, subscribed to its own topic (fires when its endpoints move). */
+export declare const EdgeView: import("react").NamedExoticComponent<{
+    id: string;
+}>;
+/** SVG layer with all visible edges, the connection line and guides. */
+export declare const EdgesLayer: import("react").NamedExoticComponent<object>;
+//# sourceMappingURL=EdgeRenderer.d.ts.map

package/dist/EdgeRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeRenderer.d.ts","sourceRoot":"","sources":["../src/EdgeRenderer.tsx"],"names":[],"mappings":"AAWA,6EAA6E;AAC7E,eAAO,MAAM,QAAQ;QAAwC,MAAM;EAyGjE,CAAC;AAgJH,wEAAwE;AACxE,eAAO,MAAM,UAAU,8CA6BrB,CAAC"}

package/dist/EdgeRenderer.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useRef } from 'react';
+import { edgePath, roundedPath, routeOrthogonal, screenToFlow } from '@realflow/core';
+import { useFlowStore } from './context.js';
+import { useConfig, useContainer } from './config.js';
+import { useConnection, useFlowSelector } from './hooks.js';
+const markerUrl = (m) => m ? `url(#rf-m-${m.type})` : undefined;
+/** One edge, subscribed to its own topic (fires when its endpoints move). */
+export const EdgeView = memo(function EdgeView({ id }) {
+    const store = useFlowStore();
+    const config = useConfig();
+    // Orthogonal edges depend on OTHER nodes (obstacles), so they must also
+    // re-render on any graph change; normal edges only track their endpoints.
+    const isOrtho = store.edges.get(id)?.type === 'orthogonal';
+    // Subscribe to the edge's render version: it bumps when the edge object
+    // changes AND when its endpoints move/resize (geometry dependencies).
+    useFlowSelector(isOrtho ? [`edge:${id}`, 'graph'] : [`edge:${id}`], () => isOrtho ? store.edgeVersion(id) + store.graphVersion : store.edgeVersion(id));
+    const edge = store.edges.get(id);
+    if (!edge || edge.hidden)
+        return null;
+    const geo = store.edgeGeometry(edge);
+    if (!geo)
+        return null;
+    const type = edge.type ?? 'bezier';
+    const Custom = config.edgeTypes[type];
+    const { d, label } = !Custom && type === 'orthogonal'
+        ? roundedPath(routeOrthogonal({
+            source: geo.source,
+            sourceSide: geo.sourceSide,
+            target: geo.target,
+            targetSide: geo.targetSide,
+            obstacles: store.edgeObstacles(edge),
+        }), 8)
+        : edgePath(Custom ? 'bezier' : type, {
+            source: geo.source,
+            sourceSide: geo.sourceSide,
+            target: geo.target,
+            targetSide: geo.targetSide,
+        });
+    const select = (e) => {
+        if (e.button !== 0)
+            return;
+        e.stopPropagation();
+        if (config.readOnly || edge.selectable === false)
+            return;
+        if (e.shiftKey || e.metaKey || e.ctrlKey) {
+            store.toggleSelection(undefined, id);
+        }
+        else {
+            store.setSelection([], [id]);
+        }
+    };
+    const onClick = (e) => {
+        e.stopPropagation();
+        config.onEdgeClick?.(e, edge);
+    };
+    if (Custom) {
+        return (_jsx("g", { className: "rf-edge rf-edge-custom", "data-id": id, onPointerDown: select, onClick: onClick, children: _jsx(Custom, { id: id, edge: edge, path: d, labelX: label.x, labelY: label.y, sourceX: geo.source.x, sourceY: geo.source.y, targetX: geo.target.x, targetY: geo.target.y, sourceSide: geo.sourceSide, targetSide: geo.targetSide, selected: !!edge.selected }) }));
+    }
+    return (_jsxs("g", { className: `rf-edge${edge.selected ? ' rf-selected' : ''}${edge.animated ? ' rf-animated' : ''}${edge.className ? ` ${edge.className}` : ''}`, "data-id": id, children: [_jsx("path", { className: "rf-edge-hit", d: d, onPointerDown: select, onClick: onClick }), _jsx("path", { className: "rf-edge-path", d: d, style: edge.style, markerStart: markerUrl(edge.markerStart), markerEnd: markerUrl(edge.markerEnd) }), edge.label ? (_jsxs("g", { className: "rf-edge-label", transform: `translate(${label.x}, ${label.y})`, children: [_jsx("rect", { className: "rf-edge-label-bg", rx: "4" }), _jsx("text", { dominantBaseline: "middle", textAnchor: "middle", children: edge.label })] })) : null, edge.selected && !config.readOnly && edge.deletable !== false ? (_jsxs(_Fragment, { children: [_jsx(ReconnectHandle, { edgeId: id, end: "source", x: geo.source.x, y: geo.source.y }), _jsx(ReconnectHandle, { edgeId: id, end: "target", x: geo.target.x, y: geo.target.y })] })) : null] }));
+});
+/** Draggable endpoint shown on a selected edge; drag it to reconnect. */
+const ReconnectHandle = memo(function ReconnectHandle({ edgeId, end, x, y, }) {
+    const store = useFlowStore();
+    const config = useConfig();
+    const container = useContainer();
+    const onPointerDown = (e) => {
+        if (e.button !== 0)
+            return;
+        e.stopPropagation();
+        e.preventDefault();
+        const el = e.currentTarget;
+        try {
+            el.setPointerCapture(e.pointerId);
+        }
+        catch {
+            /* noop */
+        }
+        store.startReconnect(edgeId, end);
+        const toFlow = (cx, cy) => {
+            const r = container.current?.getBoundingClientRect();
+            return screenToFlow({ x: cx - (r?.left ?? 0), y: cy - (r?.top ?? 0) }, store.viewport);
+        };
+        const move = (ev) => store.moveConnection(toFlow(ev.clientX, ev.clientY));
+        const up = () => {
+            el.removeEventListener('pointermove', move);
+            el.removeEventListener('pointerup', up);
+            el.removeEventListener('pointercancel', up);
+            const edge = store.endConnection();
+            if (edge)
+                config.onConnect?.(edge);
+        };
+        el.addEventListener('pointermove', move);
+        el.addEventListener('pointerup', up);
+        el.addEventListener('pointercancel', up);
+    };
+    return (_jsx("circle", { className: "rf-edge-reconnect", cx: x, cy: y, r: 5, onPointerDown: onPointerDown, role: "button", "aria-label": `reconnect ${end}` }));
+});
+/** The in-progress connection line. */
+const ConnectionLine = memo(function ConnectionLine() {
+    const store = useFlowStore();
+    const conn = useConnection();
+    if (!conn)
+        return null;
+    const from = store.handleAnchor(conn.fromHandle);
+    const opposite = {
+        left: 'right',
+        right: 'left',
+        top: 'bottom',
+        bottom: 'top',
+    };
+    const { d } = edgePath('bezier', {
+        source: from,
+        sourceSide: conn.fromHandle.side,
+        target: conn.to,
+        targetSide: conn.toHandle?.side ?? opposite[conn.fromHandle.side],
+    });
+    const cls = conn.valid === true ? ' rf-valid' : conn.valid === false ? ' rf-invalid' : '';
+    return _jsx("path", { className: `rf-connection-line${cls}`, d: d });
+});
+/** Figma-style alignment guide lines. */
+const GuidesLayer = memo(function GuidesLayer() {
+    const store = useFlowStore();
+    const guides = useFlowSelector(['guides'], () => store.guides);
+    if (guides.length === 0)
+        return null;
+    return (_jsx("g", { className: "rf-guides", children: guides.map((g, i) => g.axis === 'x' ? (_jsx("line", { x1: g.value, y1: g.from, x2: g.value, y2: g.to, className: "rf-guide" }, i)) : (_jsx("line", { x1: g.from, y1: g.value, x2: g.to, y2: g.value, className: "rf-guide" }, i))) }));
+});
+const MarkerDefs = memo(function MarkerDefs() {
+    return (_jsxs("defs", { children: [_jsx("marker", { id: "rf-m-arrow", viewBox: "-10 -10 20 20", markerWidth: "14", markerHeight: "14", refX: "0", refY: "0", orient: "auto-start-reverse", children: _jsx("polyline", { points: "-6,-5 0,0 -6,5", fill: "none", stroke: "context-stroke", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("marker", { id: "rf-m-arrowclosed", viewBox: "-10 -10 20 20", markerWidth: "12", markerHeight: "12", refX: "0", refY: "0", orient: "auto-start-reverse", children: _jsx("polygon", { points: "-7,-5 0,0 -7,5", fill: "context-stroke", stroke: "none" }) }), _jsx("marker", { id: "rf-m-dot", viewBox: "-5 -5 10 10", markerWidth: "10", markerHeight: "10", refX: "0", refY: "0", children: _jsx("circle", { r: "3", fill: "context-stroke" }) })] }));
+});
+/** SVG layer with all visible edges, the connection line and guides. */
+export const EdgesLayer = memo(function EdgesLayer() {
+    const store = useFlowStore();
+    const cache = useRef({
+        visible: new Set(),
+        version: -1,
+        ids: [],
+    });
+    const ids = useFlowSelector(['visible', 'edges'], () => {
+        const c = cache.current;
+        if (c.visible !== store.visibleEdges || c.version !== store.edgesVersion) {
+            const next = [];
+            for (const id of store.edgeOrder) {
+                if (store.visibleEdges.has(id))
+                    next.push(id);
+            }
+            cache.current = { visible: store.visibleEdges, version: store.edgesVersion, ids: next };
+        }
+        return cache.current.ids;
+    });
+    return (_jsxs("svg", { className: "rf-edges", "aria-hidden": "true", children: [_jsx(MarkerDefs, {}), ids.map((id) => (_jsx(EdgeView, { id: id }, id))), _jsx(GuidesLayer, {}), _jsx(ConnectionLine, {})] }));
+});
+//# sourceMappingURL=EdgeRenderer.js.map

package/dist/EdgeRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeRenderer.js","sourceRoot":"","sources":["../src/EdgeRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/Handle.d.ts

@@ -0,0 +1,25 @@
+import type { CSSProperties } from 'react';
+import type { HandleKind, Side } from '@realflow/core';
+export interface HandleProps {
+    /** 'source' emits connections, 'target' accepts them. */
+    kind: HandleKind;
+    /** Which side of the node the handle sits on. Default: source→right, target→left. */
+    side?: Side;
+    /** Distinguishes multiple handles on one node. */
+    id?: string;
+    /** Typed port: only matching dataTypes can connect. */
+    dataType?: string;
+    /** Cap simultaneous connections through this handle. */
+    maxConnections?: number;
+    /** Disable interaction for this handle. */
+    connectable?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * A connection point. Drop it anywhere inside a custom node — position is
+ * measured automatically, so edges always anchor exactly on the handle.
+ */
+export declare const Handle: import("react").NamedExoticComponent<HandleProps>;
+//# sourceMappingURL=Handle.d.ts.map

package/dist/Handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../src/Handle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAqC,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAMvD,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,IAAI,EAAE,UAAU,CAAC;IACjB,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,mDAmGjB,CAAC"}

package/dist/Handle.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useRef } from 'react';
+import { screenToFlow } from '@realflow/core';
+import { useFlowStore, useNodeId } from './context.js';
+import { useConfig, useContainer } from './config.js';
+import { useMeasurer } from './measure.js';
+/**
+ * A connection point. Drop it anywhere inside a custom node — position is
+ * measured automatically, so edges always anchor exactly on the handle.
+ */
+export const Handle = memo(function Handle({ kind, side, id, dataType, maxConnections, connectable = true, className, style, children, }) {
+    const store = useFlowStore();
+    const nodeId = useNodeId();
+    const config = useConfig();
+    const container = useContainer();
+    const ref = useRef(null);
+    const resolvedSide = side ?? (kind === 'source' ? 'right' : 'left');
+    const handleId = id ?? `__${kind}`;
+    // Measure the handle's center relative to the node origin and register it.
+    // Measurements are queued and flushed in one batched read/write pass.
+    const measurer = useMeasurer();
+    useEffect(() => {
+        const el = ref.current;
+        if (!el || !measurer)
+            return;
+        const spec = {
+            id: handleId,
+            nodeId,
+            kind,
+            side: resolvedSide,
+            dataType,
+            maxConnections,
+        };
+        measurer.queueHandle(el, spec);
+        // Re-measure when this node resizes (its topic fires on size changes).
+        const unsub = store.subscribe(`node:${nodeId}`, () => measurer.queueHandle(el, spec));
+        return () => {
+            unsub();
+            // Keep registrations for culled unmounts so offscreen edges stay
+            // anchored; only drop the handle if its node is still mounted.
+            if (store.nodes.has(nodeId) && store.visibleNodes.has(nodeId)) {
+                store.unregisterHandle(nodeId, handleId);
+            }
+        };
+    }, [store, measurer, nodeId, handleId, kind, resolvedSide, dataType, maxConnections]);
+    const onPointerDown = (e) => {
+        if (e.button !== 0 || config.readOnly || !connectable)
+            return;
+        const node = store.getNode(nodeId);
+        if (!node || node.connectable === false)
+            return;
+        e.stopPropagation();
+        e.preventDefault();
+        const el = ref.current;
+        try {
+            el.setPointerCapture(e.pointerId);
+        }
+        catch {
+            /* synthetic events or lost pointers */
+        }
+        store.startConnection(nodeId, handleId, kind);
+        const toFlow = (clientX, clientY) => {
+            const rect = container.current?.getBoundingClientRect();
+            return screenToFlow({ x: clientX - (rect?.left ?? 0), y: clientY - (rect?.top ?? 0) }, store.viewport);
+        };
+        const onMove = (ev) => {
+            store.moveConnection(toFlow(ev.clientX, ev.clientY));
+        };
+        const onUp = () => {
+            el.removeEventListener('pointermove', onMove);
+            el.removeEventListener('pointerup', onUp);
+            el.removeEventListener('pointercancel', onUp);
+            const edge = store.endConnection();
+            if (edge)
+                config.onConnect?.(edge);
+        };
+        el.addEventListener('pointermove', onMove);
+        el.addEventListener('pointerup', onUp);
+        el.addEventListener('pointercancel', onUp);
+    };
+    return (_jsx("div", { ref: ref, "data-handleid": handleId, "data-kind": kind, className: `rf-handle rf-handle-${kind} rf-handle-${resolvedSide}${className ? ` ${className}` : ''}`, style: style, onPointerDown: onPointerDown, role: "button", "aria-label": `${kind} handle`, children: children }));
+});
+//# sourceMappingURL=Handle.js.map

package/dist/Handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.js","sourceRoot":"","sources":["../src/Handle.tsx"],"names":[],"mappings":"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"}

package/dist/MiniMap.d.ts

@@ -0,0 +1,15 @@
+import { type PanelPosition } from './Panel.js';
+export interface MiniMapProps {
+    position?: PanelPosition;
+    className?: string;
+    width?: number;
+    height?: number;
+    /** Click/drag the minimap to navigate. Default true. */
+    interactive?: boolean;
+}
+/**
+ * Overview map with drag-to-navigate. Renders on a canvas, so even
+ * 10,000-node flows repaint in ~a millisecond — no per-node React elements.
+ */
+export declare const MiniMap: import("react").NamedExoticComponent<MiniMapProps>;
+//# sourceMappingURL=MiniMap.d.ts.map

package/dist/MiniMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../src/MiniMap.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAUD;;;GAGG;AACH,eAAO,MAAM,OAAO,oDAmJlB,CAAC"}

package/dist/MiniMap.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef } from 'react';
+import { rectUnion, visibleRect } from '@realflow/core';
+import { useFlowStore } from './context.js';
+import { Panel } from './Panel.js';
+/**
+ * Overview map with drag-to-navigate. Renders on a canvas, so even
+ * 10,000-node flows repaint in ~a millisecond — no per-node React elements.
+ */
+export const MiniMap = memo(function MiniMap({ position = 'bottom-right', width = 200, height = 140, interactive = true, className, }) {
+    const store = useFlowStore();
+    const canvasRef = useRef(null);
+    const transform = useRef({ scale: 1, wx: 0, wy: 0, ox: 0, oy: 0 });
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const dpr = typeof devicePixelRatio === 'number' ? devicePixelRatio : 1;
+        canvas.width = width * dpr;
+        canvas.height = height * dpr;
+        let raf = null;
+        const draw = () => {
+            raf = null;
+            const styles = getComputedStyle(canvas);
+            const nodeColor = styles.getPropertyValue('--rf-minimap-node').trim() || 'rgba(0,0,0,0.14)';
+            const accent = styles.getPropertyValue('--rf-accent').trim() || '#6366f1';
+            const mask = styles.getPropertyValue('--rf-minimap-mask').trim() || 'rgba(99,102,241,0.08)';
+            const view = visibleRect(store.viewport, store.screen.width || 1, store.screen.height || 1);
+            let bounds = null;
+            const rects = [];
+            for (const id of store.nodeOrder) {
+                const node = store.nodes.get(id);
+                if (node.hidden)
+                    continue;
+                const rect = store.nodeRect(id);
+                rects.push({ rect, selected: !!node.selected });
+                bounds = rectUnion(bounds, rect);
+            }
+            const world = rectUnion(bounds, view);
+            const pad = 20;
+            const wx = world.x - pad;
+            const wy = world.y - pad;
+            const ww = world.width + pad * 2;
+            const wh = world.height + pad * 2;
+            const scale = Math.min(width / ww, height / wh);
+            const ox = (width - ww * scale) / 2;
+            const oy = (height - wh * scale) / 2;
+            transform.current = { scale, wx, wy, ox, oy };
+            ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+            ctx.clearRect(0, 0, width, height);
+            ctx.fillStyle = nodeColor;
+            let selectedRects = null;
+            for (const { rect, selected } of rects) {
+                if (selected) {
+                    (selectedRects ??= []).push(rect);
+                    continue;
+                }
+                ctx.fillRect((rect.x - wx) * scale + ox, (rect.y - wy) * scale + oy, Math.max(rect.width * scale, 1.5), Math.max(rect.height * scale, 1.2));
+            }
+            if (selectedRects) {
+                ctx.fillStyle = accent;
+                for (const rect of selectedRects) {
+                    ctx.fillRect((rect.x - wx) * scale + ox, (rect.y - wy) * scale + oy, Math.max(rect.width * scale, 1.5), Math.max(rect.height * scale, 1.2));
+                }
+            }
+            // Viewport indicator.
+            ctx.fillStyle = mask;
+            ctx.strokeStyle = accent;
+            ctx.lineWidth = 1.2;
+            const vx = (view.x - wx) * scale + ox;
+            const vy = (view.y - wy) * scale + oy;
+            ctx.fillRect(vx, vy, view.width * scale, view.height * scale);
+            ctx.strokeRect(vx, vy, view.width * scale, view.height * scale);
+        };
+        const schedule = () => {
+            if (raf == null)
+                raf = requestAnimationFrame(draw);
+        };
+        draw();
+        const unsubs = [
+            store.subscribe('graph', schedule),
+            store.subscribe('viewport', schedule),
+            store.subscribe('selection', schedule),
+        ];
+        return () => {
+            unsubs.forEach((u) => u());
+            if (raf != null)
+                cancelAnimationFrame(raf);
+        };
+    }, [store, width, height]);
+    const navigate = useCallback((e) => {
+        const { scale, wx, wy, ox, oy } = transform.current;
+        const box = e.currentTarget.getBoundingClientRect();
+        const fx = (e.clientX - box.left - ox) / scale + wx;
+        const fy = (e.clientY - box.top - oy) / scale + wy;
+        const { zoom } = store.viewport;
+        store.setViewport({
+            x: store.screen.width / 2 - fx * zoom,
+            y: store.screen.height / 2 - fy * zoom,
+            zoom,
+        });
+    }, [store]);
+    const onPointerDown = (e) => {
+        if (!interactive || e.button !== 0)
+            return;
+        e.stopPropagation();
+        try {
+            e.currentTarget.setPointerCapture(e.pointerId);
+        }
+        catch {
+            /* synthetic events */
+        }
+        navigate(e);
+    };
+    const onPointerMove = (e) => {
+        if (!interactive || e.buttons !== 1)
+            return;
+        navigate(e);
+    };
+    return (_jsx(Panel, { position: position, className: `rf-minimap-panel${className ? ` ${className}` : ''}`, children: _jsx("canvas", { ref: canvasRef, className: "rf-minimap", style: { width, height }, onPointerDown: onPointerDown, onPointerMove: onPointerMove, role: "img", "aria-label": "Mini map" }) }));
+});
+//# sourceMappingURL=MiniMap.js.map

package/dist/MiniMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.js","sourceRoot":"","sources":["../src/MiniMap.tsx"],"names":[],"mappings":"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"}