@multiplatform.one/node-graph 7.7.2

package/dist/esm/dom/wire.native.js

@@ -0,0 +1,239 @@
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var graphEventKinds = ["ready", "commit", "selection", "viewport", "nodeActivate", "connectRefused", "haptic", "metrics", "paint", "layoutResult", "perfReport", "lasso", "error"];
+var graphEventEmission = {
+  ready: {
+    firesOn: "the canvas mounted and painted once",
+    throttle: {
+      mode: "none"
+    }
+  },
+  commit: {
+    firesOn: "drag stop, connect, delete, paste, layout commit",
+    throttle: {
+      mode: "none"
+    }
+  },
+  selection: {
+    firesOn: "selection commit, lasso release",
+    throttle: {
+      mode: "none"
+    }
+  },
+  viewport: {
+    firesOn: "pan/zoom, only when `reportViewport` is on",
+    throttle: {
+      mode: "trailing",
+      ms: 125
+    }
+  },
+  nodeActivate: {
+    firesOn: "tap on a field, double-tap on a node",
+    throttle: {
+      mode: "none"
+    }
+  },
+  connectRefused: {
+    firesOn: "illegal drop",
+    throttle: {
+      mode: "none"
+    }
+  },
+  haptic: {
+    firesOn: "snap acquisition, lasso arm, connect",
+    throttle: {
+      mode: "floor",
+      ms: 120
+    }
+  },
+  metrics: {
+    firesOn: "bench only",
+    throttle: {
+      mode: "onDemand"
+    }
+  },
+  /**
+  * Unthrottled and fired ONCE per mount. It is what the watchdog is measured
+  * against, so a coalescing window here would be a window added to the budget.
+  */
+  paint: {
+    firesOn: "the frame after React Flow's first render",
+    throttle: {
+      mode: "none"
+    }
+  },
+  layoutResult: {
+    firesOn: "a relayout resolved",
+    throttle: {
+      mode: "none"
+    }
+  },
+  perfReport: {
+    firesOn: "perfStop",
+    throttle: {
+      mode: "onDemand"
+    }
+  },
+  /**
+  * `none`, not `floor`: the three phases are different facts and coalescing
+  * `arm` into `select` would lose the buzz. The gesture itself fires at most
+  * three of these, so there is nothing to throttle.
+  */
+  lasso: {
+    firesOn: "the hold firing, the finger lifting, or any cancel",
+    throttle: {
+      mode: "none"
+    }
+  },
+  error: {
+    firesOn: "a caught throw in boot, module eval, render or runtime",
+    throttle: {
+      mode: "none"
+    }
+  }
+};
+function isGraphEventKind(value) {
+  return typeof value === "string" && graphEventKinds.includes(value);
+}
+function encodeGraphEvent(event) {
+  return JSON.stringify(event);
+}
+function decodeGraphEvent(json) {
+  var parsed = JSON.parse(json);
+  if (!parsed || (typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) !== "object" || Array.isArray(parsed)) {
+    throw new Error(`graph event payload is not an object: ${json.slice(0, 120)}`);
+  }
+  var tag = parsed.t;
+  if (!isGraphEventKind(tag)) {
+    throw new Error(`graph event tag ${JSON.stringify(tag)} is not one of ${graphEventKinds.join(", ")} \u2014 the DOM bundle and its native host are out of step; rebuild the app.`);
+  }
+  return parsed;
+}
+var resizeObserverLoopNotice = /^(?:uncaught\s+)?(?:[a-z]*error:\s*)?resizeobserver loop\b/i;
+function isBenignCanvasError(message) {
+  return typeof message === "string" && resizeObserverLoopNotice.test(message);
+}
+function createRevEchoGate() {
+  var highWater = Number.NEGATIVE_INFINITY;
+  return {
+    markEmitted(rev) {
+      if (rev > highWater) highWater = rev;
+    },
+    acceptInbound(rev) {
+      if (rev <= highWater) return false;
+      highWater = rev;
+      return true;
+    },
+    highWater: function highWater1() {
+      return highWater;
+    }
+  };
+}
+function createGraphEventEmitter(options) {
+  var _options_now, _options_schedule, _options_cancel;
+  var now = (_options_now = options.now) !== null && _options_now !== void 0 ? _options_now : function () {
+    return Date.now();
+  };
+  var schedule = (_options_schedule = options.schedule) !== null && _options_schedule !== void 0 ? _options_schedule : function (fn, ms) {
+    return globalThis.setTimeout(fn, ms);
+  };
+  var cancel = (_options_cancel = options.cancel) !== null && _options_cancel !== void 0 ? _options_cancel : function (handle) {
+    return globalThis.clearTimeout(handle);
+  };
+  var pending = /* @__PURE__ */new Map();
+  var timers = /* @__PURE__ */new Map();
+  var lastSentAt = /* @__PURE__ */new Map();
+  var disposed = false;
+  function send(event) {
+    lastSentAt.set(event.t, now());
+    options.send(encodeGraphEvent(event));
+  }
+  function fire(kind) {
+    timers.delete(kind);
+    var event = pending.get(kind);
+    if (!event) return;
+    pending.delete(kind);
+    send(event);
+  }
+  return {
+    emit(event) {
+      if (disposed) return;
+      var {
+        throttle
+      } = graphEventEmission[event.t];
+      if (throttle.mode === "none" || throttle.mode === "onDemand") {
+        send(event);
+        return;
+      }
+      if (throttle.mode === "floor") {
+        var last = lastSentAt.get(event.t);
+        if (last !== void 0 && now() - last < throttle.ms) return;
+        send(event);
+        return;
+      }
+      pending.set(event.t, event);
+      if (timers.has(event.t)) return;
+      timers.set(event.t, schedule(function () {
+        return fire(event.t);
+      }, throttle.ms));
+    },
+    flush() {
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = Array.from(pending.keys())[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var kind = _step.value;
+          var handle = timers.get(kind);
+          if (handle !== void 0) cancel(handle);
+          fire(kind);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+    },
+    dispose() {
+      disposed = true;
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = timers.values()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var handle = _step.value;
+          cancel(handle);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+      timers.clear();
+      pending.clear();
+    }
+  };
+}
+export { createGraphEventEmitter, createRevEchoGate, decodeGraphEvent, encodeGraphEvent, graphEventEmission, graphEventKinds, isBenignCanvasError, isGraphEventKind };
+//# sourceMappingURL=wire.native.js.map

package/dist/esm/dom/wire.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_type_of","obj","Symbol","constructor","graphEventKinds","graphEventEmission","ready","firesOn","throttle","mode","commit","selection","viewport","ms","nodeActivate","connectRefused","haptic","metrics","paint","layoutResult","perfReport","lasso","error","isGraphEventKind","value","includes","encodeGraphEvent","event","JSON","stringify","decodeGraphEvent","json","parsed","parse","Array","isArray","Error","slice","tag","t","join","resizeObserverLoopNotice","isBenignCanvasError","message","test","createRevEchoGate","highWater","Number","NEGATIVE_INFINITY","markEmitted","rev","acceptInbound","highWater1"],"sources":["../../../src/dom/wire.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/edges/GraphEdge.mjs

@@ -0,0 +1,139 @@
+import { usePresetContext, useResolvedKnobs } from "@multiplatform.one/theme";
+import { defaultKnobs } from "@multiplatform.one/theme";
+import { memo } from "react";
+import { SizableText, useTheme, View } from "tamagui";
+import { BaseEdge, EdgeLabelRenderer, getBezierPath, getSmoothStepPath, getStraightPath } from "../react-flow/xy.mjs";
+import { resolveEdgeStyle, themeTokenName } from "./edgeStyle.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const graphEdgeType = "mpGraphEdge";
+function buildEdgePath(path, geometry) {
+  const {
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  } = geometry;
+  switch (path) {
+    case "bezier":
+      {
+        const [d, labelX, labelY] = getBezierPath({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition
+        });
+        return [d, labelX, labelY];
+      }
+    case "straight":
+      {
+        const [d, labelX, labelY] = getStraightPath({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY
+        });
+        return [d, labelX, labelY];
+      }
+    case "step":
+    case "smoothstep":
+      {
+        const [d, labelX, labelY] = getSmoothStepPath({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition,
+          borderRadius: path === "step" ? 0 : void 0
+        });
+        return [d, labelX, labelY];
+      }
+  }
+}
+function useEdgeKnobs() {
+  const preset = usePresetContext();
+  const knobs = preset ? {
+    ...preset.preset.knobs,
+    ...preset.overrides
+  } : defaultKnobs;
+  return {
+    borderWidth: knobs.borderWidth,
+    animation: knobs.animation
+  };
+}
+function useStrokeValue(stroke) {
+  const theme = useTheme();
+  const entry = theme[themeTokenName(stroke)];
+  const value = entry?.get?.();
+  return typeof value === "string" ? value : "currentColor";
+}
+function GraphEdgeComponent(props) {
+  const data = props.data ?? {};
+  const {
+    borderWidth,
+    animation
+  } = useEdgeKnobs();
+  const style = resolveEdgeStyle({
+    kind: data.kind ?? "flow",
+    appearance: data.appearance,
+    borderWidth,
+    animation
+  });
+  const strokeValue = useStrokeValue(style.stroke);
+  const [d, labelX, labelY] = buildEdgePath(style.path, props);
+  const label = data.label ?? (typeof props.label === "string" ? props.label : void 0);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(BaseEdge, {
+      id: props.id,
+      path: d,
+      markerEnd: props.markerEnd,
+      style: {
+        stroke: `var(--mp-graph-edge-stroke, ${strokeValue})`,
+        strokeWidth: style.strokeWidth,
+        strokeDasharray: style.strokeDasharray,
+        animation: style.animation,
+        ...props.style
+      }
+    }), label ? /* @__PURE__ */jsx(EdgeLabel, {
+      label,
+      x: labelX,
+      y: labelY
+    }) : null]
+  });
+}
+function EdgeLabel({
+  label,
+  x,
+  y
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "GraphEdge"
+  });
+  return /* @__PURE__ */jsx(EdgeLabelRenderer, {
+    children: /* @__PURE__ */jsx(View, {
+      className: "mp-graph-edge-label",
+      position: "absolute",
+      transform: `translate(-50%, -50%) translate(${x}px, ${y}px)`,
+      pointerEvents: "none",
+      ...knobProps.surface,
+      ...knobProps.borderRadiusNested,
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */jsx(SizableText, {
+        ...knobProps.body,
+        children: label
+      })
+    })
+  });
+}
+const GraphEdge = memo(GraphEdgeComponent);
+const graphEdgeTypes = {
+  [graphEdgeType]: GraphEdge
+};
+export { GraphEdge, GraphEdgeComponent, buildEdgePath, graphEdgeType, graphEdgeTypes, useEdgeKnobs };
+//# sourceMappingURL=GraphEdge.mjs.map

package/dist/esm/edges/GraphEdge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePresetContext","useResolvedKnobs","defaultKnobs","memo","SizableText","useTheme","View","BaseEdge","EdgeLabelRenderer","getBezierPath","getSmoothStepPath","getStraightPath","resolveEdgeStyle","themeTokenName","Fragment","jsx","jsxs","graphEdgeType","buildEdgePath","path","geometry","sourceX","sourceY","targetX","targetY","sourcePosition","targetPosition","d","labelX","labelY","borderRadius","useEdgeKnobs","preset","knobs","overrides","borderWidth","animation","useStrokeValue","stroke","theme","entry","value","get","GraphEdgeComponent","props","data","style","kind","appearance","strokeValue","label","children","id","markerEnd","strokeWidth","strokeDasharray","EdgeLabel","x","y","knobProps","component","className","position","transform","pointerEvents","surface","borderRadiusNested","panelPadding","body","GraphEdge","graphEdgeTypes"],"sources":["../../../src/edges/GraphEdge.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/edges/GraphEdge.native.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { usePresetContext, useResolvedKnobs } from "@multiplatform.one/theme";
+import { defaultKnobs } from "@multiplatform.one/theme";
+import { memo } from "react";
+import { SizableText, useTheme, View } from "tamagui";
+import { BaseEdge, EdgeLabelRenderer, getBezierPath, getSmoothStepPath, getStraightPath } from "../react-flow/xy.native.js";
+import { resolveEdgeStyle, themeTokenName } from "./edgeStyle.native.js";
+var graphEdgeType = "mpGraphEdge";
+function buildEdgePath(path, geometry) {
+  var {
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  } = geometry;
+  switch (path) {
+    case "bezier":
+      {
+        var [d, labelX, labelY] = getBezierPath({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition
+        });
+        return [d, labelX, labelY];
+      }
+    case "straight":
+      {
+        var [d1, labelX1, labelY1] = getStraightPath({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY
+        });
+        return [d1, labelX1, labelY1];
+      }
+    case "step":
+    case "smoothstep":
+      {
+        var [d2, labelX2, labelY2] = getSmoothStepPath({
+          sourceX,
+          sourceY,
+          targetX,
+          targetY,
+          sourcePosition,
+          targetPosition,
+          borderRadius: path === "step" ? 0 : void 0
+        });
+        return [d2, labelX2, labelY2];
+      }
+  }
+}
+function useEdgeKnobs() {
+  var preset = usePresetContext();
+  var knobs = preset ? {
+    ...preset.preset.knobs,
+    ...preset.overrides
+  } : defaultKnobs;
+  return {
+    borderWidth: knobs.borderWidth,
+    animation: knobs.animation
+  };
+}
+function useStrokeValue(stroke) {
+  var _entry_get;
+  var theme = useTheme();
+  var entry = theme[themeTokenName(stroke)];
+  var value = entry === null || entry === void 0 ? void 0 : (_entry_get = entry.get) === null || _entry_get === void 0 ? void 0 : _entry_get.call(entry);
+  return typeof value === "string" ? value : "currentColor";
+}
+function GraphEdgeComponent(props) {
+  var _props_data, _data_kind, _data_label;
+  var data = (_props_data = props.data) !== null && _props_data !== void 0 ? _props_data : {};
+  var {
+    borderWidth,
+    animation
+  } = useEdgeKnobs();
+  var style = resolveEdgeStyle({
+    kind: (_data_kind = data.kind) !== null && _data_kind !== void 0 ? _data_kind : "flow",
+    appearance: data.appearance,
+    borderWidth,
+    animation
+  });
+  var strokeValue = useStrokeValue(style.stroke);
+  var [d, labelX, labelY] = buildEdgePath(style.path, props);
+  var label = (_data_label = data.label) !== null && _data_label !== void 0 ? _data_label : typeof props.label === "string" ? props.label : void 0;
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(BaseEdge, {
+      id: props.id,
+      path: d,
+      // Already a resolved `url(#...)`: React Flow builds the marker defs
+      // from the edges array, so the TYPE is chosen by `edgeMarkerEnd` where
+      // the edge is built, not here.
+      markerEnd: props.markerEnd,
+      style: {
+        stroke: `var(--mp-graph-edge-stroke, ${strokeValue})`,
+        strokeWidth: style.strokeWidth,
+        strokeDasharray: style.strokeDasharray,
+        animation: style.animation,
+        ...props.style
+      }
+    }), label ? /* @__PURE__ */_jsx(EdgeLabel, {
+      label,
+      x: labelX,
+      y: labelY
+    }) : null]
+  });
+}
+function EdgeLabel(param) {
+  var {
+    label,
+    x,
+    y
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "GraphEdge"
+  });
+  return /* @__PURE__ */_jsx(EdgeLabelRenderer, {
+    children: /* @__PURE__ */_jsx(View, {
+      className: "mp-graph-edge-label",
+      position: "absolute",
+      transform: `translate(-50%, -50%) translate(${x}px, ${y}px)`,
+      pointerEvents: "none",
+      ...knobProps.surface,
+      ...knobProps.borderRadiusNested,
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */_jsx(SizableText, {
+        ...knobProps.body,
+        children: label
+      })
+    })
+  });
+}
+var GraphEdge = /* @__PURE__ */memo(GraphEdgeComponent);
+var graphEdgeTypes = {
+  [graphEdgeType]: GraphEdge
+};
+export { GraphEdge, GraphEdgeComponent, buildEdgePath, graphEdgeType, graphEdgeTypes, useEdgeKnobs };
+//# sourceMappingURL=GraphEdge.native.js.map

package/dist/esm/edges/GraphEdge.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","usePresetContext","useResolvedKnobs","defaultKnobs","memo","SizableText","useTheme","View","BaseEdge","EdgeLabelRenderer","getBezierPath","getSmoothStepPath","getStraightPath","resolveEdgeStyle","themeTokenName","graphEdgeType","buildEdgePath","path","geometry","sourceX","sourceY","targetX","targetY","sourcePosition","targetPosition","d","labelX","labelY","d1","labelX1","labelY1","d2","labelX2","labelY2","borderRadius","useEdgeKnobs","preset","knobs","overrides","borderWidth","animation","useStrokeValue","stroke","_entry_get","theme","entry","value","get","call","GraphEdgeComponent","props","_props_data","_data_kind","_data_label","data","style","kind","appearance","strokeValue","label","children","id","markerEnd","strokeWidth","strokeDasharray","EdgeLabel"],"sources":["../../../src/edges/GraphEdge.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/edges/edgeKinds.mjs

@@ -0,0 +1,25 @@
+const builtinEdgeKindNames = ["flow", "data", "error", "conditional"];
+const builtinEdgeKinds = {
+  flow: {
+    kind: "flow",
+    defaultData: {},
+    appearance: "flow"
+  },
+  data: {
+    kind: "data",
+    defaultData: {},
+    appearance: "data"
+  },
+  error: {
+    kind: "error",
+    defaultData: {},
+    appearance: "error"
+  },
+  conditional: {
+    kind: "conditional",
+    defaultData: {},
+    appearance: "conditional"
+  }
+};
+export { builtinEdgeKindNames, builtinEdgeKinds };
+//# sourceMappingURL=edgeKinds.mjs.map

package/dist/esm/edges/edgeKinds.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["builtinEdgeKindNames","builtinEdgeKinds","flow","kind","defaultData","appearance","data","error","conditional"],"sources":["../../../src/edges/edgeKinds.ts"],"sourcesContent":[null],"mappings":"AAiBO,MAAMA,oBAAA,GAAmD,CAC9D,QACA,QACA,SACA,cACF;AAqBO,MAAMC,gBAAA,GAET;EACFC,IAAA,EAAM;IAAEC,IAAA,EAAM;IAAQC,WAAA,EAAa,CAAC;IAAGC,UAAA,EAAY;EAAO;EAC1DC,IAAA,EAAM;IAAEH,IAAA,EAAM;IAAQC,WAAA,EAAa,CAAC;IAAGC,UAAA,EAAY;EAAO;EAC1DE,KAAA,EAAO;IAAEJ,IAAA,EAAM;IAASC,WAAA,EAAa,CAAC;IAAGC,UAAA,EAAY;EAAQ;EAC7DG,WAAA,EAAa;IAAEL,IAAA,EAAM;IAAeC,WAAA,EAAa,CAAC;IAAGC,UAAA,EAAY;EAAc;AACjF","ignoreList":[]}

package/dist/esm/edges/edgeKinds.native.js

@@ -0,0 +1,25 @@
+var builtinEdgeKindNames = ["flow", "data", "error", "conditional"];
+var builtinEdgeKinds = {
+  flow: {
+    kind: "flow",
+    defaultData: {},
+    appearance: "flow"
+  },
+  data: {
+    kind: "data",
+    defaultData: {},
+    appearance: "data"
+  },
+  error: {
+    kind: "error",
+    defaultData: {},
+    appearance: "error"
+  },
+  conditional: {
+    kind: "conditional",
+    defaultData: {},
+    appearance: "conditional"
+  }
+};
+export { builtinEdgeKindNames, builtinEdgeKinds };
+//# sourceMappingURL=edgeKinds.native.js.map

package/dist/esm/edges/edgeKinds.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["builtinEdgeKindNames","builtinEdgeKinds","flow","kind","defaultData","appearance"],"sources":["../../../src/edges/edgeKinds.ts"],"sourcesContent":[null],"mappings":"AAiBO,IAAAA,oBAAM,IACX,QACA,QACA,SACA,cACF;AAqBO,IAAAC,gBAAM;EAGXC,IAAA,EAAM;IACNC,IAAM,EAAE,MAAM;IACdC,WAAS,EAAM;IACfC,UAAA,EAAa;EACf","ignoreList":[]}

package/dist/esm/edges/edgeStyle.mjs

@@ -0,0 +1,63 @@
+const edgeAppearances = {
+  flow: {
+    path: "smoothstep",
+    stroke: "$color9",
+    marker: "arrowclosed"
+  },
+  data: {
+    path: "bezier",
+    stroke: "$color8",
+    marker: "arrow"
+  },
+  error: {
+    path: "smoothstep",
+    stroke: "$red9",
+    dash: "6 4",
+    marker: "arrowclosed"
+  },
+  conditional: {
+    path: "step",
+    stroke: "$color8",
+    dash: "2 4",
+    marker: "arrow"
+  }
+};
+const edgeStrokeWidths = {
+  none: 1,
+  small: 1.5,
+  medium: 2,
+  large: 3
+};
+function edgeStrokeWidth(borderWidth) {
+  return edgeStrokeWidths[borderWidth];
+}
+const dashAnimation = "mp-graph-dash 0.5s linear infinite";
+function isBuiltin(name) {
+  return name in edgeAppearances;
+}
+function edgeMarkerEnd(input) {
+  const named = input.appearance ?? input.kind;
+  return {
+    type: edgeAppearances[isBuiltin(named) ? named : "flow"].marker
+  };
+}
+function themeTokenName(stroke) {
+  return stroke.startsWith("$") ? stroke.slice(1) : stroke;
+}
+function resolveEdgeStyle(input) {
+  const named = input.appearance ?? input.kind;
+  const appearance = edgeAppearances[isBuiltin(named) ? named : "flow"];
+  return {
+    path: appearance.path,
+    stroke: appearance.stroke,
+    strokeWidth: edgeStrokeWidth(input.borderWidth),
+    strokeDasharray: appearance.dash,
+    marker: appearance.marker,
+    // Stopping the march is not the same as erasing the dashes: the PATTERN is
+    // how a reader tells an error edge from a flow edge, so it survives
+    // `animation: "none"` and a reduced-motion user keeps the channel.
+    animation: appearance.dash !== void 0 && input.animation !== "none" ? dashAnimation : "none"
+  };
+}
+export { dashAnimation, edgeAppearances, edgeMarkerEnd, edgeStrokeWidth, edgeStrokeWidths, resolveEdgeStyle, themeTokenName };
+//# sourceMappingURL=edgeStyle.mjs.map

package/dist/esm/edges/edgeStyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["edgeAppearances","flow","path","stroke","marker","data","error","dash","conditional","edgeStrokeWidths","none","small","medium","large","edgeStrokeWidth","borderWidth","dashAnimation","isBuiltin","name","edgeMarkerEnd","input","named","appearance","kind","type","themeTokenName","startsWith","slice","resolveEdgeStyle","strokeWidth","strokeDasharray","animation"],"sources":["../../../src/edges/edgeStyle.ts"],"sourcesContent":[null],"mappings":"AA8BO,MAAMA,eAAA,GAAqE;EAChFC,IAAA,EAAM;IAAEC,IAAA,EAAM;IAAcC,MAAA,EAAQ;IAAWC,MAAA,EAAQ;EAAc;EACrEC,IAAA,EAAM;IAAEH,IAAA,EAAM;IAAUC,MAAA,EAAQ;IAAWC,MAAA,EAAQ;EAAQ;EAC3DE,KAAA,EAAO;IAAEJ,IAAA,EAAM;IAAcC,MAAA,EAAQ;IAASI,IAAA,EAAM;IAAOH,MAAA,EAAQ;EAAc;EACjFI,WAAA,EAAa;IAAEN,IAAA,EAAM;IAAQC,MAAA,EAAQ;IAAWI,IAAA,EAAM;IAAOH,MAAA,EAAQ;EAAQ;AAC/E;AAUO,MAAMK,gBAAA,GAA0D;EACrEC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAEO,SAASC,gBAAgBC,WAAA,EAAkC;EAChE,OAAON,gBAAA,CAAiBM,WAAW;AACrC;AAGO,MAAMC,aAAA,GAAgB;AAE7B,SAASC,UAAUC,IAAA,EAAuC;EACxD,OAAOA,IAAA,IAAQlB,eAAA;AACjB;AAWO,SAASmB,cAAcC,KAAA,EAE5B;EACA,MAAMC,KAAA,GAAQD,KAAA,CAAME,UAAA,IAAcF,KAAA,CAAMG,IAAA;EACxC,OAAO;IAAEC,IAAA,EAAMxB,eAAA,CAAgBiB,SAAA,CAAUI,KAAK,IAAIA,KAAA,GAAQ,MAAM,EAAEjB;EAAO;AAC3E;AAgBO,SAASqB,eAAetB,MAAA,EAAwB;EACrD,OAAOA,MAAA,CAAOuB,UAAA,CAAW,GAAG,IAAIvB,MAAA,CAAOwB,KAAA,CAAM,CAAC,IAAIxB,MAAA;AACpD;AAYO,SAASyB,iBAAiBR,KAAA,EAAkC;EACjE,MAAMC,KAAA,GAAQD,KAAA,CAAME,UAAA,IAAcF,KAAA,CAAMG,IAAA;EAGxC,MAAMD,UAAA,GAAatB,eAAA,CAAgBiB,SAAA,CAAUI,KAAK,IAAIA,KAAA,GAAQ,MAAM;EACpE,OAAO;IACLnB,IAAA,EAAMoB,UAAA,CAAWpB,IAAA;IACjBC,MAAA,EAAQmB,UAAA,CAAWnB,MAAA;IACnB0B,WAAA,EAAaf,eAAA,CAAgBM,KAAA,CAAML,WAAW;IAC9Ce,eAAA,EAAiBR,UAAA,CAAWf,IAAA;IAC5BH,MAAA,EAAQkB,UAAA,CAAWlB,MAAA;IAAA;IAAA;IAAA;IAInB2B,SAAA,EAAWT,UAAA,CAAWf,IAAA,KAAS,UAAaa,KAAA,CAAMW,SAAA,KAAc,SAASf,aAAA,GAAgB;EAC3F;AACF","ignoreList":[]}