@multiplatform.one/node-graph 7.7.2

package/dist/cjs/nodes/handleGeometry.cjs

@@ -0,0 +1,98 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var handleGeometry_exports = {};
+__export(handleGeometry_exports, {
+  FINE_PORT_HIT_MIN: () => FINE_PORT_HIT_MIN,
+  paintedPortSize: () => paintedPortSize,
+  paintedPortSizePx: () => paintedPortSizePx,
+  portConnectionRadius: () => portConnectionRadius,
+  portGeometry: () => portGeometry,
+  portHitSize: () => portHitSize,
+  portRegionInset: () => portRegionInset,
+  portRegionInsetAtZoom: () => portRegionInsetAtZoom,
+  portRegionScreenSize: () => portRegionScreenSize
+});
+module.exports = __toCommonJS(handleGeometry_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_nodeMeasure = require("./nodeMeasure.cjs");
+const paintedPortSizePx = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+const FINE_PORT_HIT_MIN = 24;
+function paintedPortSize(size) {
+  return paintedPortSizePx[size];
+}
+function portHitSize(opts) {
+  const painted = paintedPortSize(opts.size);
+  const wanted = opts.coarsePointer ? import_theme.MIN_PRESS_TARGET : Math.max(painted, FINE_PORT_HIT_MIN);
+  const spacing = opts.portSpacingPx ?? (0, import_nodeMeasure.portSpacing)({
+    coarsePointer: opts.coarsePointer
+  });
+  return Math.max(painted, Math.min(wanted, spacing));
+}
+function portRegionInset(opts) {
+  return portRegionInsetAtZoom({
+    ...opts,
+    zoom: 1
+  });
+}
+function portRegionInsetAtZoom(opts) {
+  const zoom = opts.zoom > 0 ? opts.zoom : 1;
+  return (paintedPortSize(opts.size) - portHitSize(opts) / zoom) / 2 - (opts.borderWidthPx ?? 0);
+}
+function portRegionScreenSize(opts) {
+  const zoom = opts.zoom > 0 ? opts.zoom : 1;
+  const painted = paintedPortSize(opts.size);
+  const inset = portRegionInsetAtZoom(opts);
+  const local = painted - 2 * inset - 2 * (opts.borderWidthPx ?? 0);
+  return local * zoom;
+}
+function portConnectionRadius(opts) {
+  return portHitSize(opts);
+}
+function centredOn(cx, cy, side) {
+  return {
+    x: cx - side / 2,
+    y: cy - side / 2,
+    width: side,
+    height: side
+  };
+}
+function portGeometry(opts) {
+  const {
+    painted,
+    hit,
+    side,
+    nodeWidth,
+    nodeHeight,
+    offset
+  } = opts;
+  const cx = side === "left" ? 0 : side === "right" ? nodeWidth : Math.min(Math.max(offset, 0), nodeWidth);
+  const cy = side === "top" ? 0 : side === "bottom" ? nodeHeight : Math.min(Math.max(offset, 0), nodeHeight);
+  return {
+    box: centredOn(cx, cy, painted),
+    region: centredOn(cx, cy, hit)
+  };
+}

package/dist/cjs/nodes/handleGeometry.native.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var handleGeometry_exports = {};
+__export(handleGeometry_exports, {
+  FINE_PORT_HIT_MIN: () => FINE_PORT_HIT_MIN,
+  paintedPortSize: () => paintedPortSize,
+  paintedPortSizePx: () => paintedPortSizePx,
+  portConnectionRadius: () => portConnectionRadius,
+  portGeometry: () => portGeometry,
+  portHitSize: () => portHitSize,
+  portRegionInset: () => portRegionInset,
+  portRegionInsetAtZoom: () => portRegionInsetAtZoom,
+  portRegionScreenSize: () => portRegionScreenSize
+});
+module.exports = __toCommonJS(handleGeometry_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_nodeMeasure = require("./nodeMeasure.native.js");
+var paintedPortSizePx = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+var FINE_PORT_HIT_MIN = 24;
+function paintedPortSize(size) {
+  return paintedPortSizePx[size];
+}
+function portHitSize(opts) {
+  var _opts_portSpacingPx;
+  var painted = paintedPortSize(opts.size);
+  var wanted = opts.coarsePointer ? import_theme.MIN_PRESS_TARGET : Math.max(painted, FINE_PORT_HIT_MIN);
+  var spacing = (_opts_portSpacingPx = opts.portSpacingPx) !== null && _opts_portSpacingPx !== void 0 ? _opts_portSpacingPx : (0, import_nodeMeasure.portSpacing)({
+    coarsePointer: opts.coarsePointer
+  });
+  return Math.max(painted, Math.min(wanted, spacing));
+}
+function portRegionInset(opts) {
+  return portRegionInsetAtZoom({
+    ...opts,
+    zoom: 1
+  });
+}
+function portRegionInsetAtZoom(opts) {
+  var _opts_borderWidthPx;
+  var zoom = opts.zoom > 0 ? opts.zoom : 1;
+  return (paintedPortSize(opts.size) - portHitSize(opts) / zoom) / 2 - ((_opts_borderWidthPx = opts.borderWidthPx) !== null && _opts_borderWidthPx !== void 0 ? _opts_borderWidthPx : 0);
+}
+function portRegionScreenSize(opts) {
+  var _opts_borderWidthPx;
+  var zoom = opts.zoom > 0 ? opts.zoom : 1;
+  var painted = paintedPortSize(opts.size);
+  var inset = portRegionInsetAtZoom(opts);
+  var local = painted - 2 * inset - 2 * ((_opts_borderWidthPx = opts.borderWidthPx) !== null && _opts_borderWidthPx !== void 0 ? _opts_borderWidthPx : 0);
+  return local * zoom;
+}
+function portConnectionRadius(opts) {
+  return portHitSize(opts);
+}
+function centredOn(cx, cy, side) {
+  return {
+    x: cx - side / 2,
+    y: cy - side / 2,
+    width: side,
+    height: side
+  };
+}
+function portGeometry(opts) {
+  var {
+    painted,
+    hit,
+    side,
+    nodeWidth,
+    nodeHeight,
+    offset
+  } = opts;
+  var cx = side === "left" ? 0 : side === "right" ? nodeWidth : Math.min(Math.max(offset, 0), nodeWidth);
+  var cy = side === "top" ? 0 : side === "bottom" ? nodeHeight : Math.min(Math.max(offset, 0), nodeHeight);
+  return {
+    box: centredOn(cx, cy, painted),
+    region: centredOn(cx, cy, hit)
+  };
+}
+//# sourceMappingURL=handleGeometry.native.js.map

package/dist/cjs/nodes/handleGeometry.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","handleGeometry_exports","__export","FINE_PORT_HIT_MIN","paintedPortSize","paintedPortSizePx","portConnectionRadius","portGeometry","portHitSize","portRegionInset","portRegionInsetAtZoom","portRegionScreenSize","module","exports","import_theme","require","import_nodeMeasure","small","medium","large","size","opts","_opts_portSpacingPx","painted","wanted","coarsePointer","MIN_PRESS_TARGET","Math","max","spacing","portSpacingPx","portSpacing","min","zoom","_opts_borderWidthPx","borderWidthPx","inset","local"],"sources":["../../../src/nodes/handleGeometry.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AA+BAC,MAAA,CAAAC,OAAA,GAAAjB,YAAiC,CAAAK,sBAAA;AACjC,IAAAa,YAAA,GAAAC,OAAwE;AAGjE,IAAAC,kBAAM,GAAAD,OAAuD;AAAA,IAClEV,iBAAO;EACPY,KAAA,GAAQ;EACRC,MAAA,EAAO;EACTC,KAAA;AAOO;AAEA,IAAAhB,iBAAS,KAAgB;AAC9B,SAAOC,gBAAAgB,IAAkB,EAAI;EAC/B,OAAAf,iBAAA,CAAAe,IAAA;AASO;AAML,SAAMZ,WAAUA,CAAAa,IAAA;EAChB,IAAAC,mBAAoB;EACpB,IAAAC,OAAM,GAAAnB,eAAe,CAAAiB,IAAA,CAAAD,IAAA;EACrB,IAAAI,MAAO,GAAKH,IAAI,CAAAI,aAAc,GAAIX,YAAQ,CAAAY,gBAAQ,GAAAC,IAAA,CAAAC,GAAA,CAAAL,OAAA,EAAApB,iBAAA;EACpD,IAAA0B,OAAA,IAAAP,mBAAA,GAAAD,IAAA,CAAAS,aAAA,cAAAR,mBAAA,cAAAA,mBAAA,OAAAN,kBAAA,CAAAe,WAAA;IAkBON,aAAS,EAAAJ,IAAA,CAAAI;EAOd;EACF,OAAAE,IAAA,CAAAC,GAAA,CAAAL,OAAA,EAAAI,IAAA,CAAAK,GAAA,CAAAR,MAAA,EAAAK,OAAA;AAwBO;AAQL,SAAMpB,eAAYA,CAAAY,IAAO,EAAI;EAC7B,OAAAX,qBAAwB,CAAK;IAC/B,GAAAW,IAAA;IAUOY,IAAA,EAAS;EAOd;AACA;AACA,SAAMvB,qBAAQA,CAAAW,IAAA;EAGd,IAAAa,mBAAc;EACd,IAAAD,IAAO,GAAAZ,IAAQ,CAAAY,IAAA,OAAAZ,IAAA,CAAAY,IAAA;EACjB,QAAA7B,eAAA,CAAAiB,IAAA,CAAAD,IAAA,IAAAZ,WAAA,CAAAa,IAAA,IAAAY,IAAA,UAAAC,mBAAA,GAAAb,IAAA,CAAAc,aAAA,cAAAD,mBAAA,cAAAA,mBAAA;AAOO;AAKL,SAAOvB,oBAAgBA,CAAAU,IAAA;EACzB,IAAAa,mBAAA;EAiCA,IAAAD,IAAS,GAAAZ,IAAA,CAAAY,IAAU,GAAY,IAAYZ,IAAwB,CAAAY,IAAA;EACjE,IAAAV,OAAS,GAAGnB,eAAe,CAAGiB,IAAA,CAAKD,IAAA;EACrC,IAAAgB,KAAA,GAAA1B,qBAAA,CAAAW,IAAA;EAeO,IAAAgB,KAAS,GAAAd,OAAA,GAAa,IAQZa,KAAA,SAAAF,mBAAA,GAAAb,IAAA,CAAAc,aAAA,cAAAD,mBAAA,cAAAA,mBAAA;EACf,OAAMG,KAAE,GAAAJ,IAAS;AACjB;AAEA,SAAM3B,oBACKA,CAAQe,IAAI;EACvB,OAAOb,WAAO,CAAAa,IAAA,CAAU;AAC1B","ignoreList":[]}

package/dist/cjs/nodes/lod.cjs

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var lod_exports = {};
+__export(lod_exports, {
+  defaultOverviewZoom: () => defaultOverviewZoom,
+  detailOpacity: () => detailOpacity,
+  isOverview: () => isOverview,
+  lodForZoom: () => lodForZoom
+});
+module.exports = __toCommonJS(lod_exports);
+const defaultOverviewZoom = 0.35;
+function lodForZoom(zoom, overviewZoom = defaultOverviewZoom) {
+  if (!Number.isFinite(zoom)) return "detail";
+  return zoom < overviewZoom ? "overview" : "detail";
+}
+function isOverview(mode) {
+  return mode === "overview";
+}
+function detailOpacity(mode) {
+  return isOverview(mode) ? 0 : 1;
+}

package/dist/cjs/nodes/lod.native.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var lod_exports = {};
+__export(lod_exports, {
+  defaultOverviewZoom: () => defaultOverviewZoom,
+  detailOpacity: () => detailOpacity,
+  isOverview: () => isOverview,
+  lodForZoom: () => lodForZoom
+});
+module.exports = __toCommonJS(lod_exports);
+var defaultOverviewZoom = 0.35;
+function lodForZoom(zoom) {
+  var overviewZoom = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultOverviewZoom;
+  if (!Number.isFinite(zoom)) return "detail";
+  return zoom < overviewZoom ? "overview" : "detail";
+}
+function isOverview(mode) {
+  return mode === "overview";
+}
+function detailOpacity(mode) {
+  return isOverview(mode) ? 0 : 1;
+}
+//# sourceMappingURL=lod.native.js.map

package/dist/cjs/nodes/lod.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","lod_exports","__export","defaultOverviewZoom","detailOpacity","isOverview","lodForZoom","module","exports","zoom","overviewZoom","arguments","length","Number","isFinite","mode"],"sources":["../../../src/nodes/lod.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,WAAA;AAAAC,QAAA,CAAAD,WAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AA2BOC,MAAM,CAAAC,OAAA,GAAAZ,YAAsB,CAAAK,WAAA;AAkB5B,IAAAE,mBACL,GACA;AAEA,SAAKG,UAAOA,CAAAG,IAAS;EACrB,IAAAC,YAAc,GAAAC,SAAA,CAAeC,MAAA,QAAaD,SAAA,iBAAAA,SAAA,MAAAR,mBAAA;EAC5C,KAAAU,MAAA,CAAAC,QAAA,CAAAL,IAAA;EAGO,OAASA,IAAA,GAAAC,YAA2C;AACzD;AACF,SAAAL,WAAAU,IAAA;EAUO,OAASA,IAAA,eAAc;AAC5B;AACF,SAAAX,cAAAW,IAAA","ignoreList":[]}

package/dist/cjs/nodes/nodeMeasure.cjs

@@ -0,0 +1,108 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var nodeMeasure_exports = {};
+__export(nodeMeasure_exports, {
+  FINE_PORT_PITCH: () => FINE_PORT_PITCH,
+  containerRadiusPx: () => containerRadiusPx,
+  defaultNodeMeasure: () => defaultNodeMeasure,
+  graphNodeMeasure: () => graphNodeMeasure,
+  graphNodeMinHeight: () => graphNodeMinHeight,
+  graphNodeRadius: () => graphNodeRadius,
+  graphNodeRadiusPx: () => graphNodeRadiusPx,
+  graphNodeWidth: () => graphNodeWidth,
+  nodePanelPaddingPx: () => nodePanelPaddingPx,
+  nodeRadiusTokenPx: () => nodeRadiusTokenPx,
+  portSpacing: () => portSpacing,
+  verticalPortCrowd: () => verticalPortCrowd
+});
+module.exports = __toCommonJS(nodeMeasure_exports);
+var import_theme = require("@multiplatform.one/theme");
+const defaultNodeMeasure = {
+  small: {
+    width: 172,
+    minHeight: 62
+  },
+  medium: {
+    width: 190,
+    minHeight: 72
+  },
+  large: {
+    width: 216,
+    minHeight: 84
+  }
+};
+const nodePanelPaddingPx = {
+  small: 13,
+  medium: 18,
+  large: 32
+};
+const FINE_PORT_PITCH = 24;
+function portSpacing(opts) {
+  return opts.coarsePointer ? import_theme.MIN_PRESS_TARGET : FINE_PORT_PITCH;
+}
+function graphNodeWidth(opts) {
+  return opts.measure?.width ?? defaultNodeMeasure[opts.size].width;
+}
+function verticalPortCrowd(ports) {
+  let left = 0;
+  let right = 0;
+  for (const port of ports) {
+    if (port.side === "left") left += 1;else if (port.side === "right") right += 1;
+  }
+  return Math.max(left, right);
+}
+function graphNodeMinHeight(opts) {
+  const declared = opts.measure?.minHeight ?? defaultNodeMeasure[opts.size].minHeight;
+  return Math.max(declared, verticalPortCrowd(opts.ports) * opts.portSpacingPx);
+}
+function graphNodeRadius(knobs) {
+  return (0, import_theme.capContainerRadius)(knobs.borderRadius, knobs.space);
+}
+const nodeRadiusTokenPx = {
+  $0: 0,
+  $2: 5,
+  $4: 9,
+  $6: 16,
+  $12: 50
+};
+function containerRadiusPx(value) {
+  if (typeof value === "number") return value;
+  const 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 (0, import_theme.resolveRadiusForPart)({
+    radiusClass: "CONTAINER-CAP",
+    stop: knobs.borderRadius,
+    paddingPx: nodePanelPaddingPx[knobs.space]
+  }).px;
+}
+function graphNodeMeasure(opts) {
+  return {
+    width: graphNodeWidth(opts),
+    minHeight: graphNodeMinHeight(opts)
+  };
+}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var nodeMeasure_exports = {};
+__export(nodeMeasure_exports, {
+  FINE_PORT_PITCH: () => FINE_PORT_PITCH,
+  containerRadiusPx: () => containerRadiusPx,
+  defaultNodeMeasure: () => defaultNodeMeasure,
+  graphNodeMeasure: () => graphNodeMeasure,
+  graphNodeMinHeight: () => graphNodeMinHeight,
+  graphNodeRadius: () => graphNodeRadius,
+  graphNodeRadiusPx: () => graphNodeRadiusPx,
+  graphNodeWidth: () => graphNodeWidth,
+  nodePanelPaddingPx: () => nodePanelPaddingPx,
+  nodeRadiusTokenPx: () => nodeRadiusTokenPx,
+  portSpacing: () => portSpacing,
+  verticalPortCrowd: () => verticalPortCrowd
+});
+module.exports = __toCommonJS(nodeMeasure_exports);
+var import_theme = require("@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 ? import_theme.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 (0, import_theme.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 (0, import_theme.resolveRadiusForPart)({
+    radiusClass: "CONTAINER-CAP",
+    stop: knobs.borderRadius,
+    paddingPx: nodePanelPaddingPx[knobs.space]
+  }).px;
+}
+function graphNodeMeasure(opts) {
+  return {
+    width: graphNodeWidth(opts),
+    minHeight: graphNodeMinHeight(opts)
+  };
+}
+//# sourceMappingURL=nodeMeasure.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","nodeMeasure_exports","__export","FINE_PORT_PITCH","containerRadiusPx","defaultNodeMeasure","graphNodeMeasure","graphNodeMinHeight","graphNodeRadius","graphNodeRadiusPx","graphNodeWidth","nodePanelPaddingPx","nodeRadiusTokenPx","portSpacing","verticalPortCrowd","module","exports","import_theme","require","small","width","minHeight","medium","large","opts","coarsePointer","MIN_PRESS_TARGET","_ref","_opts_measure","measure","size","ports","left","right","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","port","side","err","return","Math","max","declared","portSpacingPx","knobs","capContainerRadius","borderRadius","space"],"sources":["../../../src/nodes/nodeMeasure.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/nodes/overviewNode.cjs

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var overviewNode_exports = {};
+__export(overviewNode_exports, {
+  OverviewNode: () => OverviewNode
+});
+module.exports = __toCommonJS(overviewNode_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_nodeMeasure = require("./nodeMeasure.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function OverviewNode({
+  id,
+  ports,
+  intent,
+  selected = false,
+  measure,
+  coarsePointer = false
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "GraphNode",
+    intent
+  });
+  const size = knobProps.size;
+  const portSpacingPx = (0, import_nodeMeasure.portSpacing)({
+    coarsePointer
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    "data-graph-node": id,
+    "data-graph-node-render-mode": "overview",
+    "data-graph-node-overview": "",
+    "data-graph-node-width": String((0, import_nodeMeasure.graphNodeWidth)({
+      size,
+      measure
+    })),
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    width: (0, import_nodeMeasure.graphNodeWidth)({
+      size,
+      measure
+    }),
+    minHeight: (0, import_nodeMeasure.graphNodeMinHeight)({
+      size,
+      ports: ports ?? [],
+      portSpacingPx,
+      measure
+    }),
+    position: "relative",
+    overflow: "visible",
+    opacity: selected ? 1 : 0.9
+  });
+}