@multiplatform.one/node-graph 7.7.2

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

@@ -0,0 +1,85 @@
+"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 KnobEnvelopeProvider_exports = {};
+__export(KnobEnvelopeProvider_exports, {
+  KnobEnvelopeProvider: () => KnobEnvelopeProvider,
+  resolveEnvelopeThemeName: () => resolveEnvelopeThemeName
+});
+module.exports = __toCommonJS(KnobEnvelopeProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_envelope = require("./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 = (0, import_react.useMemo)(function () {
+    return (0, import_envelope.knobsForEnvelope)(envelope);
+  }, [envelope]);
+  var themeName = (0, import_react.useMemo)(function () {
+    return resolveEnvelopeThemeName(envelope, config === null || config === void 0 ? void 0 : config.themes);
+  }, [config, envelope]);
+  var tree = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Preset, {
+    preset: envelope.presetName,
+    cascade: false,
+    overrides: knobs,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Surface, {
+      size: envelope.surface.size === "unset" ? void 0 : envelope.surface.size,
+      density: envelope.surface.density === "unset" ? void 0 : envelope.surface.density,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.IntentContext.Provider, {
+        value: envelope.intent,
+        children
+      })
+    })
+  });
+  if (themeName) {
+    tree = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: themeName,
+      children: tree
+    });
+  }
+  if (config) {
+    tree = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TamaguiProvider, {
+      config,
+      defaultTheme: themeName,
+      children: tree
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: tree
+  });
+}
+//# sourceMappingURL=KnobEnvelopeProvider.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","KnobEnvelopeProvider_exports","__export","KnobEnvelopeProvider","resolveEnvelopeThemeName","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_theme","import_envelope","envelope","themes","wanted","themeName","Object","hasOwn","scheme","param","config","children","knobs","useMemo","knobsForEnvelope","tree","jsx","Preset","preset","presetName","cascade","overrides","Surface","size","surface","density","IntentContext","Provider"],"sources":["../../../src/knobs/KnobEnvelopeProvider.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,wBAAA,EAAAA,CAAA,KAAAA;AAAA;AASAC,MAAA,CAAAC,OAAA,GAAAV,YAAwC,CAAAK,4BAAA;AACxC,IAAAM,kBAAmE,GAAAC,OAAA;AAEnE,IAAAC,YAAA,GAMOD,OAAA;AACP,IAAAE,cAAA,GAAAF,OAAoD;AAsE5C,IAAAG,YAAA,GAAAH,OAAA;AApCD,IAAAI,eAAS,GAAAJ,OAAA,uBACd;AAGA,SAAMJ,wBAAkBA,CAAAS,QAAA,EAAAC,MAAA;EACxB,IAAIC,MAAC,GAAQF,QAAO,CAAAG,SAAU;EAC9B,IAAI,CAAAF,MAAA,SAAUC,MAAO,IAAO,MAAQ;EACpC,IAAIA,MAAA,IAAOE,MAAO,CAAAC,MAAQ,CAAAJ,MAAA,EAASC,MAAM,CAAG,SAAOA,MAAA;EACnD,IAAAE,MAAO,CAAAC,MAAA,CAAAJ,MAAA,EAAAD,QAAA,CAAAM,MAAA,UAAAN,QAAA,CAAAM,MAAA;EACT;AAEO;AACL,SAAMhB,oBAAQA,CAAAiB,KAAA;EACd;IAAMP,QAAA;IAAAQ,MAAY;IAAAC;EAAA,IAAAF,KAAA;EAAA,IAChBG,KAAM,OAAAd,YAAA,CAAAe,OAAyB,cAAU;IACzC,OAAC,EAAQ,EAAAZ,eAAQ,CAAAa,gBAAA,EAAAZ,QAAA;EACnB,IAMAA,QAAI,CAEA,CAAC;EAAA,IAAAG,SAAA,OAAAP,YAAA,CAAAe,OAAA;IAAA,OACCpB,wBACmB,CAAAS,QAAS,EAAAQ,MACtB,KACC,QAAAA,MAAS,KAAQ,kBAAAA,MAAA,CAAAP,MAAA;EAAA,IAKAO,MAGxB,EAA0DR,QAAA,CAC5D;EAMJ,IAAIa,IAAA,kBAAW,IAAAnB,kBAAA,CAAAoB,GAAA,EAAAhB,YAAA,CAAAiB,MAAA;IACbC,MAAA,EAAOhB,QAAA,CAAAiB,UAAA;IACTC,OAAA;IAEAC,SAAI,EAAQT,KAAA;IACVD,QACE,qBAAAf,kBAAA,CAAAoB,GAAC,EAAAhB,YAAA,CAAAsB,OAAA;MAILC,IAAA,EAAArB,QAAA,CAAAsB,OAAA,CAAAD,IAAA,wBAAArB,QAAA,CAAAsB,OAAA,CAAAD,IAAA;MAEAE,OAAO,EAAAvB,QAAA,CAAAsB,OAAA,CAAAC,OAAA,wBAAAvB,QAAA,CAAAsB,OAAA,CAAAC,OAAG;MACZd,QAAA,qBAAAf,kBAAA,CAAAoB,GAAA,EAAAhB,YAAA,CAAA0B,aAAA,CAAAC,QAAA","ignoreList":[]}

package/dist/cjs/knobs/envelope.cjs

@@ -0,0 +1,59 @@
+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 envelope_exports = {};
+__export(envelope_exports, {
+  knobEnvelopeIdentity: () => knobEnvelopeIdentity,
+  knobEnvelopeSchemaVersion: () => knobEnvelopeSchemaVersion,
+  knobsForEnvelope: () => knobsForEnvelope,
+  parseKnobEnvelope: () => parseKnobEnvelope,
+  serializeKnobEnvelope: () => serializeKnobEnvelope,
+  stableStringify: () => stableStringify
+});
+module.exports = __toCommonJS(envelope_exports);
+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"
+  };
+}

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

@@ -0,0 +1,78 @@
+"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 envelope_exports = {};
+__export(envelope_exports, {
+  knobEnvelopeIdentity: () => knobEnvelopeIdentity,
+  knobEnvelopeSchemaVersion: () => knobEnvelopeSchemaVersion,
+  knobsForEnvelope: () => knobsForEnvelope,
+  parseKnobEnvelope: () => parseKnobEnvelope,
+  serializeKnobEnvelope: () => serializeKnobEnvelope,
+  stableStringify: () => stableStringify
+});
+module.exports = __toCommonJS(envelope_exports);
+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"
+  };
+}
+//# sourceMappingURL=envelope.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","envelope_exports","__export","knobEnvelopeIdentity","knobEnvelopeSchemaVersion","knobsForEnvelope","parseKnobEnvelope","serializeKnobEnvelope","stableStringify","module","exports","_type_of","obj","Symbol","constructor","_JSON_stringify","JSON","stringify","Array","isArray","map","join","entries","Object","filter","param","item","sort","param1","a","b","key","body","envelope"],"sources":["../../../src/knobs/envelope.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA,yBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAwCOC,MAAM,CAAAC,OAAA,GAAAd,YAAA,CAAAK,gBAA4B;AA+ClC,SAASU,SAAAC,GAAA;EACd,uBAAsB;;EACtB,OAAIA,GAAM,WAAQC,MAAQ,gBAAiB,IAAID,GAAA,CAAAE,WAAe,KAAED,MAAS,qBAAAD,GAAA;AACzE;AAIA,IAAAR,yBAA2B,GAAC;AAC9B,SAAAI,gBAAAR,KAAA;EAGO,IAAAe,eAAS;EACd,IAAAf,KAAO,cAAgB,OAAIA,KAAA,iCAAAW,QAAA,CAAAX,KAAA,yBAAAe,eAAA,GAAAC,IAAA,CAAAC,SAAA,CAAAjB,KAAA,eAAAe,eAAA,cAAAA,eAAA;EAC7B,IAAAG,KAAA,CAAAC,OAAA,CAAAnB,KAAA,cAAAA,KAAA,CAAAoB,GAAA,CAAAZ,eAAA,EAAAa,IAAA;EAEO,IAAAC,OAAS,GAAAC,MAAA,CAAAD,OAAA,CAAsBtB,KAAA,EAAAwB,MAAgC,WAAAC,KAAA;IACpE,OAAOC,IAAK,IAAAD,KAAU;IACxB,OAAAC,IAAA;EAUO,GAAAC,IAAS,WAAAF,KAAA,EAAAG,MAAkB,EAA4B;IAC5D,IAAM,CAAAC,CAAA,IAAAJ,KAAS;MAAA,CAAKK,CAAA,IAAAF,MAAU;IAC9B,OAAIC,CAAA,GAAQC,CAAA,QAAAD,CAAA,GAAAC,CAAA,GAAkB;EAC5B,GAAAV,GAAA,WAAUK,KAAA;IAAA,IACR,CAAAM,GAAA,EAAAL,IAAA,IAAAD,KAAA;IAEF,UAAAT,IAAA,CAAAC,SAAA,CAAAc,GAAA,KAAAvB,eAAA,CAAAkB,IAAA;EACF;EACA,OAAO,IAAAJ,OAAA,CAAAD,IAAA;AACT;AAGO,SAASlB,oBAAiBA,CAAA6B,IAAA,EAA+B;EAC9D,OAAKxB,eAAS,CAAAwB,IAAA;AACd;AACF,SAAAzB,sBAAA0B,QAAA","ignoreList":[]}

package/dist/cjs/knobs/graphKnobs.cjs

@@ -0,0 +1,39 @@
+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 graphKnobs_exports = {};
+__export(graphKnobs_exports, {
+  useGraphNodeKnobs: () => useGraphNodeKnobs
+});
+module.exports = __toCommonJS(graphKnobs_exports);
+var import_theme = require("@multiplatform.one/theme");
+function useGraphNodeKnobs(options) {
+  const resolved = (0, import_theme.useResolvedKnobs)({
+    component: "GraphNode",
+    intent: options?.intent
+  });
+  return {
+    ...resolved,
+    selected: options?.selected ?? false,
+    dragging: options?.dragging ?? false
+  };
+}

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

@@ -0,0 +1,43 @@
+"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 graphKnobs_exports = {};
+__export(graphKnobs_exports, {
+  useGraphNodeKnobs: () => useGraphNodeKnobs
+});
+module.exports = __toCommonJS(graphKnobs_exports);
+var import_theme = require("@multiplatform.one/theme");
+function useGraphNodeKnobs(options) {
+  var _ref, _ref1;
+  var resolved = (0, import_theme.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
+  };
+}
+//# sourceMappingURL=graphKnobs.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","graphKnobs_exports","__export","useGraphNodeKnobs","module","exports","import_theme","require","options","_ref","_ref1","resolved","useResolvedKnobs","component","intent"],"sources":["../../../src/knobs/graphKnobs.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAcAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,kBAAA;AAc9C,IAAAK,YAAS,GAAAC,OAAA,CAAkB,0BAAoD;AACpF,SAAMJ,iBAAWA,CAAAK,OAAA;EACjB,IAAAC,IAAO,EAAAC,KAAA;EAAA,IACLC,QAAG,OAAAL,YAAA,CAAAM,gBAAA;IACHC,SAAA,EAAU,WAAS;IACnBC,MAAA,EAAAN,OAAU,KAAS,QAAAA,OAAY,uBAAAA,OAAA,CAAAM;EACjC;EACF","ignoreList":[]}

package/dist/cjs/knobs/useKnobEnvelope.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 useKnobEnvelope_exports = {};
+__export(useKnobEnvelope_exports, {
+  useKnobEnvelope: () => useKnobEnvelope
+});
+module.exports = __toCommonJS(useKnobEnvelope_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_GraphVarsStyle = require("../theme/GraphVarsStyle.cjs");
+var import_envelope = require("./envelope.cjs");
+function useHostPrefersReducedMotion() {
+  const [reduced, setReduced] = (0, import_react.useState)(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return false;
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  });
+  (0, import_react.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 = (0, import_theme.usePresetContext)();
+  const contextIntent = (0, import_theme.useIntentContext)();
+  const surfaceCtx = import_theme.SurfaceContext.useStyledContext();
+  const themeName = (0, import_tamagui.useThemeName)() ?? "";
+  const prefersReducedMotion = useHostPrefersReducedMotion();
+  const chromeKnobs = (0, import_theme.useResolvedKnobs)();
+  const builtVars = (0, import_GraphVarsStyle.useGraphCssVars)(chromeKnobs, {
+    pointer: options?.pointer
+  });
+  const merged = {
+    ...import_theme.defaultKnobs,
+    ...definedOnly(presetCtx ? {
+      ...presetCtx.preset.knobs,
+      ...presetCtx.overrides
+    } : import_theme.defaultKnobs),
+    ...definedOnly(options?.knobs ?? {})
+  };
+  const body = {
+    schemaVersion: import_envelope.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 = (0, import_envelope.knobEnvelopeIdentity)(body);
+  const state = (0, import_react.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;
+}

package/dist/cjs/knobs/useKnobEnvelope.native.js

@@ -0,0 +1,140 @@
+"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 useKnobEnvelope_exports = {};
+__export(useKnobEnvelope_exports, {
+  useKnobEnvelope: () => useKnobEnvelope
+});
+module.exports = __toCommonJS(useKnobEnvelope_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_GraphVarsStyle = require("../theme/GraphVarsStyle.native.js");
+var import_envelope = require("./envelope.native.js");
+function useHostPrefersReducedMotion() {
+  var [reduced, setReduced] = (0, import_react.useState)(function () {
+    if (typeof window === "undefined" || !window.matchMedia) return false;
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  });
+  (0, import_react.useEffect)(function () {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    var query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    var handler = function handler2() {
+      return setReduced(query.matches);
+    };
+    handler();
+    if (typeof query.addEventListener === "function") {
+      query.addEventListener("change", handler);
+      return function () {
+        return query.removeEventListener("change", handler);
+      };
+    }
+    if (typeof query.addListener === "function") {
+      query.addListener(handler);
+      return function () {
+        var _query_removeListener;
+        return (_query_removeListener = query.removeListener) === null || _query_removeListener === void 0 ? void 0 : _query_removeListener.call(query, handler);
+      };
+    }
+  }, []);
+  return reduced;
+}
+function definedOnly(value) {
+  var out = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.entries(value)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [key, item] = _step.value;
+      if (item !== void 0) out[key] = item;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return out;
+}
+var emptyFonts = [];
+function useKnobEnvelope(options) {
+  var _useThemeName, _ref, _ref1, _ref2, _ref3, _ref4;
+  var presetCtx = (0, import_theme.usePresetContext)();
+  var contextIntent = (0, import_theme.useIntentContext)();
+  var surfaceCtx = import_theme.SurfaceContext.useStyledContext();
+  var themeName = (_useThemeName = (0, import_tamagui.useThemeName)()) !== null && _useThemeName !== void 0 ? _useThemeName : "";
+  var prefersReducedMotion = useHostPrefersReducedMotion();
+  var chromeKnobs = (0, import_theme.useResolvedKnobs)();
+  var builtVars = (0, import_GraphVarsStyle.useGraphCssVars)(chromeKnobs, {
+    pointer: options === null || options === void 0 ? void 0 : options.pointer
+  });
+  var merged = {
+    ...import_theme.defaultKnobs,
+    ...definedOnly(presetCtx ? {
+      ...presetCtx.preset.knobs,
+      ...presetCtx.overrides
+    } : import_theme.defaultKnobs),
+    ...definedOnly((_ref = options === null || options === void 0 ? void 0 : options.knobs) !== null && _ref !== void 0 ? _ref : {})
+  };
+  var body = {
+    schemaVersion: import_envelope.knobEnvelopeSchemaVersion,
+    knobs: merged,
+    presetName: options === null || options === void 0 ? void 0 : options.presetName,
+    intent: (options === null || options === void 0 ? void 0 : options.intent) !== void 0 ? options.intent : contextIntent,
+    surface: {
+      size: (_ref1 = surfaceCtx === null || surfaceCtx === void 0 ? void 0 : surfaceCtx.size) !== null && _ref1 !== void 0 ? _ref1 : "unset",
+      density: (_ref2 = surfaceCtx === null || surfaceCtx === void 0 ? void 0 : surfaceCtx.density) !== null && _ref2 !== void 0 ? _ref2 : "unset"
+    },
+    scheme: themeName.startsWith("dark") ? "dark" : "light",
+    themeName,
+    prefersReducedMotion,
+    vars: (_ref3 = options === null || options === void 0 ? void 0 : options.vars) !== null && _ref3 !== void 0 ? _ref3 : builtVars,
+    fonts: (_ref4 = options === null || options === void 0 ? void 0 : options.fonts) !== null && _ref4 !== void 0 ? _ref4 : emptyFonts,
+    pixelRatio: typeof window !== "undefined" && typeof window.devicePixelRatio === "number" ? window.devicePixelRatio : 1
+  };
+  var identity = (0, import_envelope.knobEnvelopeIdentity)(body);
+  var state = (0, import_react.useRef)(null);
+  if (!state.current || state.current.identity !== identity) {
+    var _ref5;
+    var _state_current;
+    state.current = {
+      identity,
+      envelope: {
+        ...body,
+        revision: ((_ref5 = (_state_current = state.current) === null || _state_current === void 0 ? void 0 : _state_current.envelope.revision) !== null && _ref5 !== void 0 ? _ref5 : 0) + 1
+      }
+    };
+  }
+  return state.current.envelope;
+}
+//# sourceMappingURL=useKnobEnvelope.native.js.map

package/dist/cjs/knobs/useKnobEnvelope.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useKnobEnvelope_exports","__export","useKnobEnvelope","module","exports","import_react","require","import_tamagui","import_theme","import_GraphVarsStyle","import_envelope","useHostPrefersReducedMotion","reduced","setReduced","useState","window","matchMedia","matches","useEffect","query","handler","handler2","addEventListener","removeEventListener","addListener","_query_removeListener","removeListener","call","definedOnly","out","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","entries","Symbol","iterator","_step","next","done","key","item","err","return","emptyFonts","options","_useThemeName","_ref","_ref1","_ref2","_ref3","_ref4","presetCtx","usePresetContext","contextIntent","useIntentContext","surfaceCtx","SurfaceContext","useStyledContext","themeName","useThemeName","prefersReducedMotion","chromeKnobs","useResolvedKnobs","builtVars","useGraphCssVars","pointer","merged","defaultKnobs"],"sources":["../../../src/knobs/useKnobEnvelope.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}