@medicine-wheel/graph-viz 0.4.13 → 0.5.0

package/dist/index.d.ts

@@ -9,7 +9,7 @@
  */
 export { MedicineWheelGraph } from './MedicineWheelGraph.js';
 export type { MWGraphNode, MWGraphNodePosition, MWGraphNodePositions, MWGraphLink, MWGraphData, LinkStyle, LayoutMode, WheelLayoutConfig, MedicineWheelGraphProps, QuadrantGeometry, } from './types.js';
-export { applyWheelLayout, DEFAULT_LAYOUT, getQuadrantGeometries, quadrantArcPath, curvedLinkPath, directionLabelPosition, } from './layout.js';
+export { applyWheelLayout, DEFAULT_LAYOUT, getQuadrantGeometries, quadrantArcPath, curvedLinkPath, directionLabelPosition, directionForPoint, constrainToWheel, } from './layout.js';
 export { nodesToGraphNodes, edgesToGraphLinks, relationsToGraphLinks, buildGraphData, } from './converters.js';
 export type { KinshipGraphNode, KinshipGraphEdge, FlowDiagramNode, FlowDiagramLink, DirectionWheelSegment, TimelineEntry, } from './rsis-viz.js';
 export { toKinshipGraphLayout, toReciprocityFlowDiagram, toDirectionWheelData, toCeremonyTimelineData, toMermaidDiagram, } from './rsis-viz.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,GACf,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,GACf,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -9,7 +9,7 @@
  * @packageDocumentation
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toMermaidDiagram = exports.toCeremonyTimelineData = exports.toDirectionWheelData = exports.toReciprocityFlowDiagram = exports.toKinshipGraphLayout = exports.buildGraphData = exports.relationsToGraphLinks = exports.edgesToGraphLinks = exports.nodesToGraphNodes = exports.directionLabelPosition = exports.curvedLinkPath = exports.quadrantArcPath = exports.getQuadrantGeometries = exports.DEFAULT_LAYOUT = exports.applyWheelLayout = exports.MedicineWheelGraph = void 0;
+exports.toMermaidDiagram = exports.toCeremonyTimelineData = exports.toDirectionWheelData = exports.toReciprocityFlowDiagram = exports.toKinshipGraphLayout = exports.buildGraphData = exports.relationsToGraphLinks = exports.edgesToGraphLinks = exports.nodesToGraphNodes = exports.constrainToWheel = exports.directionForPoint = exports.directionLabelPosition = exports.curvedLinkPath = exports.quadrantArcPath = exports.getQuadrantGeometries = exports.DEFAULT_LAYOUT = exports.applyWheelLayout = exports.MedicineWheelGraph = void 0;
 // ── Component ───────────────────────────────────────────────────────────────
 var MedicineWheelGraph_js_1 = require("./MedicineWheelGraph.js");
 Object.defineProperty(exports, "MedicineWheelGraph", { enumerable: true, get: function () { return MedicineWheelGraph_js_1.MedicineWheelGraph; } });
@@ -21,6 +21,8 @@ Object.defineProperty(exports, "getQuadrantGeometries", { enumerable: true, get:
 Object.defineProperty(exports, "quadrantArcPath", { enumerable: true, get: function () { return layout_js_1.quadrantArcPath; } });
 Object.defineProperty(exports, "curvedLinkPath", { enumerable: true, get: function () { return layout_js_1.curvedLinkPath; } });
 Object.defineProperty(exports, "directionLabelPosition", { enumerable: true, get: function () { return layout_js_1.directionLabelPosition; } });
+Object.defineProperty(exports, "directionForPoint", { enumerable: true, get: function () { return layout_js_1.directionForPoint; } });
+Object.defineProperty(exports, "constrainToWheel", { enumerable: true, get: function () { return layout_js_1.constrainToWheel; } });
 // ── Data Converters ─────────────────────────────────────────────────────────
 var converters_js_1 = require("./converters.js");
 Object.defineProperty(exports, "nodesToGraphNodes", { enumerable: true, get: function () { return converters_js_1.nodesToGraphNodes; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAEH,+EAA+E;AAC/E,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA;AAgB3B,+EAA+E;AAC/E,yCAOqB;AANnB,6GAAA,gBAAgB,OAAA;AAChB,2GAAA,cAAc,OAAA;AACd,kHAAA,qBAAqB,OAAA;AACrB,4GAAA,eAAe,OAAA;AACf,2GAAA,cAAc,OAAA;AACd,mHAAA,sBAAsB,OAAA;AAGxB,+EAA+E;AAC/E,iDAKyB;AAJvB,kHAAA,iBAAiB,OAAA;AACjB,kHAAA,iBAAiB,OAAA;AACjB,sHAAA,qBAAqB,OAAA;AACrB,+GAAA,cAAc,OAAA;AAahB,6CAMuB;AALrB,mHAAA,oBAAoB,OAAA;AACpB,uHAAA,wBAAwB,OAAA;AACxB,mHAAA,oBAAoB,OAAA;AACpB,qHAAA,sBAAsB,OAAA;AACtB,+GAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAEH,+EAA+E;AAC/E,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA;AAgB3B,+EAA+E;AAC/E,yCASqB;AARnB,6GAAA,gBAAgB,OAAA;AAChB,2GAAA,cAAc,OAAA;AACd,kHAAA,qBAAqB,OAAA;AACrB,4GAAA,eAAe,OAAA;AACf,2GAAA,cAAc,OAAA;AACd,mHAAA,sBAAsB,OAAA;AACtB,8GAAA,iBAAiB,OAAA;AACjB,6GAAA,gBAAgB,OAAA;AAGlB,+EAA+E;AAC/E,iDAKyB;AAJvB,kHAAA,iBAAiB,OAAA;AACjB,kHAAA,iBAAiB,OAAA;AACjB,sHAAA,qBAAqB,OAAA;AACrB,+GAAA,cAAc,OAAA;AAahB,6CAMuB;AALrB,mHAAA,oBAAoB,OAAA;AACpB,uHAAA,wBAAwB,OAAA;AACxB,mHAAA,oBAAoB,OAAA;AACpB,qHAAA,sBAAsB,OAAA;AACtB,+GAAA,gBAAgB,OAAA"}

package/dist/interactive/DirectionQuadrant.d.ts

@@ -1,18 +1,36 @@
 /**
  * @medicine-wheel/graph-viz — Direction quadrant backdrop
  *
- * Draws the four medicine-wheel direction sectors (East/South/West/North)
- * behind the nodes, in flow coordinates, so the backdrop pans and zooms
- * with the canvas. Reuses `getQuadrantGeometries` + `quadrantArcPath`.
+ * Draws the wheel made visible behind the nodes: four direction sectors,
+ * concentric rings, the four-direction cross, and bilingual direction
+ * labels (English + Ojibwe). Rendered in flow coordinates via
+ * `ViewportPortal` so the backdrop pans and zooms with the canvas.
+ *
+ * Colors: the canonical semantic direction colors live in ontology-core
+ * (`DIRECTION_COLORS`) and are NOT changed here. Presentation on the dark
+ * ground reads the app's `--mw-*` tokens with self-contained fallbacks —
+ * this is what makes West (semantically near-black) visible.
  *
  * The entire backdrop is `pointer-events: none` so it never steals drag /
  * pan gestures from React Flow.
  */
 import React from 'react';
+import type { DirectionName } from '@medicine-wheel/ontology-core';
 import type { WheelLayoutConfig } from '../types.js';
 export interface DirectionQuadrantProps {
     layout?: Partial<WheelLayoutConfig>;
     showLabels?: boolean;
 }
+/**
+ * Presentation tints per direction — CSS custom properties from the app's
+ * token system (`tokens.css`), with fallbacks so the package renders
+ * standalone. Direction color = information: these tints only ever mark
+ * the direction they belong to.
+ */
+export declare const DIRECTION_PRESENTATION: Record<DirectionName, {
+    fill: string;
+    stroke: string;
+    ink: string;
+}>;
 export declare function DirectionQuadrant({ layout, showLabels, }: DirectionQuadrantProps): React.JSX.Element;
 //# sourceMappingURL=DirectionQuadrant.d.ts.map

package/dist/interactive/DirectionQuadrant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionQuadrant.d.ts","sourceRoot":"","sources":["../../src/interactive/DirectionQuadrant.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAiB,GAClB,EAAE,sBAAsB,qBA0ExB"}
+{"version":3,"file":"DirectionQuadrant.d.ts","sourceRoot":"","sources":["../../src/interactive/DirectionQuadrant.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAOnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,aAAa,EACb;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAsB9C,CAAC;AAQF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAiB,GAClB,EAAE,sBAAsB,qBAiIxB"}

package/dist/interactive/DirectionQuadrant.js

@@ -1,23 +1,75 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIRECTION_PRESENTATION = void 0;
 exports.DirectionQuadrant = DirectionQuadrant;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@xyflow/react");
 const layout_js_1 = require("../layout.js");
+/**
+ * Presentation tints per direction — CSS custom properties from the app's
+ * token system (`tokens.css`), with fallbacks so the package renders
+ * standalone. Direction color = information: these tints only ever mark
+ * the direction they belong to.
+ */
+exports.DIRECTION_PRESENTATION = {
+    east: {
+        fill: 'var(--mw-east-quadrant, rgba(255, 215, 0, 0.05))',
+        stroke: 'var(--mw-east-border, rgba(255, 215, 0, 0.38))',
+        ink: 'var(--mw-east-ink, #FFD700)',
+    },
+    south: {
+        fill: 'var(--mw-south-quadrant, rgba(220, 38, 38, 0.06))',
+        stroke: 'var(--mw-south-border, rgba(220, 38, 38, 0.38))',
+        ink: 'var(--mw-south-ink, #FF7B72)',
+    },
+    west: {
+        fill: 'var(--mw-west-quadrant, rgba(107, 122, 153, 0.09))',
+        stroke: 'var(--mw-west-border, rgba(107, 122, 153, 0.44))',
+        ink: 'var(--mw-west-ink, #9FAEC9)',
+    },
+    north: {
+        fill: 'var(--mw-north-quadrant, rgba(247, 245, 240, 0.04))',
+        stroke: 'var(--mw-north-border, rgba(247, 245, 240, 0.38))',
+        ink: 'var(--mw-north-ink, #F7F5F0)',
+    },
+};
+const RING_STROKE = 'rgba(255, 255, 255, 0.07)';
+const CROSS_STROKE = 'rgba(255, 255, 255, 0.09)';
+/** Quadrant boundary angles (degrees): the four-direction cross. */
+const CROSS_ANGLES = [45, 135, 225, 315];
 function DirectionQuadrant({ layout, showLabels = true, }) {
     const cfg = { ...layout_js_1.DEFAULT_LAYOUT, ...layout };
     const quadrants = (0, layout_js_1.getQuadrantGeometries)(cfg);
     const { centerX, centerY, radius, innerRadius = 60 } = cfg;
+    // Concentric rings: heart, midway breaths, and the rim.
+    const ringRadii = [
+        innerRadius,
+        innerRadius + (radius - innerRadius) / 3,
+        innerRadius + ((radius - innerRadius) * 2) / 3,
+    ];
     return ((0, jsx_runtime_1.jsx)(react_1.ViewportPortal, { children: (0, jsx_runtime_1.jsx)("svg", { style: {
                 position: 'absolute',
                 left: 0,
                 top: 0,
                 overflow: 'visible',
                 pointerEvents: 'none',
-            }, children: (0, jsx_runtime_1.jsxs)("g", { pointerEvents: "none", children: [quadrants.map((q) => ((0, jsx_runtime_1.jsx)("path", { d: (0, layout_js_1.quadrantArcPath)(centerX, centerY, radius, innerRadius, q.startAngle, q.endAngle), fill: q.color, opacity: 0.08, stroke: q.color, strokeOpacity: 0.25, strokeWidth: 1, pointerEvents: "none" }, q.direction))), showLabels &&
+            }, "aria-hidden": "true", children: (0, jsx_runtime_1.jsxs)("g", { pointerEvents: "none", children: [quadrants.map((q) => {
+                        const look = exports.DIRECTION_PRESENTATION[q.direction];
+                        return ((0, jsx_runtime_1.jsx)("path", { d: (0, layout_js_1.quadrantArcPath)(centerX, centerY, radius, innerRadius, q.startAngle, q.endAngle), style: { fill: look.fill, stroke: look.stroke }, strokeWidth: 1.25, pointerEvents: "none" }, q.direction));
+                    }), ringRadii.map((r) => ((0, jsx_runtime_1.jsx)("circle", { cx: centerX, cy: centerY, r: r, fill: "none", stroke: RING_STROKE, strokeWidth: 1 }, `ring-${r}`))), (0, jsx_runtime_1.jsx)("circle", { cx: centerX, cy: centerY, r: radius, fill: "none", stroke: "rgba(255, 255, 255, 0.12)", strokeWidth: 1.5 }), CROSS_ANGLES.map((deg) => {
+                        const rad = (deg * Math.PI) / 180;
+                        return ((0, jsx_runtime_1.jsx)("line", { x1: centerX + Math.cos(rad) * innerRadius, y1: centerY + Math.sin(rad) * innerRadius, x2: centerX + Math.cos(rad) * radius, y2: centerY + Math.sin(rad) * radius, stroke: CROSS_STROKE, strokeWidth: 1 }, `cross-${deg}`));
+                    }), showLabels &&
                         quadrants.map((q) => {
-                            const pos = (0, layout_js_1.directionLabelPosition)(centerX, centerY, radius, q.direction);
-                            return ((0, jsx_runtime_1.jsxs)("text", { x: pos.x, y: pos.y, textAnchor: pos.anchor, fill: q.color, fontSize: 14, fontWeight: 700, opacity: 0.7, pointerEvents: "none", children: [q.label, (0, jsx_runtime_1.jsx)("tspan", { x: pos.x, dy: 16, fontSize: 11, fontWeight: 400, opacity: 0.8, children: q.ojibwe })] }, `label-${q.direction}`));
+                            const rad = (q.centerAngle * Math.PI) / 180;
+                            const labelRadius = radius - 44;
+                            const x = centerX + Math.cos(rad) * labelRadius;
+                            // Nudge south up so both text lines stay inside the rim.
+                            const y = centerY +
+                                Math.sin(rad) * labelRadius -
+                                (q.direction === 'south' ? 14 : 0);
+                            const ink = exports.DIRECTION_PRESENTATION[q.direction].ink;
+                            return ((0, jsx_runtime_1.jsxs)("text", { x: x, y: y, textAnchor: "middle", style: { fill: ink }, fontSize: 15, fontWeight: 700, letterSpacing: "0.08em", opacity: 0.92, pointerEvents: "none", children: [q.label.toUpperCase(), (0, jsx_runtime_1.jsx)("tspan", { x: x, dy: 17, fontSize: 11.5, fontWeight: 400, letterSpacing: "0.02em", opacity: 0.85, children: q.ojibwe })] }, `label-${q.direction}`));
                         })] }) }) }));
 }
 //# sourceMappingURL=DirectionQuadrant.js.map

package/dist/interactive/DirectionQuadrant.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionQuadrant.js","sourceRoot":"","sources":["../../src/interactive/DirectionQuadrant.tsx"],"names":[],"mappings":";;AA2BA,8CA6EC;;AA5FD,yCAA+C;AAE/C,4CAKsB;AAQtB,SAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,GAAG,IAAI,GACM;IACvB,MAAM,GAAG,GAAsB,EAAE,GAAG,0BAAc,EAAE,GAAG,MAAM,EAAE,CAAC;IAChE,MAAM,SAAS,GAAG,IAAA,iCAAqB,EAAC,GAAG,CAAC,CAAC;IAC7C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC;IAE3D,OAAO,CACL,uBAAC,sBAAc,cACb,gCACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,CAAC;gBACN,QAAQ,EAAE,SAAS;gBACnB,aAAa,EAAE,MAAM;aACtB,YAED,+BAAG,aAAa,EAAC,MAAM,aACpB,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,iCAEE,CAAC,EAAE,IAAA,2BAAe,EAChB,OAAO,EACP,OAAO,EACP,MAAM,EACN,WAAW,EACX,CAAC,CAAC,UAAU,EACZ,CAAC,CAAC,QAAQ,CACX,EACD,IAAI,EAAE,CAAC,CAAC,KAAK,EACb,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,CAAC,CAAC,KAAK,EACf,aAAa,EAAE,IAAI,EACnB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,MAAM,IAdf,CAAC,CAAC,SAAS,CAehB,CACH,CAAC,EAED,UAAU;wBACT,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;4BAClB,MAAM,GAAG,GAAG,IAAA,kCAAsB,EAChC,OAAO,EACP,OAAO,EACP,MAAM,EACN,CAAC,CAAC,SAAS,CACZ,CAAC;4BACF,OAAO,CACL,kCAEE,CAAC,EAAE,GAAG,CAAC,CAAC,EACR,CAAC,EAAE,GAAG,CAAC,CAAC,EACR,UAAU,EAAE,GAAG,CAAC,MAAM,EACtB,IAAI,EAAE,CAAC,CAAC,KAAK,EACb,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,GAAG,EACf,OAAO,EAAE,GAAG,EACZ,aAAa,EAAC,MAAM,aAEnB,CAAC,CAAC,KAAK,EACR,kCACE,CAAC,EAAE,GAAG,CAAC,CAAC,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,GAAG,EACf,OAAO,EAAE,GAAG,YAEX,CAAC,CAAC,MAAM,GACH,KAnBH,SAAS,CAAC,CAAC,SAAS,EAAE,CAoBtB,CACR,CAAC;wBACJ,CAAC,CAAC,IACF,GACA,GACS,CAClB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DirectionQuadrant.js","sourceRoot":"","sources":["../../src/interactive/DirectionQuadrant.tsx"],"names":[],"mappings":"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"}

package/dist/interactive/GraphContextMenu.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @medicine-wheel/graph-viz — Graph context menus
+ *
+ * Presentational pieces for the node / edge / pane right-click menus:
+ * a positioned panel, menu items, and an inline "create node here" form
+ * (name + type, direction pre-read from the quadrant the click landed in).
+ * State and actions live in `MedicineWheelFlowGraph`.
+ */
+import React from 'react';
+import type { DirectionName, NodeType } from '@medicine-wheel/ontology-core';
+/** Which menu is open, and where (pane-relative CSS px). */
+export type GraphMenuState = {
+    kind: 'node';
+    nodeId: string;
+    x: number;
+    y: number;
+} | {
+    kind: 'edge';
+    edgeId: string;
+    x: number;
+    y: number;
+    confirmRelease?: boolean;
+} | {
+    kind: 'pane';
+    x: number;
+    y: number;
+    flowX: number;
+    flowY: number;
+    creating?: boolean;
+};
+export declare function GraphContextMenu({ x, y, title, children, }: {
+    x: number;
+    y: number;
+    title?: React.ReactNode;
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function GraphMenuItem({ label, hint, onSelect, disabled, danger, }: {
+    label: React.ReactNode;
+    hint?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+}): React.JSX.Element;
+export declare function GraphMenuDivider(): React.JSX.Element;
+/** Direction badge in the direction's ink. */
+export declare function DirectionBadge({ direction }: {
+    direction: DirectionName;
+}): React.JSX.Element;
+/**
+ * Inline "create node here" form. The direction comes from the quadrant
+ * the click landed in and travels with the request.
+ */
+export declare function CreateNodeInlineForm({ direction, onSubmit, onCancel, }: {
+    direction?: DirectionName;
+    onSubmit: (values: {
+        name: string;
+        type: NodeType;
+    }) => void;
+    onCancel: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=GraphContextMenu.d.ts.map

package/dist/interactive/GraphContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphContextMenu.d.ts","sourceRoot":"","sources":["../../src/interactive/GraphContextMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAI7E,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GACtD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAqCN,wBAAgB,gBAAgB,CAAC,EAC/B,CAAC,EACD,CAAC,EACD,KAAK,EACL,QAAQ,GACT,EAAE;IACD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBA0BA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,qBAiCA;AAED,wBAAgB,gBAAgB,sBAU/B;AAED,8CAA8C;AAC9C,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,qBAiBzE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,qBAyFA"}

package/dist/interactive/GraphContextMenu.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphContextMenu = GraphContextMenu;
+exports.GraphMenuItem = GraphMenuItem;
+exports.GraphMenuDivider = GraphMenuDivider;
+exports.DirectionBadge = DirectionBadge;
+exports.CreateNodeInlineForm = CreateNodeInlineForm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @medicine-wheel/graph-viz — Graph context menus
+ *
+ * Presentational pieces for the node / edge / pane right-click menus:
+ * a positioned panel, menu items, and an inline "create node here" form
+ * (name + type, direction pre-read from the quadrant the click landed in).
+ * State and actions live in `MedicineWheelFlowGraph`.
+ */
+const react_1 = require("react");
+const DirectionQuadrant_js_1 = require("./DirectionQuadrant.js");
+const NODE_TYPE_OPTIONS = [
+    'human',
+    'land',
+    'spirit',
+    'ancestor',
+    'future',
+    'knowledge',
+];
+const panelStyle = {
+    position: 'absolute',
+    zIndex: 30,
+    minWidth: 200,
+    padding: 6,
+    borderRadius: 10,
+    background: 'var(--mw-card, #12122a)',
+    border: '1px solid var(--mw-border, rgba(255, 255, 255, 0.12))',
+    boxShadow: '0 10px 28px rgba(0, 0, 0, 0.5)',
+    fontSize: 13,
+    color: 'var(--mw-fg, #e5e7eb)',
+};
+const itemStyle = {
+    display: 'block',
+    width: '100%',
+    textAlign: 'left',
+    padding: '7px 10px',
+    borderRadius: 6,
+    border: 'none',
+    background: 'transparent',
+    color: 'inherit',
+    font: 'inherit',
+    cursor: 'pointer',
+};
+function GraphContextMenu({ x, y, title, children, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mw-context-menu nodrag nopan", style: { ...panelStyle, left: x, top: y }, role: "menu", onContextMenu: (e) => e.preventDefault(), children: [title && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    padding: '5px 10px 7px',
+                    fontSize: 11,
+                    color: 'var(--mw-muted, #9ca3af)',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    maxWidth: 240,
+                }, children: title })), children] }));
+}
+function GraphMenuItem({ label, hint, onSelect, disabled, danger, }) {
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", role: "menuitem", className: "mw-context-menu-item", style: {
+            ...itemStyle,
+            color: danger
+                ? 'var(--mw-destructive-ink, #f87171)'
+                : disabled
+                    ? 'var(--mw-muted, #9ca3af)'
+                    : 'inherit',
+            cursor: disabled ? 'default' : 'pointer',
+        }, onClick: disabled ? undefined : onSelect, disabled: disabled, children: [label, hint && ((0, jsx_runtime_1.jsx)("span", { style: {
+                    display: 'block',
+                    fontSize: 10.5,
+                    color: 'var(--mw-muted, #9ca3af)',
+                    marginTop: 1,
+                }, children: hint }))] }));
+}
+function GraphMenuDivider() {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            height: 1,
+            margin: '5px 8px',
+            background: 'var(--mw-border, rgba(255, 255, 255, 0.1))',
+        } }));
+}
+/** Direction badge in the direction's ink. */
+function DirectionBadge({ direction }) {
+    const ink = DirectionQuadrant_js_1.DIRECTION_PRESENTATION[direction].ink;
+    return ((0, jsx_runtime_1.jsx)("span", { style: {
+            display: 'inline-block',
+            padding: '1px 7px',
+            borderRadius: 999,
+            fontSize: 10.5,
+            fontWeight: 600,
+            color: ink,
+            border: `1px solid ${DirectionQuadrant_js_1.DIRECTION_PRESENTATION[direction].stroke}`,
+        }, children: direction }));
+}
+/**
+ * Inline "create node here" form. The direction comes from the quadrant
+ * the click landed in and travels with the request.
+ */
+function CreateNodeInlineForm({ direction, onSubmit, onCancel, }) {
+    const [name, setName] = (0, react_1.useState)('');
+    const [type, setType] = (0, react_1.useState)('human');
+    const fieldStyle = {
+        width: '100%',
+        padding: '6px 8px',
+        borderRadius: 6,
+        border: '1px solid var(--mw-border, rgba(255, 255, 255, 0.14))',
+        background: 'rgba(255, 255, 255, 0.05)',
+        color: 'inherit',
+        font: 'inherit',
+        fontSize: 12.5,
+    };
+    const submit = () => {
+        const trimmed = name.trim();
+        if (!trimmed)
+            return;
+        onSubmit({ name: trimmed, type });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '4px 10px 8px', display: 'grid', gap: 6 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: 8,
+                    fontSize: 11,
+                    color: 'var(--mw-muted, #9ca3af)',
+                }, children: [(0, jsx_runtime_1.jsx)("span", { children: "New node" }), direction && (0, jsx_runtime_1.jsx)(DirectionBadge, { direction: direction })] }), (0, jsx_runtime_1.jsx)("input", { autoFocus: true, value: name, onChange: (e) => setName(e.target.value), onKeyDown: (e) => {
+                    if (e.key === 'Enter')
+                        submit();
+                    if (e.key === 'Escape')
+                        onCancel();
+                }, placeholder: "Name the being", "aria-label": "Node name", style: fieldStyle, className: "nodrag" }), (0, jsx_runtime_1.jsx)("select", { value: type, onChange: (e) => setType(e.target.value), "aria-label": "Node type", style: fieldStyle, className: "nodrag", children: NODE_TYPE_OPTIONS.map((t) => ((0, jsx_runtime_1.jsx)("option", { value: t, style: { background: '#101020' }, children: t }, t))) }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 6 }, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "mw-context-menu-item", onClick: submit, disabled: !name.trim(), style: {
+                            ...itemStyle,
+                            flex: 1,
+                            textAlign: 'center',
+                            background: 'rgba(255, 255, 255, 0.1)',
+                            opacity: name.trim() ? 1 : 0.5,
+                        }, children: "Place node" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "mw-context-menu-item", onClick: onCancel, style: { ...itemStyle, flex: 0, textAlign: 'center' }, children: "Cancel" })] })] }));
+}
+//# sourceMappingURL=GraphContextMenu.js.map

package/dist/interactive/GraphContextMenu.js.map

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

package/dist/interactive/MedicineWheelEdge.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @medicine-wheel/graph-viz — Custom radial edge
+ *
+ * Floating edge for circular nodes: endpoints sit on each node's
+ * circumference (not its center), the path honors `MWGraphLink.curvature`
+ * as a quadratic arc around the wheel, and labels render as HTML pills via
+ * `EdgeLabelRenderer` so they stay legible over quadrant tints.
+ *
+ * Ceremony-honored links are the only elements allowed to glow gold:
+ * they get a gold→ember gradient stroke and, when animation is enabled
+ * and the user does not prefer reduced motion, a slow particle traveling
+ * the thread.
+ */
+import React from 'react';
+import { type EdgeProps } from '@xyflow/react';
+export declare function MedicineWheelEdge({ id, source, target, style, label, data, markerEnd, animated, selected, }: EdgeProps): React.JSX.Element | null;
+//# sourceMappingURL=MedicineWheelEdge.d.ts.map

package/dist/interactive/MedicineWheelEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MedicineWheelEdge.d.ts","sourceRoot":"","sources":["../../src/interactive/MedicineWheelEdge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAwDvB,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,SAAS,4BAoGX"}

package/dist/interactive/MedicineWheelEdge.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MedicineWheelEdge = MedicineWheelEdge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @medicine-wheel/graph-viz — Custom radial edge
+ *
+ * Floating edge for circular nodes: endpoints sit on each node's
+ * circumference (not its center), the path honors `MWGraphLink.curvature`
+ * as a quadratic arc around the wheel, and labels render as HTML pills via
+ * `EdgeLabelRenderer` so they stay legible over quadrant tints.
+ *
+ * Ceremony-honored links are the only elements allowed to glow gold:
+ * they get a gold→ember gradient stroke and, when animation is enabled
+ * and the user does not prefer reduced motion, a slow particle traveling
+ * the thread.
+ */
+const react_1 = require("react");
+const react_2 = require("@xyflow/react");
+const layout_js_1 = require("../layout.js");
+/** Point on a circle's circumference toward a target point. */
+function circleEdgePoint(cx, cy, r, tx, ty) {
+    const dx = tx - cx;
+    const dy = ty - cy;
+    const len = Math.hypot(dx, dy) || 1;
+    return { x: cx + (dx / len) * r, y: cy + (dy / len) * r };
+}
+/** Midpoint (t = 0.5) of the quadratic arc used by `curvedLinkPath`. */
+function arcMidpoint(x1, y1, x2, y2, curvature) {
+    if (curvature === 0) {
+        return { x: (x1 + x2) / 2, y: (y1 + y2) / 2 };
+    }
+    const dx = x2 - x1;
+    const dy = y2 - y1;
+    const cx = (x1 + x2) / 2 - dy * curvature;
+    const cy = (y1 + y2) / 2 + dx * curvature;
+    return {
+        x: 0.25 * x1 + 0.5 * cx + 0.25 * x2,
+        y: 0.25 * y1 + 0.5 * cy + 0.25 * y2,
+    };
+}
+/** SSR-safe `prefers-reduced-motion` subscription. */
+function usePrefersReducedMotion() {
+    const [reduced, setReduced] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (typeof window === 'undefined' || !window.matchMedia)
+            return;
+        const query = window.matchMedia('(prefers-reduced-motion: reduce)');
+        setReduced(query.matches);
+        const onChange = (event) => setReduced(event.matches);
+        query.addEventListener('change', onChange);
+        return () => query.removeEventListener('change', onChange);
+    }, []);
+    return reduced;
+}
+function MedicineWheelEdge({ id, source, target, style, label, data, markerEnd, animated, selected, }) {
+    const sourceNode = (0, react_2.useInternalNode)(source);
+    const targetNode = (0, react_2.useInternalNode)(target);
+    const prefersReducedMotion = usePrefersReducedMotion();
+    if (!sourceNode || !targetNode)
+        return null;
+    const edgeData = data;
+    const link = edgeData?.link;
+    const ceremony = link?.ceremonyHonored === true;
+    const curvature = link?.curvature ?? 0;
+    const dimmed = edgeData?.dimmed === true;
+    const sr = (sourceNode.measured.width ?? 26) / 2;
+    const tr = (targetNode.measured.width ?? 26) / 2;
+    const sc = {
+        x: sourceNode.internals.positionAbsolute.x + sr,
+        y: sourceNode.internals.positionAbsolute.y + sr,
+    };
+    const tc = {
+        x: targetNode.internals.positionAbsolute.x + tr,
+        y: targetNode.internals.positionAbsolute.y + tr,
+    };
+    const from = circleEdgePoint(sc.x, sc.y, sr, tc.x, tc.y);
+    const to = circleEdgePoint(tc.x, tc.y, tr, sc.x, sc.y);
+    const path = (0, layout_js_1.curvedLinkPath)(from.x, from.y, to.x, to.y, curvature);
+    const mid = arcMidpoint(from.x, from.y, to.x, to.y, curvature);
+    const gradientId = `mw-ceremony-${id}`;
+    const edgeStyle = {
+        ...style,
+        ...(ceremony ? { stroke: `url(#${gradientId})` } : undefined),
+        ...(dimmed ? { opacity: 0.1 } : undefined),
+        transition: 'opacity 200ms ease',
+    };
+    const showParticle = ceremony && animated && !prefersReducedMotion && !dimmed;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [ceremony && ((0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: gradientId, gradientUnits: "userSpaceOnUse", x1: from.x, y1: from.y, x2: to.x, y2: to.y, children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "#FFD700" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "#FF8C42" })] }) })), (0, jsx_runtime_1.jsx)(react_2.BaseEdge, { id: id, path: path, style: edgeStyle, markerEnd: markerEnd, interactionWidth: 16 }), showParticle && ((0, jsx_runtime_1.jsx)("circle", { r: 3, fill: "#FFD700", opacity: 0.9, pointerEvents: "none", children: (0, jsx_runtime_1.jsx)("animateMotion", { dur: "3.6s", repeatCount: "indefinite", path: path }) })), label && ((0, jsx_runtime_1.jsx)(react_2.EdgeLabelRenderer, { children: (0, jsx_runtime_1.jsx)("div", { className: "nodrag nopan mw-edge-label", style: {
+                        position: 'absolute',
+                        transform: `translate(-50%, -50%) translate(${mid.x}px, ${mid.y}px)`,
+                        background: 'var(--mw-edge-label-bg, rgba(10, 10, 26, 0.85))',
+                        color: ceremony
+                            ? 'var(--mw-ceremony, #FFD700)'
+                            : 'var(--mw-edge-label-fg, #cbd5e1)',
+                        border: selected
+                            ? '1px solid var(--mw-north, #f7f5f0)'
+                            : '1px solid rgba(255, 255, 255, 0.08)',
+                        padding: '1px 6px',
+                        borderRadius: 6,
+                        fontSize: 10,
+                        lineHeight: '14px',
+                        whiteSpace: 'nowrap',
+                        pointerEvents: 'all',
+                        opacity: dimmed ? 0.1 : 1,
+                        transition: 'opacity 200ms ease',
+                    }, children: label }) }))] }));
+}
+//# sourceMappingURL=MedicineWheelEdge.js.map

package/dist/interactive/MedicineWheelEdge.js.map

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

package/dist/interactive/MedicineWheelFlowGraph.d.ts

@@ -15,7 +15,8 @@
  * at the app level:  `import '@xyflow/react/dist/style.css'`.
  */
 import React from 'react';
-import type { MWGraphData, MWGraphNode, MWGraphNodePositions, WheelLayoutConfig } from '../types.js';
+import type { DirectionName, NodeType } from '@medicine-wheel/ontology-core';
+import type { MWGraphData, MWGraphNode, MWGraphLink, MWGraphNodePositions, WheelLayoutConfig } from '../types.js';
 export interface MedicineWheelFlowGraphProps {
     /** Graph data (nodes + links). Re-layout happens whenever this changes. */
     data: MWGraphData;
@@ -51,6 +52,41 @@ export interface MedicineWheelFlowGraphProps {
     onNodeDoubleClick?: (node: MWGraphNode) => void;
     /** Fired when user-dragged node positions should be persisted. */
     onNodePositionsChange?: (positions: MWGraphNodePositions) => void;
+    /**
+     * Enable weaving relations by dragging between nodes. Default: false.
+     * The optimistic edge appears immediately; the consumer persists it via
+     * `onRelationCreate` (and reloads `data` to canonicalize or revert).
+     */
+    enableConnections?: boolean;
+    /** Fired when a connection gesture completes between two nodes. */
+    onRelationCreate?: (sourceId: string, targetId: string) => void;
+    /** Fired from the node menu's "Open node". Falls back to onNodeDoubleClick. */
+    onNodeOpen?: (node: MWGraphNode) => void;
+    /** Fired from the pane menu's "Create node here" inline form. */
+    onNodeCreateRequest?: (request: {
+        name: string;
+        type: NodeType;
+        direction?: DirectionName;
+        position: {
+            x: number;
+            y: number;
+        };
+    }) => void;
+    /** Fired from the edge menu's "Honor ceremony". */
+    onEdgeCeremonyRequest?: (link: MWGraphLink) => void;
+    /** Fired from the edge menu's confirmed "Release relation". */
+    onEdgeDeleteRequest?: (link: MWGraphLink) => void;
+    /**
+     * Ambient emphasis on one direction's beings (e.g. deep-link from the
+     * home wheel via ?direction=). Hover emphasis takes precedence.
+     */
+    highlightDirection?: DirectionName;
+    /**
+     * Radial snapping while dragging/nudging. Default: 'off'.
+     * 'ring': beings stay in their band (direction ring / center heart).
+     * 'sector': additionally, beings stay inside their direction quadrant.
+     */
+    radialSnap?: 'off' | 'ring' | 'sector';
 }
 /**
  * Interactive Medicine Wheel graph. Self-contained: wraps its own

package/dist/interactive/MedicineWheelFlowGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MedicineWheelFlowGraph.d.ts","sourceRoot":"","sources":["../../src/interactive/MedicineWheelFlowGraph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAA0C,MAAM,OAAO,CAAC;AAqB/D,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EAEX,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,aAAa,CAAC;AASrB,MAAM,WAAW,2BAA2B;IAC1C,2EAA2E;IAC3E,IAAI,EAAE,WAAW,CAAC;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,mEAAmE;IACnE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,kEAAkE;IAClE,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnE;AA8OD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAMxE"}
+{"version":3,"file":"MedicineWheelFlowGraph.d.ts","sourceRoot":"","sources":["../../src/interactive/MedicineWheelFlowGraph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AA6BjF,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAe7E,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAUrB,MAAM,WAAW,2BAA2B;IAC1C,2EAA2E;IAC3E,IAAI,EAAE,WAAW,CAAC;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,mEAAmE;IACnE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,kEAAkE;IAClE,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAClE;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE;QAC9B,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,QAAQ,CAAC;QACf,SAAS,CAAC,EAAE,aAAa,CAAC;QAC1B,QAAQ,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpC,KAAK,IAAI,CAAC;IACX,mDAAmD;IACnD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD,+DAA+D;IAC/D,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAq5BD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAMxE"}