@multiplatform.one/node-graph 7.7.2

package/dist/esm/nodes/nodeMeasure.native.js

@@ -0,0 +1,95 @@
+import { capContainerRadius, MIN_PRESS_TARGET, resolveRadiusForPart } from "@multiplatform.one/theme";
+var defaultNodeMeasure = {
+  small: {
+    width: 172,
+    minHeight: 62
+  },
+  medium: {
+    width: 190,
+    minHeight: 72
+  },
+  large: {
+    width: 216,
+    minHeight: 84
+  }
+};
+var nodePanelPaddingPx = {
+  small: 13,
+  medium: 18,
+  large: 32
+};
+var FINE_PORT_PITCH = 24;
+function portSpacing(opts) {
+  return opts.coarsePointer ? MIN_PRESS_TARGET : FINE_PORT_PITCH;
+}
+function graphNodeWidth(opts) {
+  var _ref;
+  var _opts_measure;
+  return (_ref = (_opts_measure = opts.measure) === null || _opts_measure === void 0 ? void 0 : _opts_measure.width) !== null && _ref !== void 0 ? _ref : defaultNodeMeasure[opts.size].width;
+}
+function verticalPortCrowd(ports) {
+  var left = 0;
+  var right = 0;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = ports[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var port = _step.value;
+      if (port.side === "left") left += 1;else if (port.side === "right") right += 1;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return Math.max(left, right);
+}
+function graphNodeMinHeight(opts) {
+  var _ref;
+  var _opts_measure;
+  var declared = (_ref = (_opts_measure = opts.measure) === null || _opts_measure === void 0 ? void 0 : _opts_measure.minHeight) !== null && _ref !== void 0 ? _ref : defaultNodeMeasure[opts.size].minHeight;
+  return Math.max(declared, verticalPortCrowd(opts.ports) * opts.portSpacingPx);
+}
+function graphNodeRadius(knobs) {
+  return capContainerRadius(knobs.borderRadius, knobs.space);
+}
+var nodeRadiusTokenPx = {
+  $0: 0,
+  $2: 5,
+  $4: 9,
+  $6: 16,
+  $12: 50
+};
+function containerRadiusPx(value) {
+  if (typeof value === "number") return value;
+  var px = nodeRadiusTokenPx[value];
+  if (px === void 0) {
+    throw new Error(`containerRadiusPx: "${value}" is not a radius token this module mirrors \u2014 add it to nodeRadiusTokenPx beside the resolver's borderRadiusMap`);
+  }
+  return px;
+}
+function graphNodeRadiusPx(knobs) {
+  return resolveRadiusForPart({
+    radiusClass: "CONTAINER-CAP",
+    stop: knobs.borderRadius,
+    paddingPx: nodePanelPaddingPx[knobs.space]
+  }).px;
+}
+function graphNodeMeasure(opts) {
+  return {
+    width: graphNodeWidth(opts),
+    minHeight: graphNodeMinHeight(opts)
+  };
+}
+export { FINE_PORT_PITCH, containerRadiusPx, defaultNodeMeasure, graphNodeMeasure, graphNodeMinHeight, graphNodeRadius, graphNodeRadiusPx, graphNodeWidth, nodePanelPaddingPx, nodeRadiusTokenPx, portSpacing, verticalPortCrowd };
+//# sourceMappingURL=nodeMeasure.native.js.map

package/dist/esm/nodes/nodeMeasure.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["capContainerRadius","MIN_PRESS_TARGET","resolveRadiusForPart","defaultNodeMeasure","small","width","minHeight","medium","large","nodePanelPaddingPx","FINE_PORT_PITCH","portSpacing","opts","coarsePointer","graphNodeWidth","_ref","_opts_measure","measure","size","verticalPortCrowd","ports","left","right","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","port","value","side","err","return","Math","max","graphNodeMinHeight","declared","portSpacingPx","graphNodeRadius","knobs","borderRadius","space","nodeRadiusTokenPx","$0","$2","$4"],"sources":["../../../src/nodes/nodeMeasure.ts"],"sourcesContent":[null],"mappings":"AAYA,SAAAA,kBAAA,EAAAC,gBAAA,EAAAC,oBAAA;AAAA,IACEC,kBAAA;EAEAC,KAAA;IACAC,KAAA;IAAAC,SACK;EAqCA;EACLC,MAAA,EAAO;IACPF,KAAA,EAAQ,GAAE;IACVC,SAAS;EACX;EAWOE,KAAM;IACXH,KAAO;IACPC,SAAQ;EACR;AACF;AAYO,IAAAG,kBAAM,GAAkB;EAExBL,KAAA,EAAS;EACdG,MAAA,EAAO;EACTC,KAAA;AAUO;AAIL,IAAAE,eAAY,KAAS;AACvB,SAAAC,YAAAC,IAAA;EAUO,OAASA,IAAA,CAAAC,aAAkB,GAAAZ,gBAAyC,GAAAS,eAAA;AACzE;AACA,SAAII,cAAQA,CAAAF,IAAA;EACZ,IAAAG,IAAA;EACE,IAAAC,aAAS;EAAyB,QAAAD,IACzB,IAAKC,aAAS,GAAAJ,IAAS,CAAAK,OAAS,cAAAD,aAAA,uBAAAA,aAAA,CAAAX,KAAA,cAAAU,IAAA,cAAAA,IAAA,GAAAZ,kBAAA,CAAAS,IAAA,CAAAM,IAAA,EAAAb,KAAA;AAAA;AAE3C,SAAOc,iBAAeA,CAAAC,KAAK;EAC7B,IAAAC,IAAA;EAOO,IAAAC,KAAS;EAMd,IAAAC,yBAAsB,GAAS;IAAAC,iBAAa,QAAmB;IAAAC,cAAW;EAC1E;IACF,SAAAC,SAAA,GAAAN,KAAA,CAAAO,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MAOO,IAASS,IAAA,GAAAH,KAAA,CAAAI,KAAgB;MAI9B,IAAOD,IAAA,CAAAE,IAAA,WAAmB,EAAAb,IAAM,WAClC,IAAAW,IAAA,CAAAE,IAAA,cAAAZ,KAAA;IAWO;EACL,SAAIa,GAAA;IACJX,iBAAI;IACJC,cAAI,GAAAU,GAAA;EACJ,UAAI;IACJ,IAAK;MACP,KAAAZ,yBAAA,IAAAG,SAAA,CAAAU,MAAA;QAMOV,SAAS,CAAAU,MAAA;MACV;IACJ,UAAW;MACP,IAAAZ,iBAAkB;QACpB,MAAUC,cAAA;MACR;IACF;EACF;EACA,OAAOY,IAAA,CAAAC,GAAA,CAAAjB,IAAA,EAAAC,KAAA;AACT;AAYO,SAASiB,kBAAkBA,CAAA3B,IAAA,EAGvB;EACT,IAAAG,IAAO;EAAqB,IAC1BC,aAAa;EAAA,IACbwB,QAAM,GAAM,CAAAzB,IAAA,IAAAC,aAAA,GAAAJ,IAAA,CAAAK,OAAA,cAAAD,aAAA,uBAAAA,aAAA,CAAAV,SAAA,cAAAS,IAAA,cAAAA,IAAA,GAAAZ,kBAAA,CAAAS,IAAA,CAAAM,IAAA,EAAAZ,SAAA;EAAA,OACZ+B,IAAA,CAAAC,GAAW,CAAAE,QAAA,EAAArB,iBAA8B,CAAAP,IAAA,CAAAQ,KAAA,IAAAR,IAAA,CAAA6B,aAAA;AAAA;AAE7C,SAAAC,gBAAAC,KAAA;EAGO,OAAS3C,kBAAiB,CAAA2C,KAKZ,CAAAC,YAAA,EAAAD,KAAA,CAAAE,KAAA;AACnB;AAAO,IACLC,iBAAO;EAAmBC,EAC1B;EACFC,EAAA;EACFC,EAAA","ignoreList":[]}

package/dist/esm/nodes/overviewNode.mjs

@@ -0,0 +1,49 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { YStack } from "tamagui";
+import { graphNodeMinHeight, graphNodeWidth, portSpacing } from "./nodeMeasure.mjs";
+import { jsx } from "react/jsx-runtime";
+function OverviewNode({
+  id,
+  ports,
+  intent,
+  selected = false,
+  measure,
+  coarsePointer = false
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "GraphNode",
+    intent
+  });
+  const size = knobProps.size;
+  const portSpacingPx = portSpacing({
+    coarsePointer
+  });
+  return /* @__PURE__ */jsx(YStack, {
+    "data-graph-node": id,
+    "data-graph-node-render-mode": "overview",
+    "data-graph-node-overview": "",
+    "data-graph-node-width": String(graphNodeWidth({
+      size,
+      measure
+    })),
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    width: graphNodeWidth({
+      size,
+      measure
+    }),
+    minHeight: graphNodeMinHeight({
+      size,
+      ports: ports ?? [],
+      portSpacingPx,
+      measure
+    }),
+    position: "relative",
+    overflow: "visible",
+    opacity: selected ? 1 : 0.9
+  });
+}
+export { OverviewNode };
+//# sourceMappingURL=overviewNode.mjs.map

package/dist/esm/nodes/overviewNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","YStack","graphNodeMinHeight","graphNodeWidth","portSpacing","jsx","OverviewNode","id","ports","intent","selected","measure","coarsePointer","knobProps","component","size","portSpacingPx","String","surface","containerRadius","width","minHeight","position","overflow","opacity"],"sources":["../../../src/nodes/overviewNode.tsx"],"sourcesContent":[null],"mappings":"AAoBA,SAASA,gBAAA,QAAwB;AACjC,SAASC,MAAA,QAAc;AAEvB,SAASC,kBAAA,EAAoBC,cAAA,EAAgBC,WAAA,QAAmB;AA8B5D,SAAAC,GAAA;AAfG,SAASC,aAAa;EAC3BC,EAAA;EACAC,KAAA;EACAC,MAAA;EACAC,QAAA,GAAW;EACXC,OAAA;EACAC,aAAA,GAAgB;AAClB,GAAsB;EAGpB,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;IAAEc,SAAA,EAAW;IAAaL;EAAO,CAAC;EACzE,MAAMM,IAAA,GAAOF,SAAA,CAAUE,IAAA;EACvB,MAAMC,aAAA,GAAgBZ,WAAA,CAAY;IAAEQ;EAAc,CAAC;EAEnD,OACE,eAAAP,GAAA,CAACJ,MAAA;IACC,mBAAiBM,EAAA;IACjB,+BAA4B;IAC5B,4BAAyB;IACzB,yBAAuBU,MAAA,CAAOd,cAAA,CAAe;MAAEY,IAAA;MAAMJ;IAAQ,CAAC,CAAC;IAC9D,GAAGE,SAAA,CAAUK,OAAA;IACb,GAAGL,SAAA,CAAUM,eAAA;IACdC,KAAA,EAAOjB,cAAA,CAAe;MAAEY,IAAA;MAAMJ;IAAQ,CAAC;IACvCU,SAAA,EAAWnB,kBAAA,CAAmB;MAAEa,IAAA;MAAMP,KAAA,EAAOA,KAAA,IAAS,EAAC;MAAGQ,aAAA;MAAeL;IAAQ,CAAC;IAClFW,QAAA,EAAS;IAITC,QAAA,EAAS;IACTC,OAAA,EAASd,QAAA,GAAW,IAAI;EAAA,CAC1B;AAEJ","ignoreList":[]}

package/dist/esm/nodes/overviewNode.native.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { YStack } from "tamagui";
+import { graphNodeMinHeight, graphNodeWidth, portSpacing } from "./nodeMeasure.native.js";
+function OverviewNode(param) {
+  var {
+    id,
+    ports,
+    intent,
+    selected = false,
+    measure,
+    coarsePointer = false
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "GraphNode",
+    intent
+  });
+  var size = knobProps.size;
+  var portSpacingPx = portSpacing({
+    coarsePointer
+  });
+  return /* @__PURE__ */_jsx(YStack, {
+    "data-graph-node": id,
+    "data-graph-node-render-mode": "overview",
+    "data-graph-node-overview": "",
+    "data-graph-node-width": String(graphNodeWidth({
+      size,
+      measure
+    })),
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    width: graphNodeWidth({
+      size,
+      measure
+    }),
+    minHeight: graphNodeMinHeight({
+      size,
+      ports: ports !== null && ports !== void 0 ? ports : [],
+      portSpacingPx,
+      measure
+    }),
+    position: "relative",
+    // §7.1 H6, and it matters more here, not less: the ports are still
+    // mounted on the node in overview mode, so a clipping frame would eat
+    // them exactly as it would in detail.
+    overflow: "visible",
+    opacity: selected ? 1 : 0.9
+  });
+}
+export { OverviewNode };
+//# sourceMappingURL=overviewNode.native.js.map

package/dist/esm/nodes/overviewNode.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useResolvedKnobs","YStack","graphNodeMinHeight","graphNodeWidth","portSpacing","OverviewNode","param","id","ports","intent","selected","measure","coarsePointer","knobProps","component","size","portSpacingPx","String","surface","containerRadius","width","minHeight"],"sources":["../../../src/nodes/overviewNode.tsx"],"sourcesContent":[null],"mappings":"AAoBA,SAASA,GAAA,IAAAC,IAAA,2BAAwB;AACjC,SAASC,gBAAc;AAEvB,SAASC,MAAA,iBAAoB;AA8BzB,SAAAC,kBAAA,EAAAC,cAAA,EAAAC,WAAA;AAfG,SAASC,aAAaC,KAAA;EAC3B;IAAAC,EAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,aAAA;EAAA,IAAAN,KAAA;EACA;IAAAO;EAAA,IAAAb,gBAAA;IACAc,SAAA;IACAL;EACA;EACA,IAAAM,IAAA,GAAAF,SAAgB,CAAAE,IAAA;EAClB,IAAsBC,aAAA,GAAAZ,WAAA;IAGpBQ;EACA;EACA,OAAM,eAAgBb,IAAA,CAAAE,MAAY,EAAE;IAEpC,iBACE,EAAAM,EAAA;IAAC;IAAA;IAAA,uBACkB,EAAAU,MAAA,CAAAd,cAAA;MACjBY,IAAA;MACAJ;IAAyB,EACzB;IAA+D,GAC9DE,SAAG,CAAAK,OAAU;IAAA,GACbL,SAAG,CAAAM,eAAU;IAAAC,KACd,EAAAjB,cAAO;MACPY,IAAA;MACAJ;IAAS,EAIT;IAASU,SACT,EAASnB,kBAAe;MAAAa,IAAA;MAC1BP,KAAA,EAAAA,KAAA,aAAAA,KAAA,cAAAA,KAAA;MAEJQ,aAAA","ignoreList":[]}

package/dist/esm/react-flow/ConnectionPuck.mjs

@@ -0,0 +1,96 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { SizableText, XStack } from "tamagui";
+import { isLegalTarget } from "../interaction/legalTargets.mjs";
+import { resolvePorts } from "../model/index.mjs";
+import { useStore } from "./xy.mjs";
+import { jsx } from "react/jsx-runtime";
+const keySeparator = "\0";
+function portOf(document, schema, ref) {
+  const node = document.nodes.find(candidate => candidate.id === ref.node);
+  if (!node) return void 0;
+  return resolvePorts(schema, node).find(candidate => candidate.id === ref.port);
+}
+function splitKey(key) {
+  const at = key.indexOf(keySeparator);
+  return {
+    node: key.slice(0, at),
+    port: key.slice(at + 1)
+  };
+}
+function connectionPuckLabel(opts) {
+  const {
+    document,
+    schema,
+    source,
+    candidate,
+    nodeLabel
+  } = opts;
+  if (!source) return null;
+  const legal = candidate ? isLegalTarget({
+    document,
+    schema,
+    source,
+    target: candidate
+  }) : false;
+  const name = ref => {
+    const spec = portOf(document, schema, ref);
+    return `${nodeLabel?.(ref.node) ?? ref.node} / ${spec?.label ?? ref.port}`;
+  };
+  return {
+    legal,
+    target: legal && candidate ? `${candidate.node}:${candidate.port}` : "",
+    // An illegal candidate falls back to naming the SOURCE rather than going
+    // blank: a puck that disappears the moment the finger drifts over a
+    // refused port reads as a broken overlay, not as a refusal.
+    text: legal && candidate ? name(candidate) : `from ${name(source)}`
+  };
+}
+function ConnectionPuck({
+  document,
+  schema,
+  nodeLabel,
+  intent
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "ConnectionPuck",
+    intent
+  });
+  const fromKey = useStore(state => state.connection.inProgress ? `${state.connection.fromHandle.nodeId}${keySeparator}${state.connection.fromHandle.id ?? ""}` : null);
+  const toKey = useStore(state => state.connection.inProgress && state.connection.toHandle ? `${state.connection.toHandle.nodeId}${keySeparator}${state.connection.toHandle.id ?? ""}` : null);
+  const label = connectionPuckLabel({
+    document,
+    schema,
+    source: fromKey ? splitKey(fromKey) : null,
+    candidate: toKey ? splitKey(toKey) : null,
+    nodeLabel
+  });
+  if (!label) return null;
+  return /* @__PURE__ */jsx(XStack, {
+    position: "absolute",
+    top: "$3",
+    left: "50%",
+    transform: "translateX(-50%)",
+    zIndex: 5,
+    pointerEvents: "none",
+    "data-graph-connection-puck": "",
+    "data-graph-puck-target": label.target,
+    "data-graph-puck-legal": String(label.legal),
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    ...knobProps.elevationChrome,
+    alignItems: "center",
+    opacity: label.legal ? 1 : 0.7,
+    transition: knobProps.transition,
+    children: /* @__PURE__ */jsx(SizableText, {
+      ...knobProps.label,
+      numberOfLines: 1,
+      children: label.text
+    })
+  });
+}
+export { ConnectionPuck, connectionPuckLabel };
+//# sourceMappingURL=ConnectionPuck.mjs.map

package/dist/esm/react-flow/ConnectionPuck.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","SizableText","XStack","isLegalTarget","resolvePorts","useStore","jsx","keySeparator","portOf","document","schema","ref","node","nodes","find","candidate","id","port","splitKey","key","at","indexOf","slice","connectionPuckLabel","opts","source","nodeLabel","legal","target","name","spec","label","text","ConnectionPuck","intent","knobProps","component","fromKey","state","connection","inProgress","fromHandle","nodeId","toKey","toHandle","position","top","left","transform","zIndex","pointerEvents","String","elevatedSurface","containerRadius","panelPadding","gap","elevationChrome","alignItems","opacity","transition","children","numberOfLines"],"sources":["../../../src/react-flow/ConnectionPuck.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/react-flow/ConnectionPuck.native.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { SizableText, XStack } from "tamagui";
+import { isLegalTarget } from "../interaction/legalTargets.native.js";
+import { resolvePorts } from "../model/index.native.js";
+import { useStore } from "./xy.native.js";
+var keySeparator = "\0";
+function portOf(document, schema, ref) {
+  var node = document.nodes.find(function (candidate) {
+    return candidate.id === ref.node;
+  });
+  if (!node) return void 0;
+  return resolvePorts(schema, node).find(function (candidate) {
+    return candidate.id === ref.port;
+  });
+}
+function splitKey(key) {
+  var at = key.indexOf(keySeparator);
+  return {
+    node: key.slice(0, at),
+    port: key.slice(at + 1)
+  };
+}
+function connectionPuckLabel(opts) {
+  var {
+    document,
+    schema,
+    source,
+    candidate,
+    nodeLabel
+  } = opts;
+  if (!source) return null;
+  var legal = candidate ? isLegalTarget({
+    document,
+    schema,
+    source,
+    target: candidate
+  }) : false;
+  var name = function name2(ref) {
+    var _ref, _ref1;
+    var spec = portOf(document, schema, ref);
+    return `${(_ref = nodeLabel === null || nodeLabel === void 0 ? void 0 : nodeLabel(ref.node)) !== null && _ref !== void 0 ? _ref : ref.node} / ${(_ref1 = spec === null || spec === void 0 ? void 0 : spec.label) !== null && _ref1 !== void 0 ? _ref1 : ref.port}`;
+  };
+  return {
+    legal,
+    target: legal && candidate ? `${candidate.node}:${candidate.port}` : "",
+    // An illegal candidate falls back to naming the SOURCE rather than going
+    // blank: a puck that disappears the moment the finger drifts over a
+    // refused port reads as a broken overlay, not as a refusal.
+    text: legal && candidate ? name(candidate) : `from ${name(source)}`
+  };
+}
+function ConnectionPuck(param) {
+  var {
+    document,
+    schema,
+    nodeLabel,
+    intent
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "ConnectionPuck",
+    intent
+  });
+  var fromKey = useStore(function (state) {
+    var _state_connection_fromHandle_id;
+    return state.connection.inProgress ? `${state.connection.fromHandle.nodeId}${keySeparator}${(_state_connection_fromHandle_id = state.connection.fromHandle.id) !== null && _state_connection_fromHandle_id !== void 0 ? _state_connection_fromHandle_id : ""}` : null;
+  });
+  var toKey = useStore(function (state) {
+    var _state_connection_toHandle_id;
+    return state.connection.inProgress && state.connection.toHandle ? `${state.connection.toHandle.nodeId}${keySeparator}${(_state_connection_toHandle_id = state.connection.toHandle.id) !== null && _state_connection_toHandle_id !== void 0 ? _state_connection_toHandle_id : ""}` : null;
+  });
+  var label = connectionPuckLabel({
+    document,
+    schema,
+    source: fromKey ? splitKey(fromKey) : null,
+    candidate: toKey ? splitKey(toKey) : null,
+    nodeLabel
+  });
+  if (!label) return null;
+  return /* @__PURE__ */_jsx(XStack, {
+    // React Flow's children are siblings of the viewport, so `absolute` here
+    // is against the CANVAS and the puck stays put while the graph moves
+    // underneath it.
+    position: "absolute",
+    top: "$3",
+    left: "50%",
+    transform: "translateX(-50%)",
+    zIndex: 5,
+    pointerEvents: "none",
+    "data-graph-connection-puck": "",
+    "data-graph-puck-target": label.target,
+    "data-graph-puck-legal": String(label.legal),
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    ...knobProps.elevationChrome,
+    alignItems: "center",
+    // Dimmed while nothing legal is under the pointer. The puck is still
+    // saying something true, what you are dragging, just not the thing the
+    // user is looking for.
+    opacity: label.legal ? 1 : 0.7,
+    transition: knobProps.transition,
+    children: /* @__PURE__ */_jsx(SizableText, {
+      ...knobProps.label,
+      numberOfLines: 1,
+      children: label.text
+    })
+  });
+}
+export { ConnectionPuck, connectionPuckLabel };
+//# sourceMappingURL=ConnectionPuck.native.js.map

package/dist/esm/react-flow/ConnectionPuck.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useResolvedKnobs","SizableText","XStack","isLegalTarget","resolvePorts","useStore","keySeparator","portOf","document","schema","ref","node","nodes","find","candidate","id","port","splitKey","key","at","indexOf","slice","connectionPuckLabel","opts","source","nodeLabel","legal","target","name","name2","_ref","_ref1","spec","label","text","ConnectionPuck","param","intent","knobProps","component","fromKey","state","_state_connection_fromHandle_id","connection","inProgress","fromHandle","nodeId","toKey","_state_connection_toHandle_id","toHandle","position","top","left","transform","zIndex","pointerEvents"],"sources":["../../../src/react-flow/ConnectionPuck.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/react-flow/GraphActions.mjs

@@ -0,0 +1,21 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+const GraphActionsContext = createContext(null);
+function GraphActionsProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */jsx(GraphActionsContext.Provider, {
+    value,
+    children
+  });
+}
+function useGraphActions() {
+  const value = useContext(GraphActionsContext);
+  if (!value) {
+    throw new Error("useGraphActions must be called inside <NodeGraph> \u2014 pass the toolbar as its children.");
+  }
+  return value;
+}
+export { GraphActionsProvider, useGraphActions };
+//# sourceMappingURL=GraphActions.mjs.map

package/dist/esm/react-flow/GraphActions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","jsx","GraphActionsContext","GraphActionsProvider","value","children","Provider","useGraphActions","Error"],"sources":["../../../src/react-flow/GraphActions.tsx"],"sourcesContent":[null],"mappings":"AAkBA,SAASA,aAAA,EAAeC,UAAA,QAAkB;AA6BjC,SAAAC,GAAA;AATT,MAAMC,mBAAA,GAAsBH,aAAA,CAAmC,IAAI;AAE5D,SAASI,qBAAqB;EACnCC,KAAA;EACAC;AACF,GAGG;EACD,OAAO,eAAAJ,GAAA,CAACC,mBAAA,CAAoBI,QAAA,EAApB;IAA6BF,KAAA;IAAeC;EAAA,CAAS;AAC/D;AAOO,SAASE,gBAAA,EAAgC;EAC9C,MAAMH,KAAA,GAAQJ,UAAA,CAAWE,mBAAmB;EAC5C,IAAI,CAACE,KAAA,EAAO;IACV,MAAM,IAAII,KAAA,CACR,4FACF;EACF;EACA,OAAOJ,KAAA;AACT","ignoreList":[]}

package/dist/esm/react-flow/GraphActions.native.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+var GraphActionsContext = /* @__PURE__ */createContext(null);
+function GraphActionsProvider(param) {
+  var {
+    value,
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(GraphActionsContext.Provider, {
+    value,
+    children
+  });
+}
+function useGraphActions() {
+  var value = useContext(GraphActionsContext);
+  if (!value) {
+    throw new Error("useGraphActions must be called inside <NodeGraph> \u2014 pass the toolbar as its children.");
+  }
+  return value;
+}
+export { GraphActionsProvider, useGraphActions };
+//# sourceMappingURL=GraphActions.native.js.map

package/dist/esm/react-flow/GraphActions.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","createContext","useContext","GraphActionsContext","GraphActionsProvider","param","value","children","Provider","useGraphActions","Error"],"sources":["../../../src/react-flow/GraphActions.tsx"],"sourcesContent":[null],"mappings":"AAkBA,SAASA,GAAA,IAAAC,IAAA,QAAe,mBAAkB;AA6BjC,SAAAC,aAAA,EAAAC,UAAA;AATT,IAAAC,mBAAM,kBAAyDF,aAAI;AAE5D,SAASG,qBAAqBC,KAAA;EACnC;IAAAC,KAAA;IAAAC;EAAA,IAAAF,KAAA;EACA,sBAAAL,IAAA,CAAAG,mBAAA,CAAAK,QAAA;IAICF,KAAA;IACDC;EACF;AAOO;AACL,SAAME,eAAQA,CAAA,EAAW;EACzB,IAAIH,KAAC,GAAOJ,UAAA,CAAAC,mBAAA;EACV,KAAAG,KAAM,EAAI;IAAA,MACR,IAAAI,KAAA;EAAA;EAEJ,OAAAJ,KAAA;AACA;AACF,S","ignoreList":[]}