@multiplatform.one/node-graph 7.7.2

package/dist/jsx/interaction/useLassoSelect.mjs

@@ -0,0 +1,231 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { selectInMarquee } from "../model/index.mjs";
+import { SelectionMode, reactFlowPaneSelector } from "../react-flow/xy.mjs";
+import { installLassoIntercept } from "./lassoIntercept.mjs";
+const panProps = {
+  panOnDrag: true,
+  selectionOnDrag: false,
+  selectionMode: SelectionMode.Partial
+};
+const selectProps = {
+  panOnDrag: false,
+  selectionOnDrag: true,
+  selectionMode: 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] = useState(defaultMode);
+  const mode = controlled ?? uncontrolled;
+  const current = useRef(mode);
+  current.current = mode;
+  const setMode = useCallback(next => {
+    if (next === current.current) return;
+    if (controlled === void 0) setUncontrolled(next);
+    onModeChange?.(next);
+  }, [controlled, onModeChange]);
+  const toggleMode = useCallback(() => {
+    setMode(current.current === "select" ? "pan" : "select");
+  }, [setMode]);
+  const {
+    armed,
+    marquee
+  } = useLassoLongPress(options.longPress);
+  const effectiveMode = armed ? "select" : mode;
+  return useMemo(() => ({
+    mode,
+    setMode,
+    toggleMode,
+    effectiveMode,
+    flowProps: lassoFlowProps(effectiveMode),
+    armed,
+    marquee
+  }), [mode, setMode, toggleMode, effectiveMode, armed, marquee]);
+}
+function useLassoLongPress(options) {
+  const [armed, setArmed] = useState(false);
+  const [marquee, setMarquee] = useState(null);
+  const latest = useRef(options);
+  latest.current = options;
+  const gesture = useRef({
+    timer: null,
+    origin: null,
+    snapshot: null,
+    intercept: null,
+    marquee: null
+  });
+  const enabled = options?.enabled ?? false;
+  const rootRef = options?.rootRef;
+  useEffect(() => {
+    if (!enabled) return;
+    const root = rootRef?.current;
+    const pane = root?.querySelector(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 = 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?.(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
+  };
+}
+export { lassoFlowProps, lassoHoldMs, lassoSlopPx, useLassoSelect };
+//# sourceMappingURL=useLassoSelect.mjs.map

package/dist/jsx/interaction/useLassoSelect.mjs.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","touches","changedTouches","useLassoSelect","options","controlled","defaultMode","onModeChange","uncontrolled","setUncontrolled","current","setMode","next","toggleMode","armed","marquee","useLassoLongPress","longPress","effectiveMode","flowProps","setArmed","setMarquee","latest","gesture","timer","origin","snapshot","intercept","enabled","rootRef","root","pane","querySelector","state","selfCancelling","putMarquee","rect","reset","announce","wasArmed","clearTimeout","release","onCancel","paneOrigin","box","getBoundingClientRect","left","top","toFlow","point","view","viewport","get","zoom","arm","opts","onHaptic","ancestor","ownerDocument","onIntercept","onArmedMove","dispatchEvent","TouchEvent","bubbles","cancelable","set","length","touch","clientX","clientY","onTouchStart","setTimeout","holdMs","onTouchMove","dx","dy","hypot","slopPx","onTouchEnd","committed","drawn","topLeft","bottomRight","onSelect","getNodeRects","marqueeMode","addEventListener","passive","removeEventListener"],"sources":["../../../src/interaction/useLassoSelect.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/interaction/useLassoSelect.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useLassoSelect_exports","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","paneOrigin","paneOrigin2","box","getBoundingClientRect","left","top","toFlow","toFlow2","point","view","viewport","zoom","arm","arm2","_opts_onHaptic","opts","onHaptic","installLassoIntercept","ancestor","ownerDocument","onIntercept","onArmedMove","dispatchEvent","TouchEvent","bubbles","cancelable","set","onArmedMove2","touch"],"sources":["../../../src/interaction/useLassoSelect.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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":[]}