@multiplatform.one/node-graph 7.7.2

package/dist/cjs/interaction/useLassoSelect.cjs

@@ -0,0 +1,259 @@
+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 useLassoSelect_exports = {};
+__export(useLassoSelect_exports, {
+  lassoFlowProps: () => lassoFlowProps,
+  lassoHoldMs: () => lassoHoldMs,
+  lassoSlopPx: () => lassoSlopPx,
+  useLassoSelect: () => useLassoSelect
+});
+module.exports = __toCommonJS(useLassoSelect_exports);
+var import_react = require("react");
+var import_model = require("../model/index.cjs");
+var import_xy = require("../react-flow/xy.cjs");
+var import_lassoIntercept = require("./lassoIntercept.cjs");
+const panProps = {
+  panOnDrag: true,
+  selectionOnDrag: false,
+  selectionMode: import_xy.SelectionMode.Partial
+};
+const selectProps = {
+  panOnDrag: false,
+  selectionOnDrag: true,
+  selectionMode: import_xy.SelectionMode.Partial
+};
+function lassoFlowProps(mode) {
+  return mode === "select" ? selectProps : panProps;
+}
+const lassoHoldMs = 350;
+const 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) {
+  return event.touches[0] ?? event.changedTouches[0];
+}
+function useLassoSelect(options = {}) {
+  const {
+    mode: controlled,
+    defaultMode = "pan",
+    onModeChange
+  } = options;
+  const [uncontrolled, setUncontrolled] = (0, import_react.useState)(defaultMode);
+  const mode = controlled ?? uncontrolled;
+  const current = (0, import_react.useRef)(mode);
+  current.current = mode;
+  const setMode = (0, import_react.useCallback)(next => {
+    if (next === current.current) return;
+    if (controlled === void 0) setUncontrolled(next);
+    onModeChange?.(next);
+  }, [controlled, onModeChange]);
+  const toggleMode = (0, import_react.useCallback)(() => {
+    setMode(current.current === "select" ? "pan" : "select");
+  }, [setMode]);
+  const {
+    armed,
+    marquee
+  } = useLassoLongPress(options.longPress);
+  const effectiveMode = armed ? "select" : mode;
+  return (0, import_react.useMemo)(() => ({
+    mode,
+    setMode,
+    toggleMode,
+    effectiveMode,
+    flowProps: lassoFlowProps(effectiveMode),
+    armed,
+    marquee
+  }), [mode, setMode, toggleMode, effectiveMode, armed, marquee]);
+}
+function useLassoLongPress(options) {
+  const [armed, setArmed] = (0, import_react.useState)(false);
+  const [marquee, setMarquee] = (0, import_react.useState)(null);
+  const latest = (0, import_react.useRef)(options);
+  latest.current = options;
+  const gesture = (0, import_react.useRef)({
+    timer: null,
+    origin: null,
+    snapshot: null,
+    intercept: null,
+    marquee: null
+  });
+  const enabled = options?.enabled ?? false;
+  const rootRef = options?.rootRef;
+  (0, import_react.useEffect)(() => {
+    if (!enabled) return;
+    const root = rootRef?.current;
+    const pane = root?.querySelector(import_xy.reactFlowPaneSelector);
+    if (!pane) return;
+    const state = gesture.current;
+    let selfCancelling = false;
+    const putMarquee = rect => {
+      state.marquee = rect;
+      setMarquee(rect);
+    };
+    const reset = (announce = true) => {
+      const wasArmed = state.intercept !== null;
+      if (state.timer !== null) clearTimeout(state.timer);
+      state.timer = null;
+      state.origin = null;
+      state.snapshot = null;
+      state.intercept?.release();
+      state.intercept = null;
+      setArmed(false);
+      putMarquee(null);
+      if (announce && wasArmed) latest.current?.onCancel?.();
+    };
+    const paneOrigin = () => {
+      const box = pane.getBoundingClientRect();
+      return {
+        x: box.left,
+        y: box.top
+      };
+    };
+    const toFlow = point => {
+      const view = latest.current?.viewport.get();
+      if (!view) return point;
+      return {
+        x: (point.x - view.x) / view.zoom,
+        y: (point.y - view.y) / view.zoom
+      };
+    };
+    const arm = () => {
+      const opts = latest.current;
+      if (!opts || !state.origin) return;
+      state.timer = null;
+      opts.onHaptic?.();
+      state.intercept = (0, import_lassoIntercept.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
+      });
+    };
+    const onArmedMove = event => {
+      if (event.touches.length > 1) {
+        reset();
+        return;
+      }
+      const touch = firstTouch(event);
+      if (!touch || !state.origin) return;
+      const origin = paneOrigin();
+      putMarquee(rectBetween(state.origin, {
+        x: touch.clientX - origin.x,
+        y: touch.clientY - origin.y
+      }));
+    };
+    const onTouchStart = event => {
+      const opts = latest.current;
+      if (!opts) return;
+      if (event.touches.length > 1) {
+        reset();
+        return;
+      }
+      const touch = firstTouch(event);
+      if (!touch) return;
+      const 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 ?? lassoHoldMs);
+    };
+    const onTouchMove = event => {
+      if (state.timer === null) return;
+      const touch = firstTouch(event);
+      if (!touch || !state.origin) return;
+      const origin = paneOrigin();
+      const dx = touch.clientX - origin.x - state.origin.x;
+      const dy = touch.clientY - origin.y - state.origin.y;
+      if (Math.hypot(dx, dy) > (latest.current?.slopPx ?? lassoSlopPx)) reset();
+    };
+    const onTouchEnd = () => {
+      if (selfCancelling) return;
+      const opts = latest.current;
+      let committed = false;
+      const drawn = state.marquee;
+      if (state.intercept && opts && drawn && (drawn.width > 0 || drawn.height > 0)) {
+        committed = true;
+        const topLeft = toFlow(drawn);
+        const bottomRight = toFlow({
+          x: drawn.x + drawn.width,
+          y: drawn.y + drawn.height
+        });
+        opts.onSelect?.((0, import_model.selectInMarquee)(opts.getNodeRects(), {
+          x: topLeft.x,
+          y: topLeft.y,
+          width: bottomRight.x - topLeft.x,
+          height: bottomRight.y - topLeft.y
+        }, 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 () => {
+      pane.removeEventListener("touchstart", onTouchStart);
+      pane.removeEventListener("touchmove", onTouchMove);
+      pane.removeEventListener("touchend", onTouchEnd);
+      pane.removeEventListener("touchcancel", onTouchEnd);
+      reset();
+    };
+  }, [enabled, rootRef]);
+  return {
+    armed,
+    marquee
+  };
+}

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

@@ -0,0 +1,287 @@
+"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 useLassoSelect_exports = {};
+__export(useLassoSelect_exports, {
+  lassoFlowProps: () => lassoFlowProps,
+  lassoHoldMs: () => lassoHoldMs,
+  lassoSlopPx: () => lassoSlopPx,
+  useLassoSelect: () => useLassoSelect
+});
+module.exports = __toCommonJS(useLassoSelect_exports);
+var import_react = require("react");
+var import_model = require("../model/index.native.js");
+var import_xy = require("../react-flow/xy.native.js");
+var import_lassoIntercept = require("./lassoIntercept.native.js");
+var panProps = {
+  panOnDrag: true,
+  selectionOnDrag: false,
+  selectionMode: import_xy.SelectionMode.Partial
+};
+var selectProps = {
+  panOnDrag: false,
+  selectionOnDrag: true,
+  selectionMode: import_xy.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] = (0, import_react.useState)(defaultMode);
+  var mode = controlled !== null && controlled !== void 0 ? controlled : uncontrolled;
+  var current = (0, import_react.useRef)(mode);
+  current.current = mode;
+  var setMode = (0, import_react.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 = (0, import_react.useCallback)(function () {
+    setMode(current.current === "select" ? "pan" : "select");
+  }, [setMode]);
+  var {
+    armed,
+    marquee
+  } = useLassoLongPress(options.longPress);
+  var effectiveMode = armed ? "select" : mode;
+  return (0, import_react.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] = (0, import_react.useState)(false);
+  var [marquee, setMarquee] = (0, import_react.useState)(null);
+  var latest = (0, import_react.useRef)(options);
+  latest.current = options;
+  var gesture = (0, import_react.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;
+  (0, import_react.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(import_xy.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 = (0, import_lassoIntercept.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, (0, import_model.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
+  };
+}
+//# sourceMappingURL=useLassoSelect.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useLassoSelect_exports","__export","lassoFlowProps","lassoHoldMs","lassoSlopPx","useLassoSelect","module","exports","import_react","require","import_model","import_xy","import_lassoIntercept","panProps","panOnDrag","selectionOnDrag","selectionMode","SelectionMode","Partial","selectProps","mode","rectBetween","a","b","x","Math","min","y","width","abs","height","firstTouch","event","_event_touches_","touches","changedTouches","options","arguments","length","controlled","defaultMode","onModeChange","uncontrolled","setUncontrolled","useState","current","useRef","setMode","useCallback","next","toggleMode","armed","marquee","useLassoLongPress","longPress","effectiveMode","useMemo","flowProps","_ref","setArmed","setMarquee","latest","gesture","timer","origin","snapshot","intercept","enabled","rootRef","useEffect","root","pane","querySelector","reactFlowPaneSelector","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","installLassoIntercept","ancestor","ownerDocument","onIntercept","onArmedMove","dispatchEvent","TouchEvent","bubbles","cancelable","set","onArmedMove2","touch","clientX","clientY","onTouchStart","onTouchStart2","_opts_holdMs","setTimeout","holdMs","onTouchMove","onTouchMove2"],"sources":["../../../src/interaction/useLassoSelect.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/knobs/KnobEnvelopeProvider.cjs

@@ -0,0 +1,77 @@
+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_react = require("react");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_envelope = require("./envelope.cjs");
+var import_jsx_runtime = require("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 = (0, import_react.useMemo)(() => (0, import_envelope.knobsForEnvelope)(envelope), [envelope]);
+  const themeName = (0, import_react.useMemo)(() => resolveEnvelopeThemeName(envelope, config?.themes), [config, envelope]);
+  let 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
+  });
+}