@multiplatform.one/node-graph 7.7.2

package/dist/esm/interaction/useLassoSelect.native.js

@@ -0,0 +1,256 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { selectInMarquee } from "../model/index.native.js";
+import { SelectionMode, reactFlowPaneSelector } from "../react-flow/xy.native.js";
+import { installLassoIntercept } from "./lassoIntercept.native.js";
+var panProps = {
+  panOnDrag: true,
+  selectionOnDrag: false,
+  selectionMode: SelectionMode.Partial
+};
+var selectProps = {
+  panOnDrag: false,
+  selectionOnDrag: true,
+  selectionMode: SelectionMode.Partial
+};
+function lassoFlowProps(mode) {
+  return mode === "select" ? selectProps : panProps;
+}
+var lassoHoldMs = 350;
+var lassoSlopPx = 10;
+function rectBetween(a, b) {
+  return {
+    x: Math.min(a.x, b.x),
+    y: Math.min(a.y, b.y),
+    width: Math.abs(a.x - b.x),
+    height: Math.abs(a.y - b.y)
+  };
+}
+function firstTouch(event) {
+  var _event_touches_;
+  return (_event_touches_ = event.touches[0]) !== null && _event_touches_ !== void 0 ? _event_touches_ : event.changedTouches[0];
+}
+function useLassoSelect() {
+  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var {
+    mode: controlled,
+    defaultMode = "pan",
+    onModeChange
+  } = options;
+  var [uncontrolled, setUncontrolled] = useState(defaultMode);
+  var mode = controlled !== null && controlled !== void 0 ? controlled : uncontrolled;
+  var current = useRef(mode);
+  current.current = mode;
+  var setMode = useCallback(function (next) {
+    if (next === current.current) return;
+    if (controlled === void 0) setUncontrolled(next);
+    onModeChange === null || onModeChange === void 0 ? void 0 : onModeChange(next);
+  }, [controlled, onModeChange]);
+  var toggleMode = useCallback(function () {
+    setMode(current.current === "select" ? "pan" : "select");
+  }, [setMode]);
+  var {
+    armed,
+    marquee
+  } = useLassoLongPress(options.longPress);
+  var effectiveMode = armed ? "select" : mode;
+  return useMemo(function () {
+    return {
+      mode,
+      setMode,
+      toggleMode,
+      effectiveMode,
+      flowProps: lassoFlowProps(effectiveMode),
+      armed,
+      marquee
+    };
+  }, [mode, setMode, toggleMode, effectiveMode, armed, marquee]);
+}
+function useLassoLongPress(options) {
+  var _ref;
+  var [armed, setArmed] = useState(false);
+  var [marquee, setMarquee] = useState(null);
+  var latest = useRef(options);
+  latest.current = options;
+  var gesture = useRef(
+  /**
+  * The marquee, MIRRORED out of state.
+  *
+  * `marquee` is state because it paints, and the commit at L6 has to read it
+  * synchronously on the `touchend` — a `setMarquee` updater does not run
+  * until the next render, so a commit written inside one is reading a value
+  * from the future and reporting a cancel from the past. It was written that
+  * way and worked by accident; milestone 6 needed the same value to decide
+  * between `select` and `cancel`, which is where the accident showed.
+  */
+  {
+    timer: null,
+    origin: null,
+    snapshot: null,
+    intercept: null,
+    marquee: null
+  });
+  var enabled = (_ref = options === null || options === void 0 ? void 0 : options.enabled) !== null && _ref !== void 0 ? _ref : false;
+  var rootRef = options === null || options === void 0 ? void 0 : options.rootRef;
+  useEffect(function () {
+    if (!enabled) return;
+    var root = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current;
+    var pane = root === null || root === void 0 ? void 0 : root.querySelector(reactFlowPaneSelector);
+    if (!pane) return;
+    var state = gesture.current;
+    var selfCancelling = false;
+    var putMarquee = function putMarquee2(rect) {
+      state.marquee = rect;
+      setMarquee(rect);
+    };
+    var reset = function reset2() {
+      var announce = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+      var _state_intercept, _latest_current_onCancel, _latest_current;
+      var wasArmed = state.intercept !== null;
+      if (state.timer !== null) clearTimeout(state.timer);
+      state.timer = null;
+      state.origin = null;
+      state.snapshot = null;
+      (_state_intercept = state.intercept) === null || _state_intercept === void 0 ? void 0 : _state_intercept.release();
+      state.intercept = null;
+      setArmed(false);
+      putMarquee(null);
+      if (announce && wasArmed) (_latest_current = latest.current) === null || _latest_current === void 0 ? void 0 : (_latest_current_onCancel = _latest_current.onCancel) === null || _latest_current_onCancel === void 0 ? void 0 : _latest_current_onCancel.call(_latest_current);
+    };
+    var paneOrigin = function paneOrigin2() {
+      var box = pane.getBoundingClientRect();
+      return {
+        x: box.left,
+        y: box.top
+      };
+    };
+    var toFlow = function toFlow2(point) {
+      var _latest_current;
+      var view = (_latest_current = latest.current) === null || _latest_current === void 0 ? void 0 : _latest_current.viewport.get();
+      if (!view) return point;
+      return {
+        x: (point.x - view.x) / view.zoom,
+        y: (point.y - view.y) / view.zoom
+      };
+    };
+    var arm = function arm2() {
+      var _opts_onHaptic;
+      var opts = latest.current;
+      if (!opts || !state.origin) return;
+      state.timer = null;
+      (_opts_onHaptic = opts.onHaptic) === null || _opts_onHaptic === void 0 ? void 0 : _opts_onHaptic.call(opts);
+      state.intercept = installLassoIntercept({
+        ancestor: pane.ownerDocument,
+        onIntercept: onArmedMove
+      });
+      selfCancelling = true;
+      try {
+        pane.dispatchEvent(new TouchEvent("touchcancel", {
+          bubbles: true,
+          cancelable: true,
+          touches: []
+        }));
+      } finally {
+        selfCancelling = false;
+      }
+      if (state.snapshot) opts.viewport.set(state.snapshot);
+      setArmed(true);
+      putMarquee({
+        x: state.origin.x,
+        y: state.origin.y,
+        width: 0,
+        height: 0
+      });
+    };
+    var onArmedMove = function onArmedMove2(event) {
+      if (event.touches.length > 1) {
+        reset();
+        return;
+      }
+      var touch = firstTouch(event);
+      if (!touch || !state.origin) return;
+      var origin = paneOrigin();
+      putMarquee(rectBetween(state.origin, {
+        x: touch.clientX - origin.x,
+        y: touch.clientY - origin.y
+      }));
+    };
+    var onTouchStart = function onTouchStart2(event) {
+      var _opts_holdMs;
+      var opts = latest.current;
+      if (!opts) return;
+      if (event.touches.length > 1) {
+        reset();
+        return;
+      }
+      var touch = firstTouch(event);
+      if (!touch) return;
+      var origin = paneOrigin();
+      state.origin = {
+        x: touch.clientX - origin.x,
+        y: touch.clientY - origin.y
+      };
+      state.snapshot = opts.viewport.get();
+      if (state.timer !== null) clearTimeout(state.timer);
+      state.timer = setTimeout(arm, (_opts_holdMs = opts.holdMs) !== null && _opts_holdMs !== void 0 ? _opts_holdMs : lassoHoldMs);
+    };
+    var onTouchMove = function onTouchMove2(event) {
+      var _ref2;
+      var _latest_current;
+      if (state.timer === null) return;
+      var touch = firstTouch(event);
+      if (!touch || !state.origin) return;
+      var origin = paneOrigin();
+      var dx = touch.clientX - origin.x - state.origin.x;
+      var dy = touch.clientY - origin.y - state.origin.y;
+      if (Math.hypot(dx, dy) > ((_ref2 = (_latest_current = latest.current) === null || _latest_current === void 0 ? void 0 : _latest_current.slopPx) !== null && _ref2 !== void 0 ? _ref2 : lassoSlopPx)) reset();
+    };
+    var onTouchEnd = function onTouchEnd2() {
+      if (selfCancelling) return;
+      var opts = latest.current;
+      var committed = false;
+      var drawn = state.marquee;
+      if (state.intercept && opts && drawn && (drawn.width > 0 || drawn.height > 0)) {
+        var _opts_marqueeMode;
+        var _opts_onSelect;
+        committed = true;
+        var topLeft = toFlow(drawn);
+        var bottomRight = toFlow({
+          x: drawn.x + drawn.width,
+          y: drawn.y + drawn.height
+        });
+        (_opts_onSelect = opts.onSelect) === null || _opts_onSelect === void 0 ? void 0 : _opts_onSelect.call(opts, selectInMarquee(opts.getNodeRects(), {
+          x: topLeft.x,
+          y: topLeft.y,
+          width: bottomRight.x - topLeft.x,
+          height: bottomRight.y - topLeft.y
+        }, (_opts_marqueeMode = opts.marqueeMode) !== null && _opts_marqueeMode !== void 0 ? _opts_marqueeMode : "partial"));
+      }
+      reset(!committed);
+    };
+    pane.addEventListener("touchstart", onTouchStart, {
+      passive: true
+    });
+    pane.addEventListener("touchmove", onTouchMove, {
+      passive: true
+    });
+    pane.addEventListener("touchend", onTouchEnd, {
+      passive: true
+    });
+    pane.addEventListener("touchcancel", onTouchEnd, {
+      passive: true
+    });
+    return function () {
+      pane.removeEventListener("touchstart", onTouchStart);
+      pane.removeEventListener("touchmove", onTouchMove);
+      pane.removeEventListener("touchend", onTouchEnd);
+      pane.removeEventListener("touchcancel", onTouchEnd);
+      reset();
+    };
+  }, [enabled, rootRef]);
+  return {
+    armed,
+    marquee
+  };
+}
+export { lassoFlowProps, lassoHoldMs, lassoSlopPx, useLassoSelect };
+//# sourceMappingURL=useLassoSelect.native.js.map

package/dist/esm/interaction/useLassoSelect.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","selectInMarquee","SelectionMode","reactFlowPaneSelector","installLassoIntercept","panProps","panOnDrag","selectionOnDrag","selectionMode","Partial","selectProps","lassoFlowProps","mode","lassoHoldMs","lassoSlopPx","rectBetween","a","b","x","Math","min","y","width","abs","height","firstTouch","event","_event_touches_","touches","changedTouches","useLassoSelect","options","arguments","length","controlled","defaultMode","onModeChange","uncontrolled","setUncontrolled","current","setMode","next","toggleMode","armed","marquee","useLassoLongPress","longPress","effectiveMode","flowProps","_ref","setArmed","setMarquee","latest","gesture","timer","origin","snapshot","intercept","enabled","rootRef","root","pane","querySelector","state","selfCancelling","putMarquee","putMarquee2","rect","reset","reset2","announce","_state_intercept","_latest_current_onCancel","_latest_current","wasArmed","clearTimeout","release","onCancel","call","paneOrigin","paneOrigin2","box","getBoundingClientRect","left","top","toFlow","toFlow2","point","view","viewport","get","zoom","arm","arm2","_opts_onHaptic","opts","onHaptic","ancestor","ownerDocument","onIntercept","onArmedMove","dispatchEvent","TouchEvent","bubbles","cancelable","set","onArmedMove2","touch","clientX","clientY","onTouchStart","onTouchStart2","_opts_holdMs","setTimeout","holdMs","onTouchMove","onTouchMove2","_ref2"],"sources":["../../../src/interaction/useLassoSelect.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/knobs/KnobEnvelopeProvider.mjs

@@ -0,0 +1,51 @@
+import { useMemo } from "react";
+import { TamaguiProvider, Theme } from "tamagui";
+import { IntentContext, Preset, Surface } from "@multiplatform.one/theme";
+import { knobsForEnvelope } from "./envelope.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+function resolveEnvelopeThemeName(envelope, themes) {
+  const wanted = envelope.themeName;
+  if (!themes) return wanted || void 0;
+  if (wanted && Object.hasOwn(themes, wanted)) return wanted;
+  if (Object.hasOwn(themes, envelope.scheme)) return envelope.scheme;
+  return void 0;
+}
+function KnobEnvelopeProvider({
+  envelope,
+  config,
+  children
+}) {
+  const knobs = useMemo(() => knobsForEnvelope(envelope), [envelope]);
+  const themeName = useMemo(() => resolveEnvelopeThemeName(envelope, config?.themes), [config, envelope]);
+  let tree = /* @__PURE__ */jsx(Preset, {
+    preset: envelope.presetName,
+    cascade: false,
+    overrides: knobs,
+    children: /* @__PURE__ */jsx(Surface, {
+      size: envelope.surface.size === "unset" ? void 0 : envelope.surface.size,
+      density: envelope.surface.density === "unset" ? void 0 : envelope.surface.density,
+      children: /* @__PURE__ */jsx(IntentContext.Provider, {
+        value: envelope.intent,
+        children
+      })
+    })
+  });
+  if (themeName) {
+    tree = /* @__PURE__ */jsx(Theme, {
+      name: themeName,
+      children: tree
+    });
+  }
+  if (config) {
+    tree = /* @__PURE__ */jsx(TamaguiProvider, {
+      config,
+      defaultTheme: themeName,
+      children: tree
+    });
+  }
+  return /* @__PURE__ */jsx(Fragment, {
+    children: tree
+  });
+}
+export { KnobEnvelopeProvider, resolveEnvelopeThemeName };
+//# sourceMappingURL=KnobEnvelopeProvider.mjs.map

package/dist/esm/knobs/KnobEnvelopeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","TamaguiProvider","Theme","IntentContext","Preset","Surface","knobsForEnvelope","Fragment","jsx","resolveEnvelopeThemeName","envelope","themes","wanted","themeName","Object","hasOwn","scheme","KnobEnvelopeProvider","config","children","knobs","tree","preset","presetName","cascade","overrides","size","surface","density","Provider","value","intent","name","defaultTheme"],"sources":["../../../src/knobs/KnobEnvelopeProvider.tsx"],"sourcesContent":[null],"mappings":"AASA,SAAyBA,OAAA,QAAe;AACxC,SAAqCC,eAAA,EAAiBC,KAAA,QAAa;AAEnE,SACEC,aAAA,EACAC,MAAA,EACAC,OAAA,QAGK;AACP,SAA4BC,gBAAA,QAAwB;AAsE5C,SAmBCC,QAAA,EAnBDC,GAAA;AApCD,SAASC,yBACdC,QAAA,EACAC,MAAA,EACoB;EACpB,MAAMC,MAAA,GAASF,QAAA,CAASG,SAAA;EACxB,IAAI,CAACF,MAAA,EAAQ,OAAOC,MAAA,IAAU;EAC9B,IAAIA,MAAA,IAAUE,MAAA,CAAOC,MAAA,CAAOJ,MAAA,EAAQC,MAAM,GAAG,OAAOA,MAAA;EACpD,IAAIE,MAAA,CAAOC,MAAA,CAAOJ,MAAA,EAAQD,QAAA,CAASM,MAAM,GAAG,OAAON,QAAA,CAASM,MAAA;EAC5D,OAAO;AACT;AAEO,SAASC,qBAAqB;EAAEP,QAAA;EAAUQ,MAAA;EAAQC;AAAS,GAA8B;EAC9F,MAAMC,KAAA,GAAQpB,OAAA,CAAQ,MAAMM,gBAAA,CAAiBI,QAAQ,GAAG,CAACA,QAAQ,CAAC;EAClE,MAAMG,SAAA,GAAYb,OAAA,CAChB,MAAMS,wBAAA,CAAyBC,QAAA,EAAUQ,MAAA,EAAQP,MAAM,GACvD,CAACO,MAAA,EAAQR,QAAQ,CACnB;EAMA,IAAIW,IAAA,GACF,eAAAb,GAAA,CAACJ,MAAA;IAAOkB,MAAA,EAAQZ,QAAA,CAASa,UAAA;IAAYC,OAAA,EAAS;IAAOC,SAAA,EAAWL,KAAA;IAC9DD,QAAA,iBAAAX,GAAA,CAACH,OAAA;MACCqB,IAAA,EACEhB,QAAA,CAASiB,OAAA,CAAQD,IAAA,KAAS,UACtB,SACChB,QAAA,CAASiB,OAAA,CAAQD,IAAA;MAExBE,OAAA,EACElB,QAAA,CAASiB,OAAA,CAAQC,OAAA,KAAY,UACzB,SACClB,QAAA,CAASiB,OAAA,CAAQC,OAAA;MAGxBT,QAAA,iBAAAX,GAAA,CAACL,aAAA,CAAc0B,QAAA,EAAd;QAAuBC,KAAA,EAAOpB,QAAA,CAASqB,MAAA;QAASZ;MAAA,CAAS;IAAA,CAC5D;EAAA,CACF;EAKF,IAAIN,SAAA,EAAW;IACbQ,IAAA,GAAO,eAAAb,GAAA,CAACN,KAAA;MAAM8B,IAAA,EAAMnB,SAAA;MAAyBM,QAAA,EAAAE;IAAA,CAAK;EACpD;EAEA,IAAIH,MAAA,EAAQ;IACVG,IAAA,GACE,eAAAb,GAAA,CAACP,eAAA;MAAgBiB,MAAA;MAAgBe,YAAA,EAAcpB,SAAA;MAC5CM,QAAA,EAAAE;IAAA,CACH;EAEJ;EAEA,OAAO,eAAAb,GAAA,CAAAD,QAAA;IAAGY,QAAA,EAAAE;EAAA,CAAK;AACjB","ignoreList":[]}

package/dist/esm/knobs/KnobEnvelopeProvider.native.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { TamaguiProvider, Theme } from "tamagui";
+import { IntentContext, Preset, Surface } from "@multiplatform.one/theme";
+import { knobsForEnvelope } from "./envelope.native.js";
+function resolveEnvelopeThemeName(envelope, themes) {
+  var wanted = envelope.themeName;
+  if (!themes) return wanted || void 0;
+  if (wanted && Object.hasOwn(themes, wanted)) return wanted;
+  if (Object.hasOwn(themes, envelope.scheme)) return envelope.scheme;
+  return void 0;
+}
+function KnobEnvelopeProvider(param) {
+  var {
+    envelope,
+    config,
+    children
+  } = param;
+  var knobs = useMemo(function () {
+    return knobsForEnvelope(envelope);
+  }, [envelope]);
+  var themeName = useMemo(function () {
+    return resolveEnvelopeThemeName(envelope, config === null || config === void 0 ? void 0 : config.themes);
+  }, [config, envelope]);
+  var tree = /* @__PURE__ */_jsx(Preset, {
+    preset: envelope.presetName,
+    cascade: false,
+    overrides: knobs,
+    children: /* @__PURE__ */_jsx(Surface, {
+      size: envelope.surface.size === "unset" ? void 0 : envelope.surface.size,
+      density: envelope.surface.density === "unset" ? void 0 : envelope.surface.density,
+      children: /* @__PURE__ */_jsx(IntentContext.Provider, {
+        value: envelope.intent,
+        children
+      })
+    })
+  });
+  if (themeName) {
+    tree = /* @__PURE__ */_jsx(Theme, {
+      name: themeName,
+      children: tree
+    });
+  }
+  if (config) {
+    tree = /* @__PURE__ */_jsx(TamaguiProvider, {
+      config,
+      defaultTheme: themeName,
+      children: tree
+    });
+  }
+  return /* @__PURE__ */_jsx(_Fragment, {
+    children: tree
+  });
+}
+export { KnobEnvelopeProvider, resolveEnvelopeThemeName };
+//# sourceMappingURL=KnobEnvelopeProvider.native.js.map

package/dist/esm/knobs/KnobEnvelopeProvider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useMemo","TamaguiProvider","Theme","IntentContext","Preset","Surface","knobsForEnvelope","resolveEnvelopeThemeName","envelope","themes","wanted","themeName","Object","hasOwn","scheme","KnobEnvelopeProvider","param","config","children","knobs","tree","preset","presetName","cascade","overrides","size","surface","density","Provider","value","intent"],"sources":["../../../src/knobs/KnobEnvelopeProvider.tsx"],"sourcesContent":[null],"mappings":"AASA,SAAyBA,GAAA,IAAAC,IAAA,EAAAC,QAAe,IAAAC,SAAA;AACxC,SAAqCC,OAAA,eAAiB;AAEtD,SAAAC,eAAA,EAAAC,KAAA;AAAA,SACEC,aAAA,EAAAC,MAAA,EAAAC,OAAA;AAAA,SACAC,gBAAA;AAAA,SACAC,yBAAAC,QAAA,EAAAC,MAAA;EAAA,IAAAC,MAGK,GAAAF,QAAA,CAAAG,SAAA;EACP,KAAAF,MAA4B,SAAAC,MAAA,SAAwB;EAsE5C,IAAAA,MAmBC,IAAAE,MAnBD,CAAAC,MAAA,CAAAJ,MAAA,EAAAC,MAAA,UAAAA,MAAA;EApCD,IAAAE,MAAS,CAAAC,MAAA,CAAAJ,MAAA,EAAAD,QACd,CAAAM,MAAA,CACA,SACoBN,QAAA,CAAAM,MAAA;EACpB,OAAM;AACN;AACA,SAAIC,oBAAiBA,CAAOC,KAAA;EAC5B,IAAI;IAAAR,QAAO;IAAAS,MAAO;IAAAC;EAAQ,IAASF,KAAM;EACzC,IAAAG,KAAO,GAAAnB,OAAA;IACT,OAAAM,gBAAA,CAAAE,QAAA;EAEO,IACLA,QAAM,CACN;EAAkB,IAChBG,SAAM,GAAAX,OAAA,aAAyB;IAC/B,OAACO,wBAAgB,CAAAC,QAAA,EAAAS,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAR,MAAA;EACnB,IAMAQ,MAAI,EAECT,QAAA;EAAA,IACCY,IAAA,GACE,eAAiBvB,IAAA,CAAAO,MAAS;IAEJiB,MAExB,EAAAb,QACE,CAAAc,UAAS;IAEaC,OAGxB;IAA0DC,SAAA,EAAAL,KAAA;IAC5DD,QACF,iBAAArB,IAAA,CAAAQ,OAAA;MAKEoB,IAAA,EAAAjB,QAAW,CAAAkB,OAAA,CAAAD,IAAA,wBAAAjB,QAAA,CAAAkB,OAAA,CAAAD,IAAA;MACbE,OAAO,EAAAnB,QAAA,CAAAkB,OAAC,CAAAC,OAAA,KAAM,OAAM,QAAyB,IAAAnB,QAAA,CAAAkB,OAAK,CAAAC,OAAA;MACpDT,QAAA,iBAAArB,IAAA,CAAAM,aAAA,CAAAyB,QAAA;QAEIC,KAAA,EAAQrB,QAAA,CAAAsB,MAAA;QACVZ;MAKF;IAEA;EACF","ignoreList":[]}

package/dist/esm/knobs/envelope.mjs

@@ -0,0 +1,29 @@
+const knobEnvelopeSchemaVersion = 1;
+function stableStringify(value) {
+  if (value === null || typeof value !== "object") return JSON.stringify(value) ?? "null";
+  if (Array.isArray(value)) return `[${value.map(stableStringify).join(",")}]`;
+  const entries = Object.entries(value).filter(([, item]) => item !== void 0).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0).map(([key, item]) => `${JSON.stringify(key)}:${stableStringify(item)}`);
+  return `{${entries.join(",")}}`;
+}
+function knobEnvelopeIdentity(body) {
+  return stableStringify(body);
+}
+function serializeKnobEnvelope(envelope) {
+  return JSON.stringify(envelope);
+}
+function parseKnobEnvelope(text) {
+  const parsed = JSON.parse(text);
+  if (parsed?.schemaVersion !== knobEnvelopeSchemaVersion) {
+    throw new Error(`knob envelope schemaVersion ${String(parsed?.schemaVersion)} is not ${knobEnvelopeSchemaVersion} \u2014 the DOM bundle and its native host are out of step; rebuild the app rather than rendering against a knob set it cannot read.`);
+  }
+  return parsed;
+}
+function knobsForEnvelope(envelope) {
+  if (!envelope.prefersReducedMotion) return envelope.knobs;
+  return {
+    ...envelope.knobs,
+    animation: "none"
+  };
+}
+export { knobEnvelopeIdentity, knobEnvelopeSchemaVersion, knobsForEnvelope, parseKnobEnvelope, serializeKnobEnvelope, stableStringify };
+//# sourceMappingURL=envelope.mjs.map

package/dist/esm/knobs/envelope.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["knobEnvelopeSchemaVersion","stableStringify","value","JSON","stringify","Array","isArray","map","join","entries","Object","filter","item","sort","a","b","key","knobEnvelopeIdentity","body","serializeKnobEnvelope","envelope","parseKnobEnvelope","text","parsed","parse","schemaVersion","Error","String","knobsForEnvelope","prefersReducedMotion","knobs","animation"],"sources":["../../../src/knobs/envelope.ts"],"sourcesContent":[null],"mappings":"AAwCO,MAAMA,yBAAA,GAA4B;AA+ClC,SAASC,gBAAgBC,KAAA,EAAwB;EACtD,IAAIA,KAAA,KAAU,QAAQ,OAAOA,KAAA,KAAU,UAAU,OAAOC,IAAA,CAAKC,SAAA,CAAUF,KAAK,KAAK;EACjF,IAAIG,KAAA,CAAMC,OAAA,CAAQJ,KAAK,GAAG,OAAO,IAAIA,KAAA,CAAMK,GAAA,CAAIN,eAAe,EAAEO,IAAA,CAAK,GAAG,CAAC;EACzE,MAAMC,OAAA,GAAUC,MAAA,CAAOD,OAAA,CAAQP,KAAgC,EAC5DS,MAAA,CAAO,CAAC,GAAGC,IAAI,MAAMA,IAAA,KAAS,MAAS,EACvCC,IAAA,CAAK,CAAC,CAACC,CAAC,GAAG,CAACC,CAAC,MAAOD,CAAA,GAAIC,CAAA,GAAI,KAAKD,CAAA,GAAIC,CAAA,GAAI,IAAI,CAAE,EAC/CR,GAAA,CAAI,CAAC,CAACS,GAAA,EAAKJ,IAAI,MAAM,GAAGT,IAAA,CAAKC,SAAA,CAAUY,GAAG,CAAC,IAAIf,eAAA,CAAgBW,IAAI,CAAC,EAAE;EACzE,OAAO,IAAIH,OAAA,CAAQD,IAAA,CAAK,GAAG,CAAC;AAC9B;AAGO,SAASS,qBAAqBC,IAAA,EAAgC;EACnE,OAAOjB,eAAA,CAAgBiB,IAAI;AAC7B;AAEO,SAASC,sBAAsBC,QAAA,EAAgC;EACpE,OAAOjB,IAAA,CAAKC,SAAA,CAAUgB,QAAQ;AAChC;AAUO,SAASC,kBAAkBC,IAAA,EAA4B;EAC5D,MAAMC,MAAA,GAASpB,IAAA,CAAKqB,KAAA,CAAMF,IAAI;EAC9B,IAAIC,MAAA,EAAQE,aAAA,KAAkBzB,yBAAA,EAA2B;IACvD,MAAM,IAAI0B,KAAA,CACR,+BAA+BC,MAAA,CAAOJ,MAAA,EAAQE,aAAa,CAAC,WAAWzB,yBAAyB,sIAElG;EACF;EACA,OAAOuB,MAAA;AACT;AAGO,SAASK,iBAAiBR,QAAA,EAA+B;EAC9D,IAAI,CAACA,QAAA,CAASS,oBAAA,EAAsB,OAAOT,QAAA,CAASU,KAAA;EACpD,OAAO;IAAE,GAAGV,QAAA,CAASU,KAAA;IAAOC,SAAA,EAAW;EAAoB;AAC7D","ignoreList":[]}

package/dist/esm/knobs/envelope.native.js

@@ -0,0 +1,45 @@
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var knobEnvelopeSchemaVersion = 1;
+function stableStringify(value) {
+  var _JSON_stringify;
+  if (value === null || (typeof value === "undefined" ? "undefined" : _type_of(value)) !== "object") return (_JSON_stringify = JSON.stringify(value)) !== null && _JSON_stringify !== void 0 ? _JSON_stringify : "null";
+  if (Array.isArray(value)) return `[${value.map(stableStringify).join(",")}]`;
+  var entries = Object.entries(value).filter(function (param) {
+    var [, item] = param;
+    return item !== void 0;
+  }).sort(function (param, param1) {
+    var [a] = param,
+      [b] = param1;
+    return a < b ? -1 : a > b ? 1 : 0;
+  }).map(function (param) {
+    var [key, item] = param;
+    return `${JSON.stringify(key)}:${stableStringify(item)}`;
+  });
+  return `{${entries.join(",")}}`;
+}
+function knobEnvelopeIdentity(body) {
+  return stableStringify(body);
+}
+function serializeKnobEnvelope(envelope) {
+  return JSON.stringify(envelope);
+}
+function parseKnobEnvelope(text) {
+  var parsed = JSON.parse(text);
+  if ((parsed === null || parsed === void 0 ? void 0 : parsed.schemaVersion) !== knobEnvelopeSchemaVersion) {
+    throw new Error(`knob envelope schemaVersion ${String(parsed === null || parsed === void 0 ? void 0 : parsed.schemaVersion)} is not ${knobEnvelopeSchemaVersion} \u2014 the DOM bundle and its native host are out of step; rebuild the app rather than rendering against a knob set it cannot read.`);
+  }
+  return parsed;
+}
+function knobsForEnvelope(envelope) {
+  if (!envelope.prefersReducedMotion) return envelope.knobs;
+  return {
+    ...envelope.knobs,
+    animation: "none"
+  };
+}
+export { knobEnvelopeIdentity, knobEnvelopeSchemaVersion, knobsForEnvelope, parseKnobEnvelope, serializeKnobEnvelope, stableStringify };
+//# sourceMappingURL=envelope.native.js.map

package/dist/esm/knobs/envelope.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_type_of","obj","Symbol","constructor","knobEnvelopeSchemaVersion","stableStringify","value","_JSON_stringify","JSON","stringify","Array","isArray","map","join","entries","Object","filter","param","item","sort","param1","a","b","key","knobEnvelopeIdentity","body","serializeKnobEnvelope","envelope"],"sources":["../../../src/knobs/envelope.ts"],"sourcesContent":[null],"mappings":"AAwCO,SAAMA,SAAAC,GAAA;EA+CN,uBAAyB;;EAC9B,OAAIA,GAAA,IAAU,OAAAC,MAAQ,KAAO,WAAU,IAAAD,GAAU,CAAAE,WAAY,KAAAD,MAAU,GAAK,QAAK,UAAAD,GAAA;AACjF;AACA,IAAAG,yBAAuB,IAAQ;AAI/B,SAAOC,eAAYA,CAAAC,KAAS;EAC9B,IAAAC,eAAA;EAGO,IAAAD,KAAS,qBAAqBA,KAAgC,iCAAAN,QAAA,CAAAM,KAAA,yBAAAC,eAAA,GAAAC,IAAA,CAAAC,SAAA,CAAAH,KAAA,eAAAC,eAAA,cAAAA,eAAA;EACnE,IAAAG,KAAO,CAAAC,OAAA,CAAAL,KAAgB,UAAI,IAAAA,KAAA,CAAAM,GAAA,CAAAP,eAAA,EAAAQ,IAAA;EAC7B,IAAAC,OAAA,GAAAC,MAAA,CAAAD,OAAA,CAAAR,KAAA,EAAAU,MAAA,WAAAC,KAAA;IAEO,OAASC,IAAA,IAAAD,KAAA;IACd,OAAOC,IAAK,UAAU;EACxB,GAAAC,IAAA,WAAAF,KAAA,EAAAG,MAAA;IAUO,KAASC,CAAA,IAAAJ,KAAA;MAAA,CAAAK,CAAA,IAAkBF,MAA4B;IAC5D,OAAMC,CAAA,GAAAC,CAAA,GAAS,KAAKD,CAAA,GAAMC,CAAA,GAAI;EAC9B,GAAAV,GAAI,WAAQK,KAAA;IACV,KAAAM,GAAM,EAAIL,IAAA,IAAAD,KAAA;IAAA,OACR,GAAAT,IAAA,CAAAC,SAAA,CAAAc,GAAA,KAA+BlB,eAAe,CAAAa,IAAA;EAAkD,EAElG;EACF,WAAAJ,OAAA,CAAAD,IAAA;AACA;AACF,SAAAW,qBAAAC,IAAA;EAGO,OAASpB,eAAA,CAAAoB,IAAiB;AAC/B;AACA,SAAOC,qBAAqBA,CAAAC,QAAA,EAAW;EACzC,OAAAnB,IAAA,CAAAC,SAAA,CAAAkB,QAAA","ignoreList":[]}

package/dist/esm/knobs/graphKnobs.mjs

@@ -0,0 +1,14 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+function useGraphNodeKnobs(options) {
+  const resolved = useResolvedKnobs({
+    component: "GraphNode",
+    intent: options?.intent
+  });
+  return {
+    ...resolved,
+    selected: options?.selected ?? false,
+    dragging: options?.dragging ?? false
+  };
+}
+export { useGraphNodeKnobs };
+//# sourceMappingURL=graphKnobs.mjs.map

package/dist/esm/knobs/graphKnobs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","useGraphNodeKnobs","options","resolved","component","intent","selected","dragging"],"sources":["../../../src/knobs/graphKnobs.ts"],"sourcesContent":[null],"mappings":"AAcA,SAA6BA,gBAAA,QAAwB;AAc9C,SAASC,kBAAkBC,OAAA,EAAoD;EACpF,MAAMC,QAAA,GAAWH,gBAAA,CAAiB;IAAEI,SAAA,EAAW;IAAaC,MAAA,EAAQH,OAAA,EAASG;EAAO,CAAC;EACrF,OAAO;IACL,GAAGF,QAAA;IACHG,QAAA,EAAUJ,OAAA,EAASI,QAAA,IAAY;IAC/BC,QAAA,EAAUL,OAAA,EAASK,QAAA,IAAY;EACjC;AACF","ignoreList":[]}

package/dist/esm/knobs/graphKnobs.native.js

@@ -0,0 +1,15 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+function useGraphNodeKnobs(options) {
+  var _ref, _ref1;
+  var resolved = useResolvedKnobs({
+    component: "GraphNode",
+    intent: options === null || options === void 0 ? void 0 : options.intent
+  });
+  return {
+    ...resolved,
+    selected: (_ref = options === null || options === void 0 ? void 0 : options.selected) !== null && _ref !== void 0 ? _ref : false,
+    dragging: (_ref1 = options === null || options === void 0 ? void 0 : options.dragging) !== null && _ref1 !== void 0 ? _ref1 : false
+  };
+}
+export { useGraphNodeKnobs };
+//# sourceMappingURL=graphKnobs.native.js.map

package/dist/esm/knobs/graphKnobs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","useGraphNodeKnobs","options","_ref","_ref1","resolved","component","intent"],"sources":["../../../src/knobs/graphKnobs.ts"],"sourcesContent":[null],"mappings":"AAcA,SAA6BA,gBAAA,QAAwB;AAc9C,SAASC,kBAAkBC,OAAA,EAAoD;EACpF,IAAAC,IAAM,EAAAC,KAAA;EACN,IAAAC,QAAO,GAAAL,gBAAA;IACLM,SAAG;IACHC,MAAA,EAAAL,OAAU,KAAS,QAAAA,OAAY,uBAAAA,OAAA,CAAAK;EAAA,EAC/B;EACF;IACF,GAAAF,QAAA","ignoreList":[]}

package/dist/esm/knobs/useKnobEnvelope.mjs

@@ -0,0 +1,83 @@
+import { useEffect, useRef, useState } from "react";
+import { useThemeName } from "tamagui";
+import { SurfaceContext, defaultKnobs, useIntentContext, usePresetContext, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useGraphCssVars } from "../theme/GraphVarsStyle.mjs";
+import { knobEnvelopeIdentity, knobEnvelopeSchemaVersion } from "./envelope.mjs";
+function useHostPrefersReducedMotion() {
+  const [reduced, setReduced] = useState(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return false;
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  });
+  useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const handler = () => setReduced(query.matches);
+    handler();
+    if (typeof query.addEventListener === "function") {
+      query.addEventListener("change", handler);
+      return () => query.removeEventListener("change", handler);
+    }
+    if (typeof query.addListener === "function") {
+      query.addListener(handler);
+      return () => query.removeListener?.(handler);
+    }
+  }, []);
+  return reduced;
+}
+function definedOnly(value) {
+  const out = {};
+  for (const [key, item] of Object.entries(value)) {
+    if (item !== void 0) out[key] = item;
+  }
+  return out;
+}
+const emptyFonts = [];
+function useKnobEnvelope(options) {
+  const presetCtx = usePresetContext();
+  const contextIntent = useIntentContext();
+  const surfaceCtx = SurfaceContext.useStyledContext();
+  const themeName = useThemeName() ?? "";
+  const prefersReducedMotion = useHostPrefersReducedMotion();
+  const chromeKnobs = useResolvedKnobs();
+  const builtVars = useGraphCssVars(chromeKnobs, {
+    pointer: options?.pointer
+  });
+  const merged = {
+    ...defaultKnobs,
+    ...definedOnly(presetCtx ? {
+      ...presetCtx.preset.knobs,
+      ...presetCtx.overrides
+    } : defaultKnobs),
+    ...definedOnly(options?.knobs ?? {})
+  };
+  const body = {
+    schemaVersion: knobEnvelopeSchemaVersion,
+    knobs: merged,
+    presetName: options?.presetName,
+    intent: options?.intent !== void 0 ? options.intent : contextIntent,
+    surface: {
+      size: surfaceCtx?.size ?? "unset",
+      density: surfaceCtx?.density ?? "unset"
+    },
+    scheme: themeName.startsWith("dark") ? "dark" : "light",
+    themeName,
+    prefersReducedMotion,
+    vars: options?.vars ?? builtVars,
+    fonts: options?.fonts ?? emptyFonts,
+    pixelRatio: typeof window !== "undefined" && typeof window.devicePixelRatio === "number" ? window.devicePixelRatio : 1
+  };
+  const identity = knobEnvelopeIdentity(body);
+  const state = useRef(null);
+  if (!state.current || state.current.identity !== identity) {
+    state.current = {
+      identity,
+      envelope: {
+        ...body,
+        revision: (state.current?.envelope.revision ?? 0) + 1
+      }
+    };
+  }
+  return state.current.envelope;
+}
+export { useKnobEnvelope };
+//# sourceMappingURL=useKnobEnvelope.mjs.map

package/dist/esm/knobs/useKnobEnvelope.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","useThemeName","SurfaceContext","defaultKnobs","useIntentContext","usePresetContext","useResolvedKnobs","useGraphCssVars","knobEnvelopeIdentity","knobEnvelopeSchemaVersion","useHostPrefersReducedMotion","reduced","setReduced","window","matchMedia","matches","query","handler","addEventListener","removeEventListener","addListener","removeListener","definedOnly","value","out","key","item","Object","entries","emptyFonts","useKnobEnvelope","options","presetCtx","contextIntent","surfaceCtx","useStyledContext","themeName","prefersReducedMotion","chromeKnobs","builtVars","pointer","merged","preset","knobs","overrides","body","schemaVersion","presetName","intent","surface","size","density","scheme","startsWith","vars","fonts","pixelRatio","devicePixelRatio","identity","state","current","envelope","revision"],"sources":["../../../src/knobs/useKnobEnvelope.ts"],"sourcesContent":[null],"mappings":"AAKA,SAASA,SAAA,EAAWC,MAAA,EAAQC,QAAA,QAAgB;AAC5C,SAASC,YAAA,QAAoB;AAC7B,SAEEC,cAAA,EACAC,YAAA,EACAC,gBAAA,EACAC,gBAAA,EACAC,gBAAA,QACK;AAEP,SAASC,eAAA,QAAuB;AAChC,SAIEC,oBAAA,EACAC,yBAAA,QACK;AAkCP,SAASC,4BAAA,EAAuC;EAC9C,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIZ,QAAA,CAAS,MAAM;IAC3C,IAAI,OAAOa,MAAA,KAAW,eAAe,CAACA,MAAA,CAAOC,UAAA,EAAY,OAAO;IAChE,OAAOD,MAAA,CAAOC,UAAA,CAAW,kCAAkC,EAAEC,OAAA;EAC/D,CAAC;EACDjB,SAAA,CAAU,MAAM;IACd,IAAI,OAAOe,MAAA,KAAW,eAAe,CAACA,MAAA,CAAOC,UAAA,EAAY;IACzD,MAAME,KAAA,GAAQH,MAAA,CAAOC,UAAA,CAAW,kCAAkC;IAClE,MAAMG,OAAA,GAAUA,CAAA,KAAML,UAAA,CAAWI,KAAA,CAAMD,OAAO;IAC9CE,OAAA,CAAQ;IACR,IAAI,OAAOD,KAAA,CAAME,gBAAA,KAAqB,YAAY;MAChDF,KAAA,CAAME,gBAAA,CAAiB,UAAUD,OAAO;MACxC,OAAO,MAAMD,KAAA,CAAMG,mBAAA,CAAoB,UAAUF,OAAO;IAC1D;IACA,IAAI,OAAOD,KAAA,CAAMI,WAAA,KAAgB,YAAY;MAC3CJ,KAAA,CAAMI,WAAA,CAAYH,OAAO;MACzB,OAAO,MAAMD,KAAA,CAAMK,cAAA,GAAiBJ,OAAO;IAC7C;EACF,GAAG,EAAE;EACL,OAAON,OAAA;AACT;AAGA,SAASW,YAA8BC,KAAA,EAAsB;EAC3D,MAAMC,GAAA,GAA+B,CAAC;EACtC,WAAW,CAACC,GAAA,EAAKC,IAAI,KAAKC,MAAA,CAAOC,OAAA,CAAQL,KAAK,GAAG;IAC/C,IAAIG,IAAA,KAAS,QAAWF,GAAA,CAAIC,GAAG,IAAIC,IAAA;EACrC;EACA,OAAOF,GAAA;AACT;AAEA,MAAMK,UAAA,GAAsC,EAAC;AAatC,SAASC,gBAAgBC,OAAA,EAAgD;EAC9E,MAAMC,SAAA,GAAY3B,gBAAA,CAAiB;EACnC,MAAM4B,aAAA,GAAgB7B,gBAAA,CAAiB;EACvC,MAAM8B,UAAA,GAAahC,cAAA,CAAeiC,gBAAA,CAAiB;EACnD,MAAMC,SAAA,GAAanC,YAAA,CAAa,KAA4B;EAC5D,MAAMoC,oBAAA,GAAuB3B,2BAAA,CAA4B;EAKzD,MAAM4B,WAAA,GAAchC,gBAAA,CAAiB;EACrC,MAAMiC,SAAA,GAAYhC,eAAA,CAAgB+B,WAAA,EAAa;IAAEE,OAAA,EAAST,OAAA,EAASS;EAAQ,CAAC;EAE5E,MAAMC,MAAA,GAAgB;IACpB,GAAGtC,YAAA;IACH,GAAGmB,WAAA,CACDU,SAAA,GAAY;MAAE,GAAGA,SAAA,CAAUU,MAAA,CAAOC,KAAA;MAAO,GAAGX,SAAA,CAAUY;IAAU,IAAIzC,YACtE;IACA,GAAGmB,WAAA,CAAYS,OAAA,EAASY,KAAA,IAAS,CAAC,CAAC;EACrC;EAEA,MAAME,IAAA,GAAyB;IAC7BC,aAAA,EAAerC,yBAAA;IACfkC,KAAA,EAAOF,MAAA;IACPM,UAAA,EAAYhB,OAAA,EAASgB,UAAA;IACrBC,MAAA,EAAQjB,OAAA,EAASiB,MAAA,KAAW,SAAYjB,OAAA,CAAQiB,MAAA,GAASf,aAAA;IACzDgB,OAAA,EAAS;MAAEC,IAAA,EAAMhB,UAAA,EAAYgB,IAAA,IAAQ;MAASC,OAAA,EAASjB,UAAA,EAAYiB,OAAA,IAAW;IAAQ;IACtFC,MAAA,EAAQhB,SAAA,CAAUiB,UAAA,CAAW,MAAM,IAAI,SAAS;IAChDjB,SAAA;IACAC,oBAAA;IACAiB,IAAA,EAAMvB,OAAA,EAASuB,IAAA,IAAQf,SAAA;IACvBgB,KAAA,EAAOxB,OAAA,EAASwB,KAAA,IAAS1B,UAAA;IACzB2B,UAAA,EACE,OAAO3C,MAAA,KAAW,eAAe,OAAOA,MAAA,CAAO4C,gBAAA,KAAqB,WAChE5C,MAAA,CAAO4C,gBAAA,GACP;EACR;EAEA,MAAMC,QAAA,GAAWlD,oBAAA,CAAqBqC,IAAI;EAC1C,MAAMc,KAAA,GAAQ5D,MAAA,CAA4D,IAAI;EAC9E,IAAI,CAAC4D,KAAA,CAAMC,OAAA,IAAWD,KAAA,CAAMC,OAAA,CAAQF,QAAA,KAAaA,QAAA,EAAU;IAIzDC,KAAA,CAAMC,OAAA,GAAU;MACdF,QAAA;MACAG,QAAA,EAAU;QAAE,GAAGhB,IAAA;QAAMiB,QAAA,GAAWH,KAAA,CAAMC,OAAA,EAASC,QAAA,CAASC,QAAA,IAAY,KAAK;MAAE;IAC7E;EACF;EACA,OAAOH,KAAA,CAAMC,OAAA,CAAQC,QAAA;AACvB","ignoreList":[]}