@multiplatform.one/node-graph 7.7.2

package/dist/jsx/theme/graphVars.mjs

@@ -0,0 +1,284 @@
+import { MIN_PRESS_TARGET, hairlineWidth } from "@multiplatform.one/theme";
+const xyVarAllowlist = {
+  "--xy-node-background-color": "binds only to .react-flow__node-input/-default/-output/-group; a Tamagui GraphNode carries none of those classes and takes its fill from the knobProps spread",
+  "--xy-node-border": "same four built-in node classes; a GraphNode's border comes from knobProps.controlBorderOutlined / .surface",
+  "--xy-node-border-radius": "same four built-in node classes; a GraphNode's radius rides the CONTAINER-CAP law in graphNode.ts",
+  "--xy-node-color": "same four built-in node classes; a GraphNode's text colour comes from knobProps.body",
+  "--xy-node-boxshadow-hover": "same four built-in node classes, hover only; a GraphNode's elevation comes from knobProps.elevationChrome",
+  "--xy-node-boxshadow-selected": "same four built-in node classes, selected only; selection chrome is painted by GraphNode itself",
+  "--xy-node-group-background-color": "binds only to .react-flow__node-group; this package registers no group node type"
+};
+const spaceTokenPx = {
+  $0: 0,
+  $1: 2,
+  $2: 7,
+  $3: 13,
+  $4: 18,
+  $5: 24,
+  $6: 32
+};
+const graphTransitionCss = {
+  bouncy: "all ease-in 200ms",
+  lazy: "all ease-in 600ms",
+  slow: "all ease-in 500ms",
+  medium: "all ease-in 300ms",
+  quick: "all ease-in 100ms",
+  tooltip: "all ease-in 400ms",
+  snappy: "all ease-out 80ms",
+  gentle: "all ease-in-out 450ms"
+};
+const handlePaintedPx = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+const edgeStrokeWidthPx = {
+  "0": 1,
+  "0.5": 1.5,
+  "1": 2,
+  "2": 3
+};
+function clamp255(value) {
+  return Math.max(0, Math.min(255, Math.round(value)));
+}
+function roundAlpha(value) {
+  return Math.round(Math.max(0, Math.min(1, value)) * 1e3) / 1e3;
+}
+function withAlpha(color2, alpha) {
+  if (!color2) return void 0;
+  const text = color2.trim();
+  const a = roundAlpha(alpha);
+  const hex = /^#([0-9a-fA-F]{3,8})$/.exec(text);
+  if (hex) {
+    const digits = hex[1];
+    let r;
+    let g;
+    let b;
+    if (digits.length === 3 || digits.length === 4) {
+      r = Number.parseInt(digits[0] + digits[0], 16);
+      g = Number.parseInt(digits[1] + digits[1], 16);
+      b = Number.parseInt(digits[2] + digits[2], 16);
+    } else if (digits.length === 6 || digits.length === 8) {
+      r = Number.parseInt(digits.slice(0, 2), 16);
+      g = Number.parseInt(digits.slice(2, 4), 16);
+      b = Number.parseInt(digits.slice(4, 6), 16);
+    } else {
+      return void 0;
+    }
+    return `rgba(${clamp255(r)}, ${clamp255(g)}, ${clamp255(b)}, ${a})`;
+  }
+  const rgb = /^rgba?\(([^)]+)\)$/.exec(text);
+  if (rgb) {
+    const parts = rgb[1].split(/[\s,/]+/).filter(Boolean);
+    if (parts.length < 3) return void 0;
+    return `rgba(${parts[0]}, ${parts[1]}, ${parts[2]}, ${a})`;
+  }
+  const hsl = /^hsla?\(([^)]+)\)$/.exec(text);
+  if (hsl) {
+    const parts = hsl[1].split(/[,/]+/).map(part => part.trim()).filter(Boolean);
+    if (parts.length < 3) return void 0;
+    return `hsla(${parts[0]}, ${parts[1]}, ${parts[2]}, ${a})`;
+  }
+  return void 0;
+}
+function toCss(value, theme) {
+  if (!value) return void 0;
+  if (value.startsWith("$")) return theme.css(value.slice(1));
+  return value;
+}
+function warnOnce(message) {
+  if (process.env.NODE_ENV === "production") return;
+  console.warn(`[@multiplatform.one/node-graph] ${message}`);
+}
+function elevationBoxShadow(resolved, theme) {
+  const chrome = resolved.knobProps.elevationChrome;
+  const fromWeb = chrome.style?.boxShadow;
+  if (fromWeb) {
+    return {
+      css: fromWeb,
+      colors: fromWeb.match(/rgba?\([^)]*\)/g) ?? []
+    };
+  }
+  if (!chrome.shadowColor || chrome.shadowRadius == null) return {
+    css: "none",
+    colors: []
+  };
+  const raw = chrome.shadowColor.startsWith("$") ? theme.raw(chrome.shadowColor.slice(1)) : chrome.shadowColor;
+  const tinted = withAlpha(raw, chrome.shadowOpacity ?? 0.15);
+  if (!tinted) {
+    warnOnce(`elevation shadow colour ${JSON.stringify(chrome.shadowColor)} is not a literal colour this can blend, so --xy-controls-box-shadow falls back to none`);
+    return {
+      css: "none",
+      colors: []
+    };
+  }
+  const offsetY = chrome.shadowOffset?.height ?? 0;
+  const offsetX = chrome.shadowOffset?.width ?? 0;
+  return {
+    css: `${offsetX}px ${offsetY}px ${chrome.shadowRadius}px ${tinted}`,
+    colors: [tinted]
+  };
+}
+function color(value, fallback) {
+  return {
+    kind: "color",
+    color: value ?? fallback
+  };
+}
+function graphVarValues(resolved, theme, options) {
+  const {
+    knobProps,
+    control,
+    text
+  } = resolved;
+  const themeColor = (key, fallback = "currentColor") => theme.css(key) ?? fallback;
+  const outline = themeColor("outlineColor", themeColor("borderColor"));
+  const bodyColor = toCss(knobProps.body.color, theme) ?? themeColor("color");
+  const hoverBackground = toCss(control.hoverKnobProps?.backgroundColor, theme);
+  const hoverColor = toCss(text.hoverKnobProps?.color, theme);
+  const edgeStrokeWidth = edgeStrokeWidthPx[String(knobProps.controlBorderFilled.borderWidth)] ?? 2;
+  const selectionFill = withAlpha(theme.raw("outlineColor") ?? theme.raw("borderColor"), 0.12);
+  const maskFill = withAlpha(theme.raw("color1"), 0.7);
+  const shadow = elevationBoxShadow(resolved, theme);
+  const handlePainted = handlePaintedPx[knobProps.size] ?? 10;
+  const handleHit = options?.pointer === "fine" ? Math.max(handlePainted, 24) : MIN_PRESS_TARGET;
+  const nodeGap = spaceTokenPx[knobProps.gap.gap] ?? 18;
+  const nodePadding = spaceTokenPx[knobProps.panelPadding.padding] ?? 18;
+  return {
+    // ── edges ──
+    "--xy-edge-stroke": color(theme.css("color9"), "currentColor"),
+    "--xy-edge-stroke-selected": {
+      kind: "color",
+      color: outline
+    },
+    "--xy-edge-stroke-width": {
+      kind: "length",
+      px: edgeStrokeWidth
+    },
+    "--xy-connectionline-stroke": {
+      kind: "color",
+      color: outline
+    },
+    "--xy-connectionline-stroke-width": {
+      kind: "length",
+      px: edgeStrokeWidth + 1
+    },
+    "--xy-edge-label-background-color": color(toCss(knobProps.cardSurface.backgroundColor, theme), themeColor("color1")),
+    "--xy-edge-label-color": {
+      kind: "color",
+      color: bodyColor
+    },
+    // ── handles ──
+    "--xy-handle-background-color": color(theme.css("color1"), "transparent"),
+    "--xy-handle-border-color": color(theme.css("color8"), themeColor("borderColor")),
+    // ── selection ──
+    "--xy-selection-background-color": color(selectionFill, "transparent"),
+    "--xy-selection-border": {
+      kind: "composite",
+      css: `1px dashed ${outline}`,
+      colors: [outline]
+    },
+    // ── canvas ──
+    "--xy-background-color": color(toCss(knobProps.surface.backgroundColor, theme), themeColor("color1")),
+    "--xy-background-pattern-color": color(theme.css("color4"), themeColor("borderColor")),
+    // ── minimap ──
+    "--xy-minimap-background-color": color(toCss(knobProps.elevatedSurface.backgroundColor, theme), themeColor("color1")),
+    "--xy-minimap-node-background-color": color(theme.css("color6"), themeColor("borderColor")),
+    "--xy-minimap-node-stroke-color": color(theme.css("borderColor"), "currentColor"),
+    "--xy-minimap-node-stroke-width": {
+      kind: "length",
+      px: knobProps.surface.borderWidth
+    },
+    "--xy-minimap-mask-background-color": color(maskFill, "transparent"),
+    "--xy-minimap-mask-stroke-color": {
+      kind: "color",
+      color: outline
+    },
+    "--xy-minimap-mask-stroke-width": {
+      kind: "length",
+      px: hairlineWidth
+    },
+    // ── controls ──
+    "--xy-controls-button-background-color": color(toCss(knobProps.elevatedSurface.backgroundColor, theme), themeColor("color1")),
+    "--xy-controls-button-background-color-hover": color(hoverBackground ?? theme.css("color4"), themeColor("borderColor")),
+    "--xy-controls-button-color": {
+      kind: "color",
+      color: bodyColor
+    },
+    "--xy-controls-button-color-hover": {
+      kind: "color",
+      color: hoverColor ?? bodyColor
+    },
+    "--xy-controls-button-border-color": color(theme.css("borderColor"), "currentColor"),
+    "--xy-controls-box-shadow": {
+      kind: "composite",
+      css: shadow.css,
+      colors: shadow.colors
+    },
+    // ── attribution / resize ──
+    "--xy-attribution-background-color": {
+      kind: "color",
+      color: "transparent"
+    },
+    "--xy-resize-background-color": {
+      kind: "color",
+      color: outline
+    },
+    // ── the mpo-owned layer, for what React Flow has no variable for ──
+    "--mpo-graph-handle-size": {
+      kind: "length",
+      px: handlePainted
+    },
+    "--mpo-graph-handle-hit": {
+      kind: "length",
+      px: handleHit
+    },
+    "--mpo-graph-guide-color": {
+      kind: "color",
+      color: outline
+    },
+    // hairlineWidth, NOT divided by pixelRatio: CSS px inside a WebView are
+    // already density-independent, and dividing would ask for a 0.167 px line
+    // on a 3x phone. A guide is a divider, which is what the token is for.
+    "--mpo-graph-guide-width": {
+      kind: "length",
+      px: hairlineWidth
+    },
+    "--mpo-graph-node-gap": {
+      kind: "length",
+      px: nodeGap
+    },
+    "--mpo-graph-node-padding": {
+      kind: "length",
+      px: nodePadding
+    },
+    "--mpo-graph-port-spacing": {
+      kind: "length",
+      px: Math.max(handleHit, nodeGap)
+    },
+    "--mpo-graph-transition": {
+      kind: "composite",
+      css: knobProps.transition ? graphTransitionCss[String(knobProps.transition)] ?? "none" : "none",
+      colors: []
+    }
+  };
+}
+function graphVarCss(value) {
+  switch (value.kind) {
+    case "color":
+      return value.color;
+    case "length":
+      return `${value.px}px`;
+    default:
+      return value.css;
+  }
+}
+function graphCssVars(resolved, theme, options) {
+  const out = {};
+  for (const [name, value] of Object.entries(graphVarValues(resolved, theme, options))) {
+    out[name] = graphVarCss(value);
+  }
+  return out;
+}
+export { edgeStrokeWidthPx, elevationBoxShadow, graphCssVars, graphTransitionCss, graphVarCss, graphVarValues, handlePaintedPx, spaceTokenPx, withAlpha, xyVarAllowlist };
+//# sourceMappingURL=graphVars.mjs.map

package/dist/jsx/theme/graphVars.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIN_PRESS_TARGET","hairlineWidth","xyVarAllowlist","spaceTokenPx","$0","$1","$2","$3","$4","$5","$6","graphTransitionCss","bouncy","lazy","slow","medium","quick","tooltip","snappy","gentle","handlePaintedPx","small","large","edgeStrokeWidthPx","clamp255","value","Math","max","min","round","roundAlpha","withAlpha","color2","alpha","color","text","trim","a","hex","exec","digits","r","g","b","length","Number","parseInt","slice","rgb","parts","split","filter","Boolean","hsl","map","part","toCss","theme","startsWith","css","warnOnce","message","process","env","NODE_ENV","console","warn","elevationBoxShadow","resolved","chrome","knobProps","elevationChrome","fromWeb","style","boxShadow","colors","match","shadowColor","shadowRadius","raw","tinted","shadowOpacity","JSON","stringify","offsetY","shadowOffset","height","offsetX","width","fallback","kind","graphVarValues","options","control","themeColor","key","outline","bodyColor","body","hoverBackground","hoverKnobProps","backgroundColor","hoverColor","edgeStrokeWidth","String","controlBorderFilled","borderWidth","selectionFill","maskFill","shadow","handlePainted","size","handleHit","pointer","nodeGap","gap","nodePadding","panelPadding","padding","px","cardSurface","surface","elevatedSurface","transition","graphVarCss","graphCssVars","out","name","Object","entries"],"sources":["../../../src/theme/graphVars.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/theme/graphVars.native.js

@@ -0,0 +1,351 @@
+"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 graphVars_exports = {};
+__export(graphVars_exports, {
+  edgeStrokeWidthPx: () => edgeStrokeWidthPx,
+  elevationBoxShadow: () => elevationBoxShadow,
+  graphCssVars: () => graphCssVars,
+  graphTransitionCss: () => graphTransitionCss,
+  graphVarCss: () => graphVarCss,
+  graphVarValues: () => graphVarValues,
+  handlePaintedPx: () => handlePaintedPx,
+  spaceTokenPx: () => spaceTokenPx,
+  withAlpha: () => withAlpha,
+  xyVarAllowlist: () => xyVarAllowlist
+});
+module.exports = __toCommonJS(graphVars_exports);
+var import_theme = require("@multiplatform.one/theme");
+var xyVarAllowlist = {
+  "--xy-node-background-color": "binds only to .react-flow__node-input/-default/-output/-group; a Tamagui GraphNode carries none of those classes and takes its fill from the knobProps spread",
+  "--xy-node-border": "same four built-in node classes; a GraphNode's border comes from knobProps.controlBorderOutlined / .surface",
+  "--xy-node-border-radius": "same four built-in node classes; a GraphNode's radius rides the CONTAINER-CAP law in graphNode.ts",
+  "--xy-node-color": "same four built-in node classes; a GraphNode's text colour comes from knobProps.body",
+  "--xy-node-boxshadow-hover": "same four built-in node classes, hover only; a GraphNode's elevation comes from knobProps.elevationChrome",
+  "--xy-node-boxshadow-selected": "same four built-in node classes, selected only; selection chrome is painted by GraphNode itself",
+  "--xy-node-group-background-color": "binds only to .react-flow__node-group; this package registers no group node type"
+};
+var spaceTokenPx = {
+  $0: 0,
+  $1: 2,
+  $2: 7,
+  $3: 13,
+  $4: 18,
+  $5: 24,
+  $6: 32
+};
+var graphTransitionCss = {
+  bouncy: "all ease-in 200ms",
+  lazy: "all ease-in 600ms",
+  slow: "all ease-in 500ms",
+  medium: "all ease-in 300ms",
+  quick: "all ease-in 100ms",
+  tooltip: "all ease-in 400ms",
+  snappy: "all ease-out 80ms",
+  gentle: "all ease-in-out 450ms"
+};
+var handlePaintedPx = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+var edgeStrokeWidthPx = {
+  "0": 1,
+  "0.5": 1.5,
+  "1": 2,
+  "2": 3
+};
+function clamp255(value) {
+  return Math.max(0, Math.min(255, Math.round(value)));
+}
+function roundAlpha(value) {
+  return Math.round(Math.max(0, Math.min(1, value)) * 1e3) / 1e3;
+}
+function withAlpha(color2, alpha) {
+  if (!color2) return void 0;
+  var text = color2.trim();
+  var a = roundAlpha(alpha);
+  var hex = /^#([0-9a-fA-F]{3,8})$/.exec(text);
+  if (hex) {
+    var digits = hex[1];
+    var r;
+    var g;
+    var b;
+    if (digits.length === 3 || digits.length === 4) {
+      r = Number.parseInt(digits[0] + digits[0], 16);
+      g = Number.parseInt(digits[1] + digits[1], 16);
+      b = Number.parseInt(digits[2] + digits[2], 16);
+    } else if (digits.length === 6 || digits.length === 8) {
+      r = Number.parseInt(digits.slice(0, 2), 16);
+      g = Number.parseInt(digits.slice(2, 4), 16);
+      b = Number.parseInt(digits.slice(4, 6), 16);
+    } else {
+      return void 0;
+    }
+    return `rgba(${clamp255(r)}, ${clamp255(g)}, ${clamp255(b)}, ${a})`;
+  }
+  var rgb = /^rgba?\(([^)]+)\)$/.exec(text);
+  if (rgb) {
+    var parts = rgb[1].split(/[\s,/]+/).filter(Boolean);
+    if (parts.length < 3) return void 0;
+    return `rgba(${parts[0]}, ${parts[1]}, ${parts[2]}, ${a})`;
+  }
+  var hsl = /^hsla?\(([^)]+)\)$/.exec(text);
+  if (hsl) {
+    var parts1 = hsl[1].split(/[,/]+/).map(function (part) {
+      return part.trim();
+    }).filter(Boolean);
+    if (parts1.length < 3) return void 0;
+    return `hsla(${parts1[0]}, ${parts1[1]}, ${parts1[2]}, ${a})`;
+  }
+  return void 0;
+}
+function toCss(value, theme) {
+  if (!value) return void 0;
+  if (value.startsWith("$")) return theme.css(value.slice(1));
+  return value;
+}
+function warnOnce(message) {
+  if (process.env.NODE_ENV === "production") return;
+  console.warn(`[@multiplatform.one/node-graph] ${message}`);
+}
+function elevationBoxShadow(resolved, theme) {
+  var _chrome_shadowOpacity, _ref, _ref1;
+  var _chrome_style, _chrome_shadowOffset, _chrome_shadowOffset1;
+  var chrome = resolved.knobProps.elevationChrome;
+  var fromWeb = (_chrome_style = chrome.style) === null || _chrome_style === void 0 ? void 0 : _chrome_style.boxShadow;
+  if (fromWeb) {
+    var _fromWeb_match;
+    return {
+      css: fromWeb,
+      colors: (_fromWeb_match = fromWeb.match(/rgba?\([^)]*\)/g)) !== null && _fromWeb_match !== void 0 ? _fromWeb_match : []
+    };
+  }
+  if (!chrome.shadowColor || chrome.shadowRadius == null) return {
+    css: "none",
+    colors: []
+  };
+  var raw = chrome.shadowColor.startsWith("$") ? theme.raw(chrome.shadowColor.slice(1)) : chrome.shadowColor;
+  var tinted = withAlpha(raw, (_chrome_shadowOpacity = chrome.shadowOpacity) !== null && _chrome_shadowOpacity !== void 0 ? _chrome_shadowOpacity : 0.15);
+  if (!tinted) {
+    warnOnce(`elevation shadow colour ${JSON.stringify(chrome.shadowColor)} is not a literal colour this can blend, so --xy-controls-box-shadow falls back to none`);
+    return {
+      css: "none",
+      colors: []
+    };
+  }
+  var offsetY = (_ref = (_chrome_shadowOffset = chrome.shadowOffset) === null || _chrome_shadowOffset === void 0 ? void 0 : _chrome_shadowOffset.height) !== null && _ref !== void 0 ? _ref : 0;
+  var offsetX = (_ref1 = (_chrome_shadowOffset1 = chrome.shadowOffset) === null || _chrome_shadowOffset1 === void 0 ? void 0 : _chrome_shadowOffset1.width) !== null && _ref1 !== void 0 ? _ref1 : 0;
+  return {
+    css: `${offsetX}px ${offsetY}px ${chrome.shadowRadius}px ${tinted}`,
+    colors: [tinted]
+  };
+}
+function color(value, fallback) {
+  return {
+    kind: "color",
+    color: value !== null && value !== void 0 ? value : fallback
+  };
+}
+function graphVarValues(resolved, theme, options) {
+  var _toCss, _edgeStrokeWidthPx_String, _theme_raw, _handlePaintedPx_knobProps_size, _spaceTokenPx_knobProps_gap_gap, _spaceTokenPx_knobProps_panelPadding_padding, _graphTransitionCss_String;
+  var _control_hoverKnobProps, _text_hoverKnobProps;
+  var {
+    knobProps,
+    control,
+    text
+  } = resolved;
+  var themeColor = function themeColor2(key) {
+    var fallback = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "currentColor";
+    var _theme_css;
+    return (_theme_css = theme.css(key)) !== null && _theme_css !== void 0 ? _theme_css : fallback;
+  };
+  var outline = themeColor("outlineColor", themeColor("borderColor"));
+  var bodyColor = (_toCss = toCss(knobProps.body.color, theme)) !== null && _toCss !== void 0 ? _toCss : themeColor("color");
+  var hoverBackground = toCss((_control_hoverKnobProps = control.hoverKnobProps) === null || _control_hoverKnobProps === void 0 ? void 0 : _control_hoverKnobProps.backgroundColor, theme);
+  var hoverColor = toCss((_text_hoverKnobProps = text.hoverKnobProps) === null || _text_hoverKnobProps === void 0 ? void 0 : _text_hoverKnobProps.color, theme);
+  var edgeStrokeWidth = (_edgeStrokeWidthPx_String = edgeStrokeWidthPx[String(knobProps.controlBorderFilled.borderWidth)]) !== null && _edgeStrokeWidthPx_String !== void 0 ? _edgeStrokeWidthPx_String : 2;
+  var selectionFill = withAlpha((_theme_raw = theme.raw("outlineColor")) !== null && _theme_raw !== void 0 ? _theme_raw : theme.raw("borderColor"), 0.12);
+  var maskFill = withAlpha(theme.raw("color1"), 0.7);
+  var shadow = elevationBoxShadow(resolved, theme);
+  var handlePainted = (_handlePaintedPx_knobProps_size = handlePaintedPx[knobProps.size]) !== null && _handlePaintedPx_knobProps_size !== void 0 ? _handlePaintedPx_knobProps_size : 10;
+  var handleHit = (options === null || options === void 0 ? void 0 : options.pointer) === "fine" ? Math.max(handlePainted, 24) : import_theme.MIN_PRESS_TARGET;
+  var nodeGap = (_spaceTokenPx_knobProps_gap_gap = spaceTokenPx[knobProps.gap.gap]) !== null && _spaceTokenPx_knobProps_gap_gap !== void 0 ? _spaceTokenPx_knobProps_gap_gap : 18;
+  var nodePadding = (_spaceTokenPx_knobProps_panelPadding_padding = spaceTokenPx[knobProps.panelPadding.padding]) !== null && _spaceTokenPx_knobProps_panelPadding_padding !== void 0 ? _spaceTokenPx_knobProps_panelPadding_padding : 18;
+  return {
+    // ── edges ──
+    "--xy-edge-stroke": color(theme.css("color9"), "currentColor"),
+    "--xy-edge-stroke-selected": {
+      kind: "color",
+      color: outline
+    },
+    "--xy-edge-stroke-width": {
+      kind: "length",
+      px: edgeStrokeWidth
+    },
+    "--xy-connectionline-stroke": {
+      kind: "color",
+      color: outline
+    },
+    "--xy-connectionline-stroke-width": {
+      kind: "length",
+      px: edgeStrokeWidth + 1
+    },
+    "--xy-edge-label-background-color": color(toCss(knobProps.cardSurface.backgroundColor, theme), themeColor("color1")),
+    "--xy-edge-label-color": {
+      kind: "color",
+      color: bodyColor
+    },
+    // ── handles ──
+    "--xy-handle-background-color": color(theme.css("color1"), "transparent"),
+    "--xy-handle-border-color": color(theme.css("color8"), themeColor("borderColor")),
+    // ── selection ──
+    "--xy-selection-background-color": color(selectionFill, "transparent"),
+    "--xy-selection-border": {
+      kind: "composite",
+      css: `1px dashed ${outline}`,
+      colors: [outline]
+    },
+    // ── canvas ──
+    "--xy-background-color": color(toCss(knobProps.surface.backgroundColor, theme), themeColor("color1")),
+    "--xy-background-pattern-color": color(theme.css("color4"), themeColor("borderColor")),
+    // ── minimap ──
+    "--xy-minimap-background-color": color(toCss(knobProps.elevatedSurface.backgroundColor, theme), themeColor("color1")),
+    "--xy-minimap-node-background-color": color(theme.css("color6"), themeColor("borderColor")),
+    "--xy-minimap-node-stroke-color": color(theme.css("borderColor"), "currentColor"),
+    "--xy-minimap-node-stroke-width": {
+      kind: "length",
+      px: knobProps.surface.borderWidth
+    },
+    "--xy-minimap-mask-background-color": color(maskFill, "transparent"),
+    "--xy-minimap-mask-stroke-color": {
+      kind: "color",
+      color: outline
+    },
+    "--xy-minimap-mask-stroke-width": {
+      kind: "length",
+      px: import_theme.hairlineWidth
+    },
+    // ── controls ──
+    "--xy-controls-button-background-color": color(toCss(knobProps.elevatedSurface.backgroundColor, theme), themeColor("color1")),
+    "--xy-controls-button-background-color-hover": color(hoverBackground !== null && hoverBackground !== void 0 ? hoverBackground : theme.css("color4"), themeColor("borderColor")),
+    "--xy-controls-button-color": {
+      kind: "color",
+      color: bodyColor
+    },
+    "--xy-controls-button-color-hover": {
+      kind: "color",
+      color: hoverColor !== null && hoverColor !== void 0 ? hoverColor : bodyColor
+    },
+    "--xy-controls-button-border-color": color(theme.css("borderColor"), "currentColor"),
+    "--xy-controls-box-shadow": {
+      kind: "composite",
+      css: shadow.css,
+      colors: shadow.colors
+    },
+    // ── attribution / resize ──
+    "--xy-attribution-background-color": {
+      kind: "color",
+      color: "transparent"
+    },
+    "--xy-resize-background-color": {
+      kind: "color",
+      color: outline
+    },
+    // ── the mpo-owned layer, for what React Flow has no variable for ──
+    "--mpo-graph-handle-size": {
+      kind: "length",
+      px: handlePainted
+    },
+    "--mpo-graph-handle-hit": {
+      kind: "length",
+      px: handleHit
+    },
+    "--mpo-graph-guide-color": {
+      kind: "color",
+      color: outline
+    },
+    // hairlineWidth, NOT divided by pixelRatio: CSS px inside a WebView are
+    // already density-independent, and dividing would ask for a 0.167 px line
+    // on a 3x phone. A guide is a divider, which is what the token is for.
+    "--mpo-graph-guide-width": {
+      kind: "length",
+      px: import_theme.hairlineWidth
+    },
+    "--mpo-graph-node-gap": {
+      kind: "length",
+      px: nodeGap
+    },
+    "--mpo-graph-node-padding": {
+      kind: "length",
+      px: nodePadding
+    },
+    "--mpo-graph-port-spacing": {
+      kind: "length",
+      px: Math.max(handleHit, nodeGap)
+    },
+    "--mpo-graph-transition": {
+      kind: "composite",
+      css: knobProps.transition ? (_graphTransitionCss_String = graphTransitionCss[String(knobProps.transition)]) !== null && _graphTransitionCss_String !== void 0 ? _graphTransitionCss_String : "none" : "none",
+      colors: []
+    }
+  };
+}
+function graphVarCss(value) {
+  switch (value.kind) {
+    case "color":
+      return value.color;
+    case "length":
+      return `${value.px}px`;
+    default:
+      return value.css;
+  }
+}
+function graphCssVars(resolved, theme, options) {
+  var out = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.entries(graphVarValues(resolved, theme, options))[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [name, value] = _step.value;
+      out[name] = graphVarCss(value);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return out;
+}
+//# sourceMappingURL=graphVars.native.js.map