@multiplatform.one/node-graph 7.7.2

package/dist/jsx/theme/graphVars.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","graphVars_exports","edgeStrokeWidthPx","elevationBoxShadow","graphCssVars","graphTransitionCss","graphVarCss","graphVarValues","handlePaintedPx","spaceTokenPx","withAlpha","xyVarAllowlist","module","exports","import_theme","require","$0","$1","$2","$3","$4","$5","$6","bouncy","lazy","slow","medium","quick","tooltip","snappy","gentle","small","large","clamp255","Math","max","min","round","roundAlpha","color2","alpha","text","trim","a","hex","exec","digits","r","g","b","length","Number","parseInt","slice","rgb","parts","split","filter","Boolean","hsl","parts1","map","part","toCss","theme","startsWith","css","warnOnce","message","process","env","NODE_ENV","console","warn","resolved","_chrome_shadowOpacity","_ref","_ref1","_chrome_style","_chrome_shadowOffset","_chrome_shadowOffset1","chrome","knobProps","elevationChrome","fromWeb","style","boxShadow","_fromWeb_match","colors","match","shadowColor","shadowRadius","raw","tinted","shadowOpacity","JSON","stringify","offsetY","shadowOffset","height","offsetX","width","color","fallback","kind","options","_toCss","_edgeStrokeWidthPx_String","_theme_raw","_handlePaintedPx_knobProps_size","_spaceTokenPx_knobProps_gap_gap","_spaceTokenPx_knobProps_panelPadding_padding","_graphTransitionCss_String","_control_hoverKnobProps","_text_hoverKnobProps","control","themeColor","themeColor2","arguments","_theme_css","outline","bodyColor","body","hoverBackground","hoverKnobProps","backgroundColor","hoverColor","edgeStrokeWidth","String","controlBorderFilled","borderWidth","selectionFill","maskFill","shadow","handlePainted","size","handleHit","pointer","MIN_PRESS_TARGET","nodeGap","gap","nodePadding","panelPadding","padding","px","cardSurface"],"sources":["../../../src/theme/graphVars.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dom-inner.ts

@@ -0,0 +1,21 @@
+/**
+ * Metro file fallback for `@multiplatform.one/node-graph/dom-inner`, the same
+ * shape `model.ts` gives `./model` (MPO-185).
+ *
+ * Metro does not reconsider `source` or `default` when the condition it picked
+ * is missing: it warns and retries a plain file lookup at `<pkg>/dom-inner.*`,
+ * which is this file. It matters more here than anywhere else in the package,
+ * because the thing on the other side is what an app's `'use dom'` entry
+ * imports, and a failed resolution there is a blank WebView.
+ */
+export { NodeGraphDomShell } from "./src/dom/NodeGraphDomShell";
+export type {
+  GraphDomCommandSlot,
+  GraphDomCommands,
+  NodeGraphDomHandle,
+  NodeGraphDomInnerProps,
+  NodeGraphDomOptions,
+  NodeGraphDomProps,
+  NodeGraphDomRealmProps,
+  NodeGraphDomShellProps,
+} from "./src/dom/NodeGraphDomShell";

package/metro/index.js

@@ -0,0 +1,174 @@
+/**
+ * Metro preset for @multiplatform.one/node-graph (design §9.2, MPO-211 task 2.1).
+ *
+ *   const { withNodeGraph } = require("@multiplatform.one/node-graph/metro");
+ *   module.exports = withStorybook(withNodeGraph(config), { ... });
+ *
+ * Plain CommonJS with no build step, because a metro.config.js is loaded by Node
+ * before any transform exists. It touches no `sourceExts`, no `blockList` and no
+ * `transformer` — those belong to the app.
+ *
+ * It does four things.
+ *
+ * 1. zustand resolves to its CommonJS build. A DOM component (`'use dom'`) is
+ *    bundled at platform=web, so Metro reads package exports under the `import`
+ *    condition, but the host serves that bundle as a CLASSIC `<script>`, never
+ *    `type="module"`. zustand's ESM builds guard dev warnings with
+ *    `import.meta.env.MODE`, and in a classic script `import.meta` is a
+ *    PARSE-time SyntaxError: the script never executes, so no error boundary is
+ *    reachable and the WebView is a blank rectangle with no console the user can
+ *    see. Its CJS builds carry no such token. Verified in this repo:
+ *    @xyflow/react 12.11.5 ships a NESTED zustand 4.5.7 whose esm/index.mjs,
+ *    esm/vanilla.mjs, esm/middleware.mjs, esm/shallow.mjs and esm/context.mjs
+ *    all match; the root-hoisted zustand 5.0.0 matches in esm/middleware.mjs.
+ *    Neither package's `.js` files do.
+ *
+ *    The redirect resolves from the ORIGIN module, not from this package. The
+ *    request for zustand comes from inside @xyflow/react, which declares
+ *    `^4.4.0` and gets a nested 4.5.7; resolving from the root would hand it the
+ *    hoisted 5.x, a different major.
+ *
+ * 2. It wires this package into `watchFolders` and `extraNodeModules` when it is
+ *    a workspace checkout, composing with the app's own discovery rather than
+ *    replacing it: an existing entry for the package, or a watch folder that
+ *    already covers it, is left exactly as the app wrote it.
+ *
+ * 3. It CHAINS any existing `resolveRequest`. apps/storybook-expo already sets
+ *    one (punycode CJS, the workspace-native-main branch, the phosphor IconBase
+ *    shim, the pnpm nesting walk) and ends by calling the original. Clobbering
+ *    that is how MPO-74 killed five TestFlight builds.
+ *
+ * 4. It warns loudly when `resolver.unstable_enablePackageExports` is false. The
+ *    zustand fix is only needed under package exports, so a silent no-op there
+ *    produces a blank WebView with a parse error nobody attributes to metro
+ *    config.
+ *
+ * Applying it twice is a no-op, marked with a well-known symbol on the config,
+ * because a preset that wraps its own wrapper is a chain nobody can read.
+ */
+
+"use strict";
+
+const fs = require("node:fs");
+const path = require("node:path");
+
+const packageName = "@multiplatform.one/node-graph";
+const packageRoot = path.resolve(__dirname, "..");
+const nodeGraphMetroMarker = Symbol.for("@multiplatform.one/node-graph/metro");
+
+/**
+ * True when this copy is a workspace checkout rather than an installed
+ * dependency. Adding a watch folder inside node_modules would make Metro crawl
+ * the store, so the wiring in step 2 is for the checkout only.
+ */
+const isWorkspaceCheckout = !packageRoot.split(path.sep).includes("node_modules");
+
+/**
+ * The CJS file a zustand specifier should land on.
+ *
+ * zustand publishes `<root>/<subpath>.js` for every ESM `<root>/esm/<subpath>.mjs`,
+ * plus directory forms for the deep subpaths (`middleware/immer`), so both
+ * shapes are tried and the first that exists on disk wins. Nothing is guessed:
+ * a specifier with no CJS file falls through to the next resolver untouched.
+ *
+ * @param {string | undefined} originModulePath the importer, per Metro's context
+ * @param {string} moduleName the specifier being resolved
+ * @returns {string | null} an absolute path, or null to leave the request alone
+ */
+function resolveZustandCjs(originModulePath, moduleName) {
+  if (moduleName !== "zustand" && !moduleName.startsWith("zustand/")) return null;
+  const subpath = moduleName === "zustand" ? "" : moduleName.slice("zustand/".length);
+  // An explicit ESM or package.json request is answered as asked. Rewriting it
+  // would be a lie about what the importer wanted, and nothing in this package
+  // makes one.
+  if (subpath.startsWith("esm/") || subpath.endsWith(".mjs") || subpath === "package.json") {
+    return null;
+  }
+  const bases = [];
+  if (typeof originModulePath === "string" && originModulePath.length > 0) {
+    bases.push(path.dirname(originModulePath));
+  }
+  bases.push(packageRoot, __dirname);
+  let pkgJsonPath = null;
+  for (const base of bases) {
+    try {
+      pkgJsonPath = require.resolve("zustand/package.json", { paths: [base] });
+      break;
+    } catch {
+      /* try the next base */
+    }
+  }
+  if (!pkgJsonPath) return null;
+  const zustandRoot = path.dirname(pkgJsonPath);
+  const candidates =
+    subpath === ""
+      ? [path.join(zustandRoot, "index.js")]
+      : [path.join(zustandRoot, `${subpath}.js`), path.join(zustandRoot, subpath, "index.js")];
+  for (const candidate of candidates) {
+    if (fs.existsSync(candidate)) return candidate;
+  }
+  return null;
+}
+
+/**
+ * The resolver alone, for an app that already owns `resolveRequest` and would
+ * rather compose by hand than hand its config over.
+ *
+ * @param {Function | undefined} next the resolver to defer to
+ * @returns {Function} a Metro `resolveRequest`
+ */
+function nodeGraphResolveRequest(next) {
+  return function nodeGraphResolve(context, moduleName, platform) {
+    const cjs = resolveZustandCjs(context && context.originModulePath, moduleName);
+    if (cjs) return { type: "sourceFile", filePath: cjs };
+    if (typeof next === "function") return next(context, moduleName, platform);
+    return context.resolveRequest(context, moduleName, platform);
+  };
+}
+
+/**
+ * @param {object} config a Metro config, mutated in place and returned
+ * @returns {object} the same config
+ */
+function withNodeGraph(config) {
+  const cfg = config || {};
+  if (cfg[nodeGraphMetroMarker]) return cfg;
+
+  if (!cfg.resolver) cfg.resolver = {};
+  const resolver = cfg.resolver;
+
+  if (resolver.unstable_enablePackageExports === false) {
+    console.warn(
+      `[${packageName}/metro] resolver.unstable_enablePackageExports is false, so this preset's zustand fix cannot help. ` +
+        "Under package exports Metro resolves zustand's ESM build for a DOM component's platform=web bundle, and that build's " +
+        "`import.meta` is a PARSE-time SyntaxError in the classic script the WebView runs — a blank canvas with no reachable " +
+        "error boundary. Set resolver.unstable_enablePackageExports = true, or confirm your resolver reaches zustand's CJS build.",
+    );
+  }
+
+  resolver.resolveRequest = nodeGraphResolveRequest(resolver.resolveRequest);
+
+  if (isWorkspaceCheckout) {
+    const watchFolders = Array.isArray(cfg.watchFolders) ? cfg.watchFolders : [];
+    const covered = watchFolders.some(
+      (folder) =>
+        typeof folder === "string" &&
+        (folder === packageRoot || packageRoot.startsWith(`${folder}${path.sep}`)),
+    );
+    cfg.watchFolders = covered ? watchFolders : [...watchFolders, packageRoot];
+
+    const extraNodeModules = resolver.extraNodeModules || {};
+    if (!extraNodeModules[packageName]) {
+      resolver.extraNodeModules = { ...extraNodeModules, [packageName]: packageRoot };
+    }
+  }
+
+  Object.defineProperty(cfg, nodeGraphMetroMarker, {
+    value: true,
+    enumerable: false,
+    configurable: true,
+  });
+  return cfg;
+}
+
+module.exports = { nodeGraphMetroMarker, nodeGraphResolveRequest, withNodeGraph };

package/metro/index.spec.mjs

@@ -0,0 +1,235 @@
+/**
+ * The metro preset, specced against the real installed tree (MPO-211, plan 2.1).
+ *
+ * Run with `node --test public/node-graph/metro/index.spec.mjs`. This is a
+ * node:test file, not a vitest one, on purpose: the preset is plain CJS with no
+ * build step, and vitest's include glob here is `src/**` so it never sees it.
+ *
+ * The zustand assertions read the tree that is actually installed rather than a
+ * fixture. That is the point — the defect this preset exists to stop is a
+ * PARSE-time `import.meta` SyntaxError inside a real dependency's ESM build, and
+ * a fixture cannot go stale in the way that matters.
+ */
+
+import assert from "node:assert/strict";
+import fs from "node:fs";
+import { createRequire } from "node:module";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { describe, it } from "node:test";
+
+const require_ = createRequire(import.meta.url);
+const preset = require_("./index.js");
+const { nodeGraphResolveRequest, withNodeGraph, nodeGraphMetroMarker } = preset;
+
+const here = path.dirname(fileURLToPath(import.meta.url));
+const packageRoot = path.resolve(here, "..");
+const xyflowRoot = path.dirname(require_.resolve("@xyflow/react/package.json"));
+/** A plausible origin INSIDE @xyflow/react, which is what asks for zustand. */
+const xyflowOrigin = path.join(xyflowRoot, "dist/esm/index.mjs");
+
+/** @returns {object} a context shaped like metro's, with a default resolver that records. */
+function makeContext(originModulePath, seen) {
+  return {
+    originModulePath,
+    resolveRequest(_context, moduleName, platform) {
+      seen.push(["context.resolveRequest", moduleName, platform]);
+      return { type: "sourceFile", filePath: `default:${moduleName}` };
+    },
+  };
+}
+
+describe("withNodeGraph", () => {
+  it("chains an existing resolveRequest instead of replacing it", () => {
+    const seen = [];
+    const original = (context, moduleName, platform) => {
+      seen.push(["original", moduleName, platform]);
+      return { type: "sourceFile", filePath: `original:${moduleName}` };
+    };
+    const config = withNodeGraph({ resolver: { resolveRequest: original } });
+
+    const result = config.resolver.resolveRequest(
+      makeContext(xyflowOrigin, seen),
+      "classcat",
+      "web",
+    );
+
+    assert.deepEqual(result, { type: "sourceFile", filePath: "original:classcat" });
+    assert.deepEqual(seen, [["original", "classcat", "web"]]);
+  });
+
+  it("falls through to context.resolveRequest when the config had none", () => {
+    const seen = [];
+    const config = withNodeGraph({});
+    const result = config.resolver.resolveRequest(
+      makeContext(xyflowOrigin, seen),
+      "classcat",
+      "web",
+    );
+    assert.deepEqual(result, { type: "sourceFile", filePath: "default:classcat" });
+    assert.deepEqual(seen, [["context.resolveRequest", "classcat", "web"]]);
+  });
+
+  it("resolves zustand and zustand/middleware to .js, never .mjs", () => {
+    const seen = [];
+    const config = withNodeGraph({});
+    const context = makeContext(xyflowOrigin, seen);
+
+    for (const specifier of ["zustand", "zustand/middleware"]) {
+      const result = config.resolver.resolveRequest(context, specifier, "web");
+      assert.equal(result.type, "sourceFile", `${specifier} must resolve to a source file`);
+      assert.ok(
+        result.filePath.endsWith(".js"),
+        `${specifier} resolved to ${result.filePath}, which does not end .js`,
+      );
+      assert.ok(
+        !result.filePath.endsWith(".mjs"),
+        `${specifier} resolved to the ESM build ${result.filePath}`,
+      );
+      assert.ok(fs.existsSync(result.filePath), `${result.filePath} does not exist`);
+      assert.equal(
+        fs.readFileSync(result.filePath, "utf8").includes("import.meta"),
+        false,
+        `${result.filePath} still carries the import.meta token`,
+      );
+    }
+    assert.deepEqual(seen, [], "the zustand branch must not reach the next resolver");
+  });
+
+  it("resolves zustand from the ORIGIN module, so @xyflow/react keeps its nested copy", () => {
+    const nested = path.join(xyflowRoot, "node_modules/zustand");
+    if (!fs.existsSync(nested)) return; // a hoisted tree has nothing to prove here
+
+    const config = withNodeGraph({});
+    const result = config.resolver.resolveRequest(makeContext(xyflowOrigin, []), "zustand", "web");
+    assert.ok(
+      result.filePath.startsWith(nested + path.sep),
+      `zustand resolved to ${result.filePath}, not @xyflow/react's own nested copy`,
+    );
+    const declared = require_(path.join(xyflowRoot, "package.json")).dependencies.zustand;
+    const resolved = require_(path.join(nested, "package.json")).version;
+    assert.ok(
+      declared.includes(resolved.split(".")[0]),
+      `nested zustand ${resolved} does not satisfy @xyflow/react's ${declared}`,
+    );
+  });
+
+  it("leaves an explicit ESM request alone rather than lying about what was asked for", () => {
+    const seen = [];
+    const config = withNodeGraph({});
+    const result = config.resolver.resolveRequest(
+      makeContext(xyflowOrigin, seen),
+      "zustand/esm/index.mjs",
+      "web",
+    );
+    assert.deepEqual(result, { type: "sourceFile", filePath: "default:zustand/esm/index.mjs" });
+  });
+
+  it("does not double-wrap when applied twice", () => {
+    const seen = [];
+    const original = (_context, moduleName) => ({
+      type: "sourceFile",
+      filePath: `original:${moduleName}`,
+    });
+    const once = withNodeGraph({ resolver: { resolveRequest: original } });
+    const wrapped = once.resolver.resolveRequest;
+    const twice = withNodeGraph(once);
+
+    assert.equal(twice, once, "the second application must return the same config");
+    assert.equal(
+      twice.resolver.resolveRequest,
+      wrapped,
+      "the second application must not wrap the resolver again",
+    );
+    assert.equal(once[nodeGraphMetroMarker], true);
+    assert.equal(
+      Object.keys(once).includes(String(nodeGraphMetroMarker)),
+      false,
+      "the marker must not be an enumerable key",
+    );
+    twice.resolver.resolveRequest(makeContext(xyflowOrigin, seen), "classcat", "web");
+    assert.deepEqual(seen, []);
+  });
+
+  it("warns when unstable_enablePackageExports is false, and warns once", () => {
+    const warnings = [];
+    const realWarn = console.warn;
+    console.warn = (...args) => warnings.push(args.join(" "));
+    try {
+      const config = withNodeGraph({ resolver: { unstable_enablePackageExports: false } });
+      withNodeGraph(config);
+    } finally {
+      console.warn = realWarn;
+    }
+    assert.equal(warnings.length, 1, `expected one warning, got ${warnings.length}`);
+    assert.match(warnings[0], /unstable_enablePackageExports/);
+    assert.match(warnings[0], /node-graph/);
+  });
+
+  it("says nothing when unstable_enablePackageExports is true", () => {
+    const warnings = [];
+    const realWarn = console.warn;
+    console.warn = (...args) => warnings.push(args.join(" "));
+    try {
+      withNodeGraph({ resolver: { unstable_enablePackageExports: true } });
+    } finally {
+      console.warn = realWarn;
+    }
+    assert.deepEqual(warnings, []);
+  });
+
+  it("wires the package into watchFolders and extraNodeModules without clobbering", () => {
+    const config = withNodeGraph({});
+    assert.ok(config.watchFolders.includes(packageRoot));
+    assert.equal(config.resolver.extraNodeModules["@multiplatform.one/node-graph"], packageRoot);
+
+    const workspaceRoot = path.resolve(packageRoot, "../..");
+    const owned = withNodeGraph({
+      watchFolders: [workspaceRoot],
+      resolver: { extraNodeModules: { "@multiplatform.one/node-graph": "/somewhere/else" } },
+    });
+    assert.deepEqual(
+      owned.watchFolders,
+      [workspaceRoot],
+      "an ancestor watch folder already covers it",
+    );
+    assert.equal(
+      owned.resolver.extraNodeModules["@multiplatform.one/node-graph"],
+      "/somewhere/else",
+      "an app that named the package itself keeps its own answer",
+    );
+  });
+});
+
+describe("nodeGraphResolveRequest", () => {
+  it("is exported alone for an app that already owns resolveRequest", () => {
+    const seen = [];
+    const next = (_context, moduleName) => {
+      seen.push(moduleName);
+      return { type: "sourceFile", filePath: `next:${moduleName}` };
+    };
+    const resolve = nodeGraphResolveRequest(next);
+    assert.ok(resolve(makeContext(xyflowOrigin, []), "zustand", "web").filePath.endsWith(".js"));
+    assert.deepEqual(resolve(makeContext(xyflowOrigin, []), "classcat", "web"), {
+      type: "sourceFile",
+      filePath: "next:classcat",
+    });
+    assert.deepEqual(seen, ["classcat"]);
+  });
+});
+
+describe("apps/storybook-expo wiring", () => {
+  const configPath = path.resolve(packageRoot, "../../apps/storybook-expo/metro.config.js");
+
+  it("applies withNodeGraph before withStorybook", () => {
+    const src = fs.readFileSync(configPath, "utf8");
+    assert.match(src, /require\("@multiplatform\.one\/node-graph\/metro"\)/);
+    const graphAt = src.indexOf("withNodeGraph(");
+    const storybookAt = src.lastIndexOf("withStorybook(");
+    assert.ok(graphAt > -1, "metro.config.js never calls withNodeGraph");
+    assert.ok(
+      graphAt > storybookAt || src.includes("withStorybook(withNodeGraph("),
+      "withNodeGraph must wrap the config BEFORE withStorybook sees it",
+    );
+  });
+});

package/model.ts

@@ -0,0 +1,9 @@
+/**
+ * Metro file fallback for `@multiplatform.one/node-graph/model` (MPO-185).
+ *
+ * `exports["./model"]` resolves into `dist/`, which is never built for a
+ * source-consumed workspace package. Metro does not reconsider `source` or
+ * `default` when the condition it picked is missing: it warns and retries a
+ * plain file lookup at `<pkg>/model.*`, which is this file.
+ */
+export * from "./src/model/index";

package/package.json

@@ -0,0 +1,137 @@
+{
+  "name": "@multiplatform.one/node-graph",
+  "version": "7.7.2",
+  "description": "Node graph editor — React Flow on web, Tamagui knob-aware nodes, an Expo DOM host on native",
+  "keywords": [
+    "multiplatform",
+    "node-graph",
+    "react-flow",
+    "tamagui"
+  ],
+  "homepage": "https://multiplatform.one",
+  "license": "Apache-2.0",
+  "author": "BitSpur <support@risserlabs.com> (https://risserlabs.com)",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/bitspur/frappe/multiplatform.one.git",
+    "directory": "public/node-graph"
+  },
+  "source": "src/index.ts",
+  "files": [
+    "css",
+    "demo.ts",
+    "dist",
+    "dom-inner.ts",
+    "metro",
+    "model.ts",
+    "src",
+    "types",
+    "!types/.tsbuildinfo"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./src/*": "./src/*",
+    ".": {
+      "source": "./src/index.ts",
+      "react-native": {
+        "types": "./types/index.native.d.ts",
+        "default": "./src/index.native.ts"
+      },
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./src/index.native.ts"
+    },
+    "./model": {
+      "source": "./src/model/index.ts",
+      "types": "./types/model/index.d.ts",
+      "import": "./dist/esm/model/index.mjs",
+      "require": "./dist/cjs/model/index.cjs"
+    },
+    "./dom": {
+      "source": "./src/dom/NodeGraphDom.ts",
+      "react-native": "./src/dom/NodeGraphDom.ts",
+      "types": "./types/dom/NodeGraphDom.d.ts",
+      "default": "./src/dom/NodeGraphDom.ts"
+    },
+    "./dom-inner": {
+      "source": "./src/dom/NodeGraphDomShell.ts",
+      "react-native": "./src/dom/NodeGraphDomShell.ts",
+      "types": "./types/dom/NodeGraphDomShell.d.ts",
+      "default": "./src/dom/NodeGraphDomShell.ts"
+    },
+    "./demo": {
+      "source": "./src/react-flow/demoNodeBody.tsx",
+      "react-native": "./src/react-flow/demoNodeBody.tsx",
+      "types": "./types/react-flow/demoNodeBody.d.ts",
+      "default": "./src/react-flow/demoNodeBody.tsx"
+    },
+    "./metro": "./metro/index.js",
+    "./css/graph.css": "./css/graph.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@dagrejs/dagre": "^3.1.1",
+    "@xyflow/react": "^12.11.5",
+    "@xyflow/system": "0.0.81",
+    "tamagui": "2.7.6",
+    "@multiplatform.one/platform": "7.7.2",
+    "@multiplatform.one/theme": "7.7.2"
+  },
+  "devDependencies": {
+    "@tamagui/build": "2.7.6",
+    "@testing-library/react": "^16.3.2",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.5",
+    "esbuild": "^0.28.2",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
+    "subset-font": "^2.7.0",
+    "vitest": "^4.1.5",
+    "@multiplatform.one/config": "7.7.2",
+    "@multiplatform.one/test-utils": "7.7.2"
+  },
+  "peerDependencies": {
+    "expo": ">=55",
+    "expo-haptics": "*",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-native": ">=0.83.0",
+    "react-native-webview": ">=13.16.0",
+    "@multiplatform.one/components": "7.7.2"
+  },
+  "peerDependenciesMeta": {
+    "@multiplatform.one/components": {
+      "optional": true
+    },
+    "expo": {
+      "optional": true
+    },
+    "expo-haptics": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-webview": {
+      "optional": true
+    }
+  },
+  "module:jsx": "dist/jsx",
+  "scripts": {
+    "build": "node scripts/build-layout-worker.mjs --check && rm -rf dist types 2>/dev/null && tamagui-build --ts-project ./tsconfig.build.json --exclude '\\.spec\\.|\\.test\\.|\\.stories\\.|\\.native\\.|dom/NodeGraphDom|diagnostics/deliberateBreak'",
+    "bench": "node scripts/bench.mjs",
+    "test": "vitest run --coverage --coverage.provider=v8 --coverage.reporter=text --coverage.reporter=lcov && pnpm test:scripts",
+    "test:scripts": "node --test scripts/*.spec.mjs metro/*.spec.mjs",
+    "typecheck": "tsgo --noEmit"
+  }
+}