@popcraft/kit 0.29.0 → 0.30.0

package/dist/chunks/chunk-MQ66HDKC.js

@@ -0,0 +1,2662 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  init_palettes,
+  presetPalette
+} from "./chunk-N7XUSTLZ.js";
+import {
+  init_page_presets,
+  kindForCategory,
+  presetById,
+  presetPx
+} from "./chunk-XBVMM6ZD.js";
+import {
+  encodeCels,
+  init_cells
+} from "./chunk-2LYY4KTS.js";
+import {
+  init_instance_layout,
+  instanceChildBox,
+  setSceneApi
+} from "./chunk-SMR77HUB.js";
+import {
+  effectiveComponentProperties,
+  init_instances,
+  withPropertyPaths
+} from "./chunk-2YBOCBPA.js";
+import {
+  init_variables,
+  resolveNodeVariables
+} from "./chunk-FREAHUVP.js";
+import {
+  blursOf,
+  init_effects,
+  shadowsOf
+} from "./chunk-4VICNBUI.js";
+import {
+  init_layout_access,
+  readCachedTextLayout
+} from "./chunk-IPETYEVH.js";
+import {
+  init_scene3d,
+  scene3dOf,
+  sceneLayers,
+  setVirtualResolver
+} from "./chunk-NMFXCSU4.js";
+import {
+  fromAffine,
+  init_transform3d,
+  mul4,
+  projectRect,
+  sceneFrame
+} from "./chunk-CK43FENV.js";
+import {
+  IDENTITY,
+  aabbOf,
+  apply,
+  decompose,
+  determinant,
+  init_transform,
+  invert,
+  lengthScale,
+  localCentre,
+  localMatrix,
+  multiply,
+  nearestAngle,
+  nodeFlips,
+  restValue,
+  withoutFlips
+} from "./chunk-X53QDCNX.js";
+import {
+  init_dist_node,
+  v4_default
+} from "./chunk-VBAS5IB5.js";
+import {
+  createColor,
+  createDefaultSceneNodeProps,
+  createSolidPaint,
+  init_types
+} from "./chunk-CZXJDKOJ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+import {
+  __esm,
+  __export,
+  __toCommonJS
+} from "./chunk-LJSVREWM.js";
+
+// lib/engine/routing.ts
+function calculateOrthogonalPath(options) {
+  const { startPos, endPos, startDir, endDir, minSegmentLength = 20, obstacles, obstaclePadding = 14 } = options;
+  if (obstacles && obstacles.length > 0) {
+    const routed = routeAroundObstacles(startPos, endPos, startDir, endDir, obstacles, obstaclePadding, minSegmentLength);
+    if (routed) return routed;
+  }
+  const p1 = getPointAtDistance(startPos, startDir, minSegmentLength);
+  const p2 = getPointAtDistance(endPos, endDir, minSegmentLength);
+  const pts = [startPos, p1];
+  const isHoriz = (dir) => dir === "LEFT" || dir === "RIGHT" || dir === "CENTER";
+  if (isHoriz(startDir) && isHoriz(endDir)) {
+    const midX = (p1.x + p2.x) / 2;
+    pts.push({ x: midX, y: p1.y });
+    pts.push({ x: midX, y: p2.y });
+  } else if (!isHoriz(startDir) && !isHoriz(endDir)) {
+    const midY = (p1.y + p2.y) / 2;
+    pts.push({ x: p1.x, y: midY });
+    pts.push({ x: p2.x, y: midY });
+  } else if (isHoriz(startDir) && !isHoriz(endDir)) {
+    pts.push({ x: p2.x, y: p1.y });
+  } else {
+    pts.push({ x: p1.x, y: p2.y });
+  }
+  pts.push(p2);
+  pts.push(endPos);
+  return dedupe(pts);
+}
+function getPointAtDistance(pos, dir, dist) {
+  switch (dir) {
+    case "TOP":
+      return { x: pos.x, y: pos.y - dist };
+    case "BOTTOM":
+      return { x: pos.x, y: pos.y + dist };
+    case "LEFT":
+      return { x: pos.x - dist, y: pos.y };
+    case "RIGHT":
+      return { x: pos.x + dist, y: pos.y };
+    case "CENTER":
+      return { ...pos };
+  }
+}
+function dedupe(pts) {
+  const out = [];
+  for (let i = 0; i < pts.length; i++) {
+    if (i === 0 || Math.abs(pts[i].x - pts[i - 1].x) > 0.1 || Math.abs(pts[i].y - pts[i - 1].y) > 0.1) {
+      out.push(pts[i]);
+    }
+  }
+  return out;
+}
+function inflate(r, p) {
+  return { x: r.x - p, y: r.y - p, w: r.w + 2 * p, h: r.h + 2 * p };
+}
+function segmentBlocked(ax, ay, bx, by, rects) {
+  const EPS = 0.01;
+  if (Math.abs(ay - by) < EPS) {
+    const y = ay;
+    const lo = Math.min(ax, bx), hi = Math.max(ax, bx);
+    for (const r of rects) {
+      const top = r.y, bot = r.y + r.h, left = r.x, right = r.x + r.w;
+      if (y > top + EPS && y < bot - EPS && hi > left + EPS && lo < right - EPS) return true;
+    }
+  } else {
+    const x = ax;
+    const lo = Math.min(ay, by), hi = Math.max(ay, by);
+    for (const r of rects) {
+      const top = r.y, bot = r.y + r.h, left = r.x, right = r.x + r.w;
+      if (x > left + EPS && x < right - EPS && hi > top + EPS && lo < bot - EPS) return true;
+    }
+  }
+  return false;
+}
+function pointInsideAny(x, y, rects) {
+  const EPS = 0.01;
+  for (const r of rects) {
+    if (x > r.x + EPS && x < r.x + r.w - EPS && y > r.y + EPS && y < r.y + r.h - EPS) return true;
+  }
+  return false;
+}
+function uniqSorted(vals) {
+  const s = vals.slice().sort((a, b) => a - b);
+  const out = [];
+  for (const v of s) if (out.length === 0 || Math.abs(v - out[out.length - 1]) > 0.5) out.push(v);
+  return out;
+}
+function routeAroundObstacles(start, end, startDir, endDir, obstacles, padding, stub) {
+  const infl = obstacles.map((o) => inflate(o, padding));
+  const s1 = getPointAtDistance(start, startDir, stub);
+  const e1 = getPointAtDistance(end, endDir, stub);
+  let minX = Math.min(s1.x, e1.x), maxX = Math.max(s1.x, e1.x);
+  let minY = Math.min(s1.y, e1.y), maxY = Math.max(s1.y, e1.y);
+  for (const r of infl) {
+    minX = Math.min(minX, r.x);
+    maxX = Math.max(maxX, r.x + r.w);
+    minY = Math.min(minY, r.y);
+    maxY = Math.max(maxY, r.y + r.h);
+  }
+  const ring = padding + stub;
+  const xsRaw = [s1.x, e1.x, minX - ring, maxX + ring];
+  const ysRaw = [s1.y, e1.y, minY - ring, maxY + ring];
+  for (const r of infl) {
+    xsRaw.push(r.x, r.x + r.w);
+    ysRaw.push(r.y, r.y + r.h);
+  }
+  const X = uniqSorted(xsRaw);
+  const Y = uniqSorted(ysRaw);
+  if (X.length * Y.length > 4e3) return null;
+  const ix = (v) => X.findIndex((x) => Math.abs(x - v) < 0.5);
+  const iy = (v) => Y.findIndex((y) => Math.abs(y - v) < 0.5);
+  const si = ix(s1.x), sj = iy(s1.y), ti = ix(e1.x), tj = iy(e1.y);
+  if (si < 0 || sj < 0 || ti < 0 || tj < 0) return null;
+  if (pointInsideAny(s1.x, s1.y, infl) || pointInsideAny(e1.x, e1.y, infl)) return null;
+  const W = X.length, H = Y.length;
+  const cell = (i, j) => j * W + i;
+  const N = W * H;
+  const TURN = stub * 1.5;
+  const startAxis = startDir === "CENTER" ? 0 : HORIZ(startDir) ? 1 : 2;
+  const g = new Float64Array(N * 3).fill(Infinity);
+  const cameFrom = new Int32Array(N * 3).fill(-1);
+  const heurTarget = { x: X[ti], y: Y[tj] };
+  const h = (i, j) => Math.abs(X[i] - heurTarget.x) + Math.abs(Y[j] - heurTarget.y);
+  const heap = [];
+  const fscore = [];
+  const push = (id, f) => {
+    heap.push(id);
+    fscore.push(f);
+    let c = heap.length - 1;
+    while (c > 0) {
+      const p = c - 1 >> 1;
+      if (fscore[p] <= fscore[c]) break;
+      [heap[p], heap[c]] = [heap[c], heap[p]];
+      [fscore[p], fscore[c]] = [fscore[c], fscore[p]];
+      c = p;
+    }
+  };
+  const pop = () => {
+    const top = heap[0];
+    const lastId = heap.pop();
+    const lastF = fscore.pop();
+    if (heap.length > 0) {
+      heap[0] = lastId;
+      fscore[0] = lastF;
+      let c = 0;
+      for (; ; ) {
+        const l = 2 * c + 1, r = 2 * c + 2;
+        let m = c;
+        if (l < heap.length && fscore[l] < fscore[m]) m = l;
+        if (r < heap.length && fscore[r] < fscore[m]) m = r;
+        if (m === c) break;
+        [heap[m], heap[c]] = [heap[c], heap[m]];
+        [fscore[m], fscore[c]] = [fscore[c], fscore[m]];
+        c = m;
+      }
+    }
+    return top;
+  };
+  const startState = cell(si, sj) * 3 + startAxis;
+  g[startState] = 0;
+  push(startState, h(si, sj));
+  const targetCell = cell(ti, tj);
+  let endState = -1;
+  while (heap.length > 0) {
+    const state = pop();
+    const c = Math.floor(state / 3);
+    const axis = state % 3;
+    if (c === targetCell) {
+      endState = state;
+      break;
+    }
+    const i = c % W, j = Math.floor(c / W);
+    const gc = g[state];
+    const moves = [
+      { ni: i - 1, nj: j, ax: 1 },
+      { ni: i + 1, nj: j, ax: 1 },
+      { ni: i, nj: j - 1, ax: 2 },
+      { ni: i, nj: j + 1, ax: 2 }
+    ];
+    for (const mv of moves) {
+      if (mv.ni < 0 || mv.ni >= W || mv.nj < 0 || mv.nj >= H) continue;
+      if (segmentBlocked(X[i], Y[j], X[mv.ni], Y[mv.nj], infl)) continue;
+      const len = Math.abs(X[mv.ni] - X[i]) + Math.abs(Y[mv.nj] - Y[j]);
+      const turn = axis !== 0 && axis !== mv.ax ? TURN : 0;
+      const ns = cell(mv.ni, mv.nj) * 3 + mv.ax;
+      const ng = gc + len + turn;
+      if (ng < g[ns]) {
+        g[ns] = ng;
+        cameFrom[ns] = state;
+        push(ns, ng + h(mv.ni, mv.nj));
+      }
+    }
+  }
+  if (endState < 0) return null;
+  const way = [];
+  let s = endState;
+  while (s >= 0) {
+    const c = Math.floor(s / 3);
+    way.push({ x: X[c % W], y: Y[Math.floor(c / W)] });
+    s = cameFrom[s];
+  }
+  way.reverse();
+  return dedupe([start, ...way, end]);
+}
+function trimPolyline(pts, startTrim, endTrim) {
+  if (pts.length < 2) return null;
+  if (startTrim <= 0 && endTrim <= 0) return pts;
+  const n = pts.length;
+  const cum = new Array(n);
+  cum[0] = 0;
+  for (let i = 1; i < n; i++) {
+    cum[i] = cum[i - 1] + Math.hypot(pts[i].x - pts[i - 1].x, pts[i].y - pts[i - 1].y);
+  }
+  const total = cum[n - 1];
+  const s0 = Math.max(0, startTrim);
+  const s1 = total - Math.max(0, endTrim);
+  const EPS = 1e-3;
+  if (s1 - s0 < EPS) return null;
+  const pointAt = (s) => {
+    let i = 1;
+    while (i < n - 1 && cum[i] <= s) i++;
+    const segLen = cum[i] - cum[i - 1];
+    const t = segLen > 1e-6 ? (s - cum[i - 1]) / segLen : 0;
+    return {
+      x: pts[i - 1].x + (pts[i].x - pts[i - 1].x) * t,
+      y: pts[i - 1].y + (pts[i].y - pts[i - 1].y) * t
+    };
+  };
+  const out = [pointAt(s0)];
+  for (let i = 1; i < n - 1; i++) {
+    if (cum[i] > s0 + EPS && cum[i] < s1 - EPS) out.push(pts[i]);
+  }
+  out.push(pointAt(s1));
+  return out;
+}
+function calculateBezierPath(options, steps = 30) {
+  const { startPos, endPos, startDir, endDir } = options;
+  const dx = endPos.x - startPos.x;
+  const dy = endPos.y - startPos.y;
+  const dist = Math.max(Math.hypot(dx, dy) * 0.4, 40);
+  const actualDist = Math.hypot(dx, dy);
+  const numSteps = Math.max(30, Math.min(150, Math.floor(actualDist / 3)));
+  let cp1 = getPointAtDistance(startPos, startDir, dist);
+  let cp2 = getPointAtDistance(endPos, endDir, dist);
+  if (startDir === "CENTER") cp1 = { x: startPos.x + dx * 0.25, y: startPos.y + dy * 0.25 };
+  if (endDir === "CENTER") cp2 = { x: endPos.x - dx * 0.25, y: endPos.y - dy * 0.25 };
+  const pts = [];
+  for (let i = 0; i <= numSteps; i++) {
+    const t = i / numSteps;
+    const u = 1 - t;
+    const tt = t * t;
+    const uu = u * u;
+    const uuu = uu * u;
+    const ttt = tt * t;
+    const pX = uuu * startPos.x + 3 * uu * t * cp1.x + 3 * u * tt * cp2.x + ttt * endPos.x;
+    const pY = uuu * startPos.y + 3 * uu * t * cp1.y + 3 * u * tt * cp2.y + ttt * endPos.y;
+    pts.push({ x: pX, y: pY });
+  }
+  return dedupe(pts);
+}
+var HORIZ;
+var init_routing = __esm({
+  "lib/engine/routing.ts"() {
+    "use strict";
+    init_define_POPCRAFT_COMPONENT_IDS();
+    HORIZ = (d) => d === "LEFT" || d === "RIGHT" || d === "CENTER";
+  }
+});
+
+// lib/engine/geometry/flatten.ts
+function flattenQuadratic(x1, y1, cx, cy, x2, y2, points, tolerance) {
+  const dx = x2 - x1;
+  const dy = y2 - y1;
+  const d = Math.abs(dy * cx - dx * cy + x2 * y1 - y2 * x1);
+  const len = Math.sqrt(dx * dx + dy * dy);
+  if (len > 0 && d / len <= tolerance) {
+    points.push(x2, y2);
+    return;
+  }
+  const x12 = (x1 + cx) / 2;
+  const y12 = (y1 + cy) / 2;
+  const x23 = (cx + x2) / 2;
+  const y23 = (cy + y2) / 2;
+  const x123 = (x12 + x23) / 2;
+  const y123 = (y12 + y23) / 2;
+  flattenQuadratic(x1, y1, x12, y12, x123, y123, points, tolerance);
+  flattenQuadratic(x123, y123, x23, y23, x2, y2, points, tolerance);
+}
+function flattenCubic(x1, y1, c1x, c1y, c2x, c2y, x2, y2, points, tolerance) {
+  const dx = x2 - x1;
+  const dy = y2 - y1;
+  const d1 = Math.abs(dy * c1x - dx * c1y + x2 * y1 - y2 * x1);
+  const d2 = Math.abs(dy * c2x - dx * c2y + x2 * y1 - y2 * x1);
+  const len = Math.sqrt(dx * dx + dy * dy);
+  if (len > 0 && (d1 + d2) / len <= tolerance) {
+    points.push(x2, y2);
+    return;
+  }
+  const x12 = (x1 + c1x) / 2;
+  const y12 = (y1 + c1y) / 2;
+  const x23 = (c1x + c2x) / 2;
+  const y23 = (c1y + c2y) / 2;
+  const x34 = (c2x + x2) / 2;
+  const y34 = (c2y + y2) / 2;
+  const x123 = (x12 + x23) / 2;
+  const y123 = (y12 + y23) / 2;
+  const x234 = (x23 + x34) / 2;
+  const y234 = (y23 + y34) / 2;
+  const x1234 = (x123 + x234) / 2;
+  const y1234 = (y123 + y234) / 2;
+  flattenCubic(x1, y1, x12, y12, x123, y123, x1234, y1234, points, tolerance);
+  flattenCubic(x1234, y1234, x234, y234, x34, y34, x2, y2, points, tolerance);
+}
+function flattenPaths(paths, tolerance = DEFAULT_TOLERANCE) {
+  const result = [];
+  for (const path of paths) {
+    if (!path.points || path.points.length === 0) continue;
+    const flatPoints = [];
+    flatPoints.push(path.points[0].x, path.points[0].y);
+    for (let i = 1; i < path.points.length; i++) {
+      const prev = path.points[i - 1];
+      const curr = path.points[i];
+      if (prev.handleOut && curr.handleIn) {
+        flattenCubic(
+          prev.x,
+          prev.y,
+          prev.handleOut.x,
+          prev.handleOut.y,
+          curr.handleIn.x,
+          curr.handleIn.y,
+          curr.x,
+          curr.y,
+          flatPoints,
+          tolerance
+        );
+      } else if (prev.handleOut) {
+        flattenQuadratic(
+          prev.x,
+          prev.y,
+          prev.handleOut.x,
+          prev.handleOut.y,
+          curr.x,
+          curr.y,
+          flatPoints,
+          tolerance
+        );
+      } else if (curr.handleIn) {
+        flattenQuadratic(
+          prev.x,
+          prev.y,
+          curr.handleIn.x,
+          curr.handleIn.y,
+          curr.x,
+          curr.y,
+          flatPoints,
+          tolerance
+        );
+      } else {
+        flatPoints.push(curr.x, curr.y);
+      }
+    }
+    if (path.closed && path.points.length > 1) {
+      const curr = path.points[0];
+      const prev = path.points[path.points.length - 1];
+      if (prev.handleOut && curr.handleIn) {
+        flattenCubic(
+          prev.x,
+          prev.y,
+          prev.handleOut.x,
+          prev.handleOut.y,
+          curr.handleIn.x,
+          curr.handleIn.y,
+          curr.x,
+          curr.y,
+          flatPoints,
+          tolerance
+        );
+      } else if (prev.handleOut) {
+        flattenQuadratic(
+          prev.x,
+          prev.y,
+          prev.handleOut.x,
+          prev.handleOut.y,
+          curr.x,
+          curr.y,
+          flatPoints,
+          tolerance
+        );
+      } else if (curr.handleIn) {
+        flattenQuadratic(
+          prev.x,
+          prev.y,
+          curr.handleIn.x,
+          curr.handleIn.y,
+          curr.x,
+          curr.y,
+          flatPoints,
+          tolerance
+        );
+      } else {
+        flatPoints.push(curr.x, curr.y);
+      }
+    }
+    result.push(flatPoints);
+  }
+  return result;
+}
+var DEFAULT_TOLERANCE;
+var init_flatten = __esm({
+  "lib/engine/geometry/flatten.ts"() {
+    "use strict";
+    init_define_POPCRAFT_COMPONENT_IDS();
+    DEFAULT_TOLERANCE = 0.25;
+  }
+});
+
+// lib/engine/text/glyph-linear.ts
+function glyphLinear(g) {
+  if (g.xform) return g.xform;
+  if (!g.angle) return null;
+  const c = Math.cos(g.angle), s = Math.sin(g.angle);
+  return [c, s, -s, c];
+}
+var init_glyph_linear = __esm({
+  "lib/engine/text/glyph-linear.ts"() {
+    "use strict";
+    init_define_POPCRAFT_COMPONENT_IDS();
+  }
+});
+
+// lib/engine/text/outline-sdf.ts
+function flattenPath(commands, t, line, tolerance = FLATTEN_TOLERANCE) {
+  const X = (x) => t.sx * x + t.tx;
+  const Y = (y) => t.sy * y + t.ty;
+  let sx = 0, sy = 0, cx = 0, cy = 0, open = false;
+  const close = () => {
+    if (open && (cx !== sx || cy !== sy)) line(cx, cy, sx, sy);
+    cx = sx;
+    cy = sy;
+    open = false;
+  };
+  for (const c of commands) {
+    const a = c.args;
+    switch (c.command) {
+      case "moveTo":
+        close();
+        sx = cx = X(a[0]);
+        sy = cy = Y(a[1]);
+        break;
+      case "lineTo": {
+        const x = X(a[0]), y = Y(a[1]);
+        line(cx, cy, x, y);
+        cx = x;
+        cy = y;
+        open = true;
+        break;
+      }
+      case "quadraticCurveTo": {
+        const x1 = X(a[0]), y1 = Y(a[1]), x2 = X(a[2]), y2 = Y(a[3]);
+        const dd = Math.hypot(cx - 2 * x1 + x2, cy - 2 * y1 + y2);
+        const n = Math.min(256, Math.max(1, Math.ceil(Math.sqrt(dd / (4 * tolerance)))));
+        let px = cx, py = cy;
+        for (let i = 1; i <= n; i++) {
+          const u = i / n, v = 1 - u;
+          const x = v * v * cx + 2 * u * v * x1 + u * u * x2;
+          const y = v * v * cy + 2 * u * v * y1 + u * u * y2;
+          line(px, py, x, y);
+          px = x;
+          py = y;
+        }
+        cx = x2;
+        cy = y2;
+        open = true;
+        break;
+      }
+      case "bezierCurveTo": {
+        const x1 = X(a[0]), y1 = Y(a[1]), x2 = X(a[2]), y2 = Y(a[3]), x3 = X(a[4]), y3 = Y(a[5]);
+        const dd = Math.max(Math.hypot(cx - 2 * x1 + x2, cy - 2 * y1 + y2), Math.hypot(x1 - 2 * x2 + x3, y1 - 2 * y2 + y3));
+        const n = Math.min(256, Math.max(1, Math.ceil(Math.sqrt(0.75 * dd / tolerance))));
+        let px = cx, py = cy;
+        for (let i = 1; i <= n; i++) {
+          const u = i / n, v = 1 - u;
+          const b0 = v * v * v, b1 = 3 * u * v * v, b2 = 3 * u * u * v, b3 = u * u * u;
+          const x = b0 * cx + b1 * x1 + b2 * x2 + b3 * x3;
+          const y = b0 * cy + b1 * y1 + b2 * y2 + b3 * y3;
+          line(px, py, x, y);
+          px = x;
+          py = y;
+        }
+        cx = x3;
+        cy = y3;
+        open = true;
+        break;
+      }
+      case "closePath":
+        close();
+        break;
+    }
+  }
+  close();
+}
+var FLATTEN_TOLERANCE;
+var init_outline_sdf = __esm({
+  "lib/engine/text/outline-sdf.ts"() {
+    "use strict";
+    init_define_POPCRAFT_COMPONENT_IDS();
+    FLATTEN_TOLERANCE = 5e-3;
+  }
+});
+
+// lib/engine/text/text-rings.ts
+function glyphTransform(g) {
+  const s = g.unitScale ?? 0;
+  return { sx: s, sy: -s, tx: g.penX ?? g.x, ty: g.baseline ?? g.y };
+}
+function glyphOutline(g) {
+  if (g.gid === void 0 || !g.font || !g.unitScale) return null;
+  let glyph;
+  try {
+    glyph = g.font.getGlyph(g.gid);
+  } catch {
+    return null;
+  }
+  const commands = glyph?.path?.commands;
+  if (!commands?.length) return null;
+  const t = glyphTransform(g);
+  const turn = glyphTurn(g);
+  return { commands, place: (x, y) => turn(t.sx * x + t.tx, t.sy * y + t.ty) };
+}
+function glyphTurn(g) {
+  const t = glyphTransform(g);
+  const m = glyphLinear(g);
+  return (x, y) => m ? [t.tx + (x - t.tx) * m[0] + (y - t.ty) * m[2], t.ty + (x - t.tx) * m[1] + (y - t.ty) * m[3]] : [x, y];
+}
+function glyphInstancesToRings(instances) {
+  const rings = [];
+  for (const g of instances) {
+    if (g.gid === void 0 || !g.font || !g.unitScale) continue;
+    let glyph;
+    try {
+      glyph = g.font.getGlyph(g.gid);
+    } catch {
+      continue;
+    }
+    const commands = glyph?.path?.commands;
+    if (!commands?.length) continue;
+    let current = [];
+    const push = () => {
+      if (current.length >= 3) rings.push(closeRing(current));
+      current = [];
+    };
+    const t = glyphTransform(g);
+    const turn = glyphTurn(g);
+    flattenPath(commands, t, (x0, y0, x1, y1) => {
+      const [ax, ay] = turn(x0, y0), [bx, by] = turn(x1, y1);
+      const last = current[current.length - 1];
+      if (!last || last[0] !== ax || last[1] !== ay) {
+        push();
+        current.push([ax, ay]);
+      }
+      current.push([bx, by]);
+    });
+    push();
+  }
+  return rings;
+}
+function closeRing(r) {
+  const a = r[0];
+  const b = r[r.length - 1];
+  return a[0] === b[0] && a[1] === b[1] ? r : [...r, [a[0], a[1]]];
+}
+var init_text_rings = __esm({
+  "lib/engine/text/text-rings.ts"() {
+    "use strict";
+    init_define_POPCRAFT_COMPONENT_IDS();
+    init_glyph_linear();
+    init_outline_sdf();
+  }
+});
+
+// lib/engine/geometry/shape-outline.ts
+function shapeToRings(node, ox, oy) {
+  const w = node.width;
+  const h = node.height;
+  const cx = ox + w / 2;
+  const cy = oy + h / 2;
+  const rot = (node.rotation || 0) * Math.PI / 180;
+  const cosR = Math.cos(rot);
+  const sinR = Math.sin(rot);
+  const place2 = (lx, ly) => {
+    const dx = ox + lx - cx;
+    const dy = oy + ly - cy;
+    return [cx + dx * cosR - dy * sinR, cy + dx * sinR + dy * cosR];
+  };
+  const closeRing2 = (r) => {
+    if (r.length && (r[0][0] !== r[r.length - 1][0] || r[0][1] !== r[r.length - 1][1])) r.push([r[0][0], r[0][1]]);
+    return r;
+  };
+  switch (node.type) {
+    case "ELLIPSE": {
+      const rx = w / 2, ry = h / 2;
+      const ring = [];
+      for (let i = 0; i < ELLIPSE_SEGMENTS; i++) {
+        const a = i / ELLIPSE_SEGMENTS * Math.PI * 2;
+        ring.push(place2(w / 2 + rx * Math.cos(a), h / 2 + ry * Math.sin(a)));
+      }
+      return [closeRing2(ring)];
+    }
+    case "POLYGON": {
+      const n = Math.max(3, node.pointCount || 3);
+      const rx = w / 2, ry = h / 2;
+      const ring = [];
+      for (let i = 0; i < n; i++) {
+        const a = -Math.PI / 2 + i / n * Math.PI * 2;
+        ring.push(place2(w / 2 + rx * Math.cos(a), h / 2 + ry * Math.sin(a)));
+      }
+      return [closeRing2(ring)];
+    }
+    case "STAR": {
+      const n = Math.max(3, node.pointCount || 5);
+      const inner = node.innerRadius ?? 0.4;
+      const rx = w / 2, ry = h / 2;
+      const ring = [];
+      for (let i = 0; i < n * 2; i++) {
+        const a = -Math.PI / 2 + i / (n * 2) * Math.PI * 2;
+        const f = i % 2 === 0 ? 1 : inner;
+        ring.push(place2(w / 2 + rx * f * Math.cos(a), h / 2 + ry * f * Math.sin(a)));
+      }
+      return [closeRing2(ring)];
+    }
+    case "VECTOR": {
+      const paths = node.paths;
+      if (!paths || paths.length === 0) return [];
+      const flat = flattenPaths(paths);
+      return flat.filter((p) => p.length >= 6).map((p) => {
+        const ring = [];
+        for (let i = 0; i < p.length; i += 2) ring.push(place2(p[i], p[i + 1]));
+        return closeRing2(ring);
+      });
+    }
+    case "TEXT": {
+      const layout = readCachedTextLayout(node.id);
+      if (!layout) return [];
+      return glyphInstancesToRings(layout.instances).map((ring) => ring.map(([lx, ly]) => place2(lx, ly)));
+    }
+    case "LINE":
+    case "ARROW":
+      return [];
+    // no fillable area
+    default: {
+      return [closeRing2([place2(0, 0), place2(w, 0), place2(w, h), place2(0, h)])];
+    }
+  }
+}
+function tableCellGeom(table) {
+  const colCount = table.colCount || 5, rowCount = table.rowCount || 5;
+  const colWidths = table.colWidths && table.colWidths.length ? table.colWidths : Array(colCount).fill(140);
+  const rowHeights = table.rowHeights && table.rowHeights.length ? table.rowHeights : Array(rowCount).fill(32);
+  return { colWidths, rowHeights };
+}
+function tableCellRect(table, r, c) {
+  const { colWidths, rowHeights } = tableCellGeom(table);
+  let x = 0;
+  for (let i = 0; i < c; i++) x += colWidths[i] || 140;
+  let y = 0;
+  for (let i = 0; i < r; i++) y += rowHeights[i] || 32;
+  return { x, y, w: colWidths[c] || 140, h: rowHeights[r] || 32 };
+}
+function tableCellAnchor(table, r, c, edge) {
+  const rc = tableCellRect(table, r, c);
+  switch (edge) {
+    case "TOP":
+      return { x: rc.x + rc.w / 2, y: rc.y };
+    case "BOTTOM":
+      return { x: rc.x + rc.w / 2, y: rc.y + rc.h };
+    case "LEFT":
+      return { x: rc.x, y: rc.y + rc.h / 2 };
+    case "RIGHT":
+      return { x: rc.x + rc.w, y: rc.y + rc.h / 2 };
+    default:
+      return { x: rc.x + rc.w / 2, y: rc.y + rc.h / 2 };
+  }
+}
+function getConnectorAnchorLocal(node, position) {
+  const w = node.width || 1;
+  const h = node.height || 1;
+  if (node.type === "TABLE") {
+    const m = /^(\d+),(\d+):(TOP|BOTTOM|LEFT|RIGHT)$/.exec(position);
+    if (m) return tableCellAnchor(node, +m[1], +m[2], m[3]);
+  }
+  const bbox = {
+    TOP: { x: w / 2, y: 0 },
+    BOTTOM: { x: w / 2, y: h },
+    LEFT: { x: 0, y: h / 2 },
+    RIGHT: { x: w, y: h / 2 },
+    CENTER: { x: w / 2, y: h / 2 }
+  };
+  const pos = position in bbox ? position : "CENTER";
+  if (pos === "CENTER") return bbox.CENTER;
+  const boxy = /* @__PURE__ */ new Set([
+    "RECTANGLE",
+    "FRAME",
+    "IMAGE",
+    "TEXT",
+    "STICKY",
+    "GROUP",
+    "SECTION",
+    "COMPONENT",
+    "COMPONENT_SET",
+    "INSTANCE",
+    "TABLE",
+    "SLICE"
+  ]);
+  if (boxy.has(node.type)) return bbox[pos];
+  const key = `${node.id}:${Math.round(w)}x${Math.round(h)}:${node.type}`;
+  let anchors = _anchorCache.get(key);
+  if (!anchors) {
+    anchors = { ...bbox };
+    let rings = [];
+    try {
+      rings = shapeToRings({ ...node, rotation: 0 }, 0, 0);
+    } catch {
+      rings = [];
+    }
+    if (rings.length) {
+      const yc = h / 2;
+      let minX = Infinity, maxX = -Infinity;
+      const xc = w / 2;
+      let minY = Infinity, maxY = -Infinity;
+      for (const ring of rings) {
+        for (let i = 1; i < ring.length; i++) {
+          const [x1, y1] = ring[i - 1], [x2, y2] = ring[i];
+          if (y1 <= yc && y2 >= yc || y2 <= yc && y1 >= yc) {
+            if (y1 !== y2) {
+              const t = (yc - y1) / (y2 - y1);
+              const x = x1 + t * (x2 - x1);
+              if (x < minX) minX = x;
+              if (x > maxX) maxX = x;
+            }
+          }
+          if (x1 <= xc && x2 >= xc || x2 <= xc && x1 >= xc) {
+            if (x1 !== x2) {
+              const t = (xc - x1) / (x2 - x1);
+              const y = y1 + t * (y2 - y1);
+              if (y < minY) minY = y;
+              if (y > maxY) maxY = y;
+            }
+          }
+        }
+      }
+      if (minX !== Infinity) {
+        anchors.LEFT = { x: minX, y: yc };
+        anchors.RIGHT = { x: maxX, y: yc };
+      }
+      if (minY !== Infinity) {
+        anchors.TOP = { x: xc, y: minY };
+        anchors.BOTTOM = { x: xc, y: maxY };
+      }
+    }
+    if (_anchorCache.size > 512) _anchorCache.clear();
+    _anchorCache.set(key, anchors);
+  }
+  return anchors[pos];
+}
+function connectorPositionDir(position) {
+  const m = /(TOP|BOTTOM|LEFT|RIGHT|CENTER)$/.exec(position || "");
+  return m ? m[1] : "CENTER";
+}
+var ELLIPSE_SEGMENTS, _anchorCache;
+var init_shape_outline = __esm({
+  "lib/engine/geometry/shape-outline.ts"() {
+    "use strict";
+    init_define_POPCRAFT_COMPONENT_IDS();
+    init_flatten();
+    init_layout_access();
+    init_text_rings();
+    ELLIPSE_SEGMENTS = 64;
+    _anchorCache = /* @__PURE__ */ new Map();
+  }
+});
+
+// lib/document/scene-graph.ts
+function virtualRootOf(host, doc) {
+  if (!host) return void 0;
+  if (host.type === "INSTANCE") return host.mainComponentId || void 0;
+  if (host.type === "FRAME") {
+    const frame = host;
+    if (doc) {
+      const { effectiveMasterId: effectiveMasterId2 } = (init_print_pages(), __toCommonJS(print_pages_exports));
+      return effectiveMasterId2(doc, frame);
+    }
+    return frame.print?.masterId;
+  }
+  return void 0;
+}
+function virtualChildId(parent, childId) {
+  if (parent.type === "INSTANCE" || parent.type === "FRAME" && parent.print?.masterId && !parent.id.includes("::")) return `${parent.id}::${childId}`;
+  if (parent.id.includes("::")) return `${parent.id.split("::").slice(0, -1).join("::")}::${childId}`;
+  return childId;
+}
+function chainOverrides(nodes, parts) {
+  let merged = {};
+  for (let k = 0; k < parts.length - 1; k++) {
+    const raw = nodes[parts[k]];
+    if (!raw) break;
+    const node = k === 0 ? raw : { ...raw, ...merged[raw.id] };
+    if (node.type === "INSTANCE") merged = { ...node.overrides || {}, ...merged };
+  }
+  return merged;
+}
+function resolveVirtualNode(nodes, id, opts) {
+  if (!id) return null;
+  if (!id.includes("::")) return nodes[id] || null;
+  const posed = nodes[id];
+  if (posed) return posed;
+  const parts = id.split("::");
+  const instanceId = parts[0];
+  const targetId = parts[parts.length - 1];
+  const instance = nodes[instanceId];
+  const target = nodes[targetId];
+  const rootId = virtualRootOf(instance);
+  if (!instance || !rootId || !target) return null;
+  const overrides = instance.type === "INSTANCE" ? chainOverrides(nodes, parts)[targetId] || {} : {};
+  let parentId;
+  if (parts.length === 2) {
+    parentId = target.parentId === rootId ? instanceId : `${instanceId}::${target.parentId}`;
+  } else {
+    const ownerId = parts.slice(0, -1).join("::");
+    const owner = resolveVirtualNode(nodes, ownerId, opts);
+    const ownerRoot = virtualRootOf(owner ?? void 0);
+    parentId = target.parentId === ownerRoot ? ownerId : `${ownerId}::${target.parentId}`;
+  }
+  const resolved = { ...target, ...overrides, id, parentId };
+  const refs = resolved.componentPropertyReferences;
+  let props = null;
+  if (refs?.characters || refs?.visible) {
+    props = effectiveComponentProperties(nodes, parts);
+    if (refs.characters && typeof props[refs.characters] === "string") resolved.characters = props[refs.characters];
+    if (refs.visible && typeof props[refs.visible] === "boolean") resolved.visible = props[refs.visible];
+  }
+  if (resolved.componentPropertyPaths || resolved.motion?.tracks) {
+    const shown = withPropertyPaths(resolved, props ?? effectiveComponentProperties(nodes, parts));
+    if (shown !== resolved) Object.assign(resolved, shown);
+  }
+  if (resolved.type === "INSTANCE" && instance.type === "INSTANCE") {
+    const ref = resolved.componentPropertyReferences?.mainComponent;
+    const v = ref ? instance.componentProperties?.[ref] : void 0;
+    if (typeof v === "string" && nodes[v]) resolved.mainComponentId = v;
+  }
+  if (opts?.layout !== false) {
+    const box = instanceChildBox(nodes, id);
+    if (box) {
+      resolved.x = box.x;
+      resolved.y = box.y;
+      resolved.width = box.width;
+      resolved.height = box.height;
+    }
+  }
+  return resolved;
+}
+function createDocument(name = "Untitled", settings) {
+  const pageId = v4_default();
+  const page = {
+    id: pageId,
+    name: "Page 1",
+    type: "PAGE",
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    backgroundColor: createColor(0.12, 0.12, 0.13)
+  };
+  return {
+    id: v4_default(),
+    name,
+    pages: [pageId],
+    nodes: {
+      [pageId]: page
+    },
+    ...settings ? { settings } : {}
+  };
+}
+function createPage(name = "New Page") {
+  return {
+    id: v4_default(),
+    name,
+    type: "PAGE",
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    backgroundColor: createColor(0.12, 0.12, 0.13)
+  };
+}
+function createRectangle(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Rectangle",
+    type: "RECTANGLE",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    ...props
+  };
+}
+function createEllipse(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Ellipse",
+    type: "ELLIPSE",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    ...props
+  };
+}
+function createSticky(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Sticky Note",
+    type: "STICKY",
+    x: 0,
+    y: 0,
+    width: 200,
+    height: 200,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    text: "",
+    authorName: "Unknown",
+    ...createDefaultSceneNodeProps(),
+    fills: [createSolidPaint(createColor(1, 0.9, 0.4, 1))],
+    // Default yellow sticky color
+    ...props
+  };
+}
+function createLine(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Line",
+    type: "LINE",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 0,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    fills: [],
+    // Lines typically have no fill
+    strokes: [{
+      color: createColor(0, 0, 0),
+      width: 2,
+      alignment: "CENTER",
+      cap: "ROUND",
+      join: "ROUND",
+      dashPattern: []
+    }],
+    startPoint: { x: 0, y: 0 },
+    endPoint: { x: 100, y: 0 },
+    ...props
+  };
+}
+function createArrow(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Arrow",
+    type: "ARROW",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 0,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    fills: [],
+    strokes: [{
+      color: createColor(0, 0, 0),
+      width: 2,
+      alignment: "CENTER",
+      cap: "ROUND",
+      join: "ROUND",
+      dashPattern: []
+    }],
+    startPoint: { x: 0, y: 0 },
+    endPoint: { x: 100, y: 0 },
+    startArrowhead: "NONE",
+    endArrowhead: "ARROW",
+    ...props
+  };
+}
+function createPolygon(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Polygon",
+    type: "POLYGON",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    pointCount: 3,
+    // triangle by default
+    ...props
+  };
+}
+function createStar(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Star",
+    type: "STAR",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    pointCount: 5,
+    innerRadius: 0.4,
+    ...props
+  };
+}
+function createSection(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Section",
+    type: "SECTION",
+    x: 0,
+    y: 0,
+    width: 400,
+    height: 300,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    backgroundColor: createColor(0.2, 0.2, 0.22),
+    ...props
+  };
+}
+function createSlice(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Slice",
+    type: "SLICE",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    exportSettings: [{
+      format: "PNG",
+      suffix: "",
+      scale: 1,
+      constraint: { type: "SCALE", value: 1 }
+    }],
+    ...props
+  };
+}
+function createFrame(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Frame",
+    type: "FRAME",
+    x: 0,
+    y: 0,
+    width: 375,
+    height: 667,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    fills: [createSolidPaint(createColor(1, 1, 1))],
+    clipsContent: true,
+    backgroundColor: createColor(1, 1, 1),
+    layoutMode: "NONE",
+    primaryAxisAlignItems: "MIN",
+    counterAxisAlignItems: "MIN",
+    padding: { top: 0, right: 0, bottom: 0, left: 0 },
+    itemSpacing: 0,
+    interactions: [],
+    overflowScrolling: "NONE",
+    isFlowStartingPoint: false,
+    ...props
+  };
+}
+function createText(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Text",
+    type: "TEXT",
+    x: 0,
+    y: 0,
+    width: 200,
+    height: 48,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    fills: [createSolidPaint(createColor(0, 0, 0))],
+    characters: "",
+    // New text starts at 40 (its box: one auto line, ~1.2× the size).
+    fontSize: 40,
+    fontFamily: "Inter",
+    fontWeight: 400,
+    fontStyle: "normal",
+    textAlign: "LEFT",
+    verticalAlign: "TOP",
+    lineHeight: "AUTO",
+    letterSpacing: 0,
+    paragraphSpacing: 0,
+    paragraphIndent: 0,
+    textDecoration: "NONE",
+    textCase: "ORIGINAL",
+    textAutoResize: "WIDTH_AND_HEIGHT",
+    interactions: [],
+    ...props
+  };
+}
+function createGroup(childIds = []) {
+  return {
+    id: v4_default(),
+    name: "Group",
+    type: "GROUP",
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds
+  };
+}
+function createVector(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Vector",
+    type: "VECTOR",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    paths: [],
+    fillRule: "NONZERO",
+    ...props
+  };
+}
+function createBoolean(operation, childIds = [], props = {}) {
+  return {
+    id: v4_default(),
+    name: `Boolean (${operation.toLowerCase()})`,
+    type: "BOOLEAN",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds,
+    ...createDefaultSceneNodeProps(),
+    booleanOperation: operation,
+    // Children are stored relative to this node, like a group's. The marker exists so the one-time
+    // migration in the store can tell an already-converted boolean from one written before the change.
+    booleanChildSpace: "LOCAL",
+    paths: [],
+    fillRule: "NONZERO",
+    ...props
+  };
+}
+function createPixelGrid(props = {}) {
+  const cell = props.cellSize ?? 10;
+  const pw = Math.max(1, Math.min(2048, Math.round(props.pixelWidth ?? (props.width ? props.width / cell : 32))));
+  const ph = Math.max(1, Math.min(2048, Math.round(props.pixelHeight ?? (props.height ? props.height / cell : 32))));
+  const { cellSize: _c, width: _w, height: _h, ...rest } = props;
+  return {
+    id: v4_default(),
+    name: "Pixel canvas",
+    type: "PIXEL_GRID",
+    x: 0,
+    y: 0,
+    width: pw * cell,
+    height: ph * cell,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    fills: [],
+    strokes: [],
+    pixelWidth: pw,
+    pixelHeight: ph,
+    colorMode: "RGBA",
+    palette: presetPalette("PICO-8"),
+    transparentIndex: 0,
+    frames: [{ id: v4_default(), cels: encodeCels(new Uint32Array(pw * ph)), duration: 100 }],
+    activeFrame: 0,
+    tags: [],
+    onionSkin: { enabled: false, prev: 1, next: 1, opacity: 0.35 },
+    tiledMode: "NONE",
+    ...rest
+  };
+}
+function createImage(imageUrl, props = {}) {
+  return {
+    id: v4_default(),
+    name: "Image",
+    type: "IMAGE",
+    x: 0,
+    y: 0,
+    width: 200,
+    height: 200,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    // Image nodes draw their imageUrl; a (default grey) fill would be drawn over it instead.
+    fills: [],
+    imageUrl,
+    scaleMode: "FILL",
+    ...props
+  };
+}
+function createRaster(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Paint layer",
+    type: "RASTER",
+    x: 0,
+    y: 0,
+    width: 1024,
+    height: 768,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    fills: [],
+    strokes: [],
+    pixelWidth: 1024,
+    pixelHeight: 768,
+    rasterTiles: {},
+    ...props
+  };
+}
+function createComponent(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Component",
+    type: "COMPONENT",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    componentPropertyDefinitions: {},
+    ...createDefaultSceneNodeProps(),
+    ...props
+  };
+}
+function createComponentSet(props = {}) {
+  return {
+    id: v4_default(),
+    name: "Component Set",
+    type: "COMPONENT_SET",
+    x: 0,
+    y: 0,
+    width: 200,
+    height: 200,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    componentPropertyDefinitions: {},
+    ...createDefaultSceneNodeProps(),
+    ...props
+  };
+}
+function createInstance(mainComponentId, props = {}) {
+  return {
+    id: v4_default(),
+    name: "Instance",
+    type: "INSTANCE",
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    rotation: 0,
+    opacity: 1,
+    visible: true,
+    locked: false,
+    parentId: null,
+    childIds: [],
+    ...createDefaultSceneNodeProps(),
+    mainComponentId,
+    overrides: {},
+    componentProperties: {},
+    ...props
+  };
+}
+function createInstanceOf(main, props = {}) {
+  const m = main;
+  return createInstance(main.id, {
+    name: main.name,
+    width: main.width,
+    height: main.height,
+    fills: m.fills ?? [],
+    strokes: m.strokes ?? [],
+    effects: m.effects ?? [],
+    cornerRadius: m.cornerRadius ?? 0,
+    ...props
+  });
+}
+function addNode(document, node, parentId) {
+  const parent = document.nodes[parentId];
+  if (!parent) {
+    console.error("Parent node not found:", parentId);
+    return document;
+  }
+  const updatedParent = {
+    ...parent,
+    childIds: [...parent.childIds, node.id]
+  };
+  const updatedNode = {
+    ...node,
+    parentId
+  };
+  return {
+    ...document,
+    nodes: {
+      ...document.nodes,
+      [parentId]: updatedParent,
+      [node.id]: updatedNode
+    }
+  };
+}
+function removeNode(document, nodeId) {
+  const node = document.nodes[nodeId];
+  if (!node) return document;
+  const newNodes = { ...document.nodes };
+  if (node.parentId) {
+    const parent = newNodes[node.parentId];
+    if (parent) {
+      newNodes[node.parentId] = {
+        ...parent,
+        childIds: parent.childIds.filter((id) => id !== nodeId)
+      };
+    }
+  }
+  function removeRecursive(id) {
+    const n = newNodes[id];
+    if (n && n.childIds) {
+      n.childIds.forEach(removeRecursive);
+    }
+    delete newNodes[id];
+  }
+  removeRecursive(nodeId);
+  return {
+    ...document,
+    nodes: newNodes
+  };
+}
+function updateNode(document, nodeId, updates) {
+  const node = document.nodes[nodeId];
+  if (!node) return document;
+  return {
+    ...document,
+    nodes: {
+      ...document.nodes,
+      [nodeId]: { ...node, ...updates }
+    }
+  };
+}
+function getDescendants(document, nodeId) {
+  const result = [];
+  const node = document.nodes[nodeId];
+  if (!node) return result;
+  function collectChildren(id) {
+    const n = document.nodes[id];
+    if (n) {
+      result.push(n);
+      n.childIds.forEach(collectChildren);
+    }
+  }
+  node.childIds.forEach(collectChildren);
+  return result;
+}
+function getAncestors(document, nodeId) {
+  const ancestors = [];
+  const node = document.nodes[nodeId];
+  if (!node) return ancestors;
+  let current = node;
+  while (current.parentId) {
+    const parent = document.nodes[current.parentId];
+    if (parent) {
+      ancestors.push(parent);
+      current = parent;
+    } else {
+      break;
+    }
+  }
+  return ancestors;
+}
+function applyConstraints(document, parentId, oldW, oldH, newW, newH) {
+  const parent = document.nodes[parentId];
+  if (!parent || !parent.childIds || parent.childIds.length === 0) return document;
+  if (oldW === 0 || oldH === 0) return document;
+  if (oldW === newW && oldH === newH) return document;
+  if (parent.layoutMode && parent.layoutMode !== "NONE") {
+    return document;
+  }
+  let newDoc = { ...document, nodes: { ...document.nodes } };
+  const deltaW = newW - oldW;
+  const deltaH = newH - oldH;
+  const scaleX = newW / oldW;
+  const scaleY = newH / oldH;
+  for (const childId of parent.childIds) {
+    const child = newDoc.nodes[childId];
+    if (!child) continue;
+    const hConstraint = child.constraints?.horizontal || "MIN";
+    const vConstraint = child.constraints?.vertical || "MIN";
+    let newX = child.x;
+    let newChildW = child.width;
+    let newY = child.y;
+    let newChildH = child.height;
+    switch (hConstraint) {
+      case "MIN":
+        break;
+      case "MAX":
+        newX += deltaW;
+        break;
+      case "CENTER":
+        newX += deltaW / 2;
+        break;
+      case "STRETCH":
+        newChildW = Math.max(1, newChildW + deltaW);
+        break;
+      case "SCALE":
+        newX *= scaleX;
+        newChildW = Math.max(1, newChildW * scaleX);
+        break;
+    }
+    switch (vConstraint) {
+      case "MIN":
+        break;
+      case "MAX":
+        newY += deltaH;
+        break;
+      case "CENTER":
+        newY += deltaH / 2;
+        break;
+      case "STRETCH":
+        newChildH = Math.max(1, newChildH + deltaH);
+        break;
+      case "SCALE":
+        newY *= scaleY;
+        newChildH = Math.max(1, newChildH * scaleY);
+        break;
+    }
+    if (newX !== child.x || newY !== child.y || newChildW !== child.width || newChildH !== child.height) {
+      newDoc.nodes[childId] = {
+        ...child,
+        x: newX,
+        y: newY,
+        width: newChildW,
+        height: newChildH
+      };
+      if (newChildW !== child.width || newChildH !== child.height) {
+        if ("childIds" in child && child.childIds && child.childIds.length > 0) {
+          newDoc = applyConstraints(newDoc, childId, child.width, child.height, newChildW, newChildH);
+        }
+      }
+    }
+  }
+  return newDoc;
+}
+function getRenderableNodes(document, pageId) {
+  const result = [];
+  function collectNodes(nodeId) {
+    const node = document.nodes[nodeId];
+    if (!node || !node.visible) return;
+    if (node.type !== "PAGE") {
+      result.push(node);
+    }
+    if (node.type === "PAGE") {
+      node.childIds.forEach(collectNodes);
+    }
+  }
+  collectNodes(pageId);
+  return result;
+}
+function moveNodeInZOrder(document, nodeId, direction) {
+  const node = document.nodes[nodeId];
+  if (!node || !node.parentId) return document;
+  const parent = document.nodes[node.parentId];
+  if (!parent) return document;
+  const siblings = [...parent.childIds];
+  const currentIndex = siblings.indexOf(nodeId);
+  if (currentIndex === -1) return document;
+  siblings.splice(currentIndex, 1);
+  let newIndex;
+  switch (direction) {
+    case "up":
+      newIndex = Math.min(currentIndex + 1, siblings.length);
+      break;
+    case "down":
+      newIndex = Math.max(currentIndex - 1, 0);
+      break;
+    case "top":
+      newIndex = siblings.length;
+      break;
+    case "bottom":
+      newIndex = 0;
+      break;
+  }
+  siblings.splice(newIndex, 0, nodeId);
+  return {
+    ...document,
+    nodes: {
+      ...document.nodes,
+      [node.parentId]: { ...parent, childIds: siblings }
+    }
+  };
+}
+function uprightBounds(t, width, height) {
+  const hw = width / 2 * t.scaleX, hh = height / 2 * t.scaleY;
+  return { minX: t.cx - hw, minY: t.cy - hh, maxX: t.cx + hw, maxY: t.cy + hh };
+}
+function unmirroredMatrix(t, width, height) {
+  return withoutFlips(t.matrix, t.flipX, t.flipY, width, height);
+}
+function lineShaftEnds(t, width) {
+  const hw = width / 2 * t.scaleX;
+  const cos = Math.cos(t.rotationRad), sin = Math.sin(t.rotationRad);
+  return [{ x: t.cx - hw * cos, y: t.cy - hw * sin }, { x: t.cx + hw * cos, y: t.cy + hw * sin }];
+}
+function place(outer, node, scroll) {
+  const local = localMatrix(node, false, scroll?.x ?? 0, scroll?.y ?? 0);
+  const flips = nodeFlips(node);
+  return {
+    m: outer === ROOT ? local : multiply(outer.m, local),
+    flipX: outer.flipX !== flips.flipX,
+    flipY: outer.flipY !== flips.flipY,
+    angle: outer.sense * ((node.rotation || 0) * Math.PI / 180) + outer.angle,
+    sense: flips.flipX === flips.flipY ? outer.sense : -outer.sense,
+    conformal: outer.conformal && Math.abs(restValue(node, "scaleX")) === Math.abs(restValue(node, "scaleY"))
+  };
+}
+function decomposed(outer, node, p) {
+  const [lx, ly] = localCentre(node);
+  const [cx, cy] = outer === ROOT ? [lx, ly] : apply(outer.m, lx, ly);
+  const q = decompose(withoutFlips(p.m, p.flipX, p.flipY, node.width, node.height));
+  return { cx, cy, rotationRad: p.conformal ? p.angle : q.rotation, flipX: p.flipX, flipY: p.flipY, scaleX: q.scaleX, scaleY: q.scaleY, matrix: p.m };
+}
+function detachedTransform(node) {
+  return decomposed(ROOT, node, place(ROOT, node));
+}
+function rootPlacement(m, outer) {
+  const mirrored = determinant(m) < 0;
+  const q = decompose(m);
+  const uniform = Math.abs(Math.abs(q.scaleX) - Math.abs(q.scaleY)) < 1e-9 && Math.abs(q.skew) < 1e-9;
+  return {
+    m: outer === ROOT ? m : multiply(m, outer.m),
+    flipX: outer.flipX !== mirrored,
+    flipY: outer.flipY,
+    angle: outer.angle + q.rotation,
+    sense: mirrored ? -outer.sense : outer.sense,
+    conformal: outer.conformal && uniform
+  };
+}
+function createResolver(nodes, scrollState, roots) {
+  const placed = /* @__PURE__ */ new Map();
+  const frames = /* @__PURE__ */ new Map();
+  const transforms = /* @__PURE__ */ new Map();
+  const rootFrames = /* @__PURE__ */ new Map();
+  const outerOf = (node) => {
+    const m = roots?.get(node.id);
+    if (!m) return frameOf(node.parentId);
+    let p = rootFrames.get(node.id);
+    if (!p) {
+      p = rootPlacement(m, frameOf(node.parentId));
+      rootFrames.set(node.id, p);
+    }
+    return p;
+  };
+  const placementOf = (id) => {
+    const cached = placed.get(id);
+    if (cached !== void 0) return cached;
+    const node = resolveVirtualNode(nodes, id);
+    const hit = node ? { node, p: place(outerOf(node), node) } : null;
+    placed.set(id, hit);
+    return hit;
+  };
+  function frameOf(containerId) {
+    if (!containerId) return ROOT;
+    const cached = frames.get(containerId);
+    if (cached) return cached;
+    const c = placementOf(containerId);
+    let frame = ROOT;
+    if (c && c.node.type !== "PAGE") {
+      const scroll = scrollState?.[c.node.id];
+      frame = scroll ? place(outerOf(c.node), c.node, scroll) : c.p;
+    }
+    frames.set(containerId, frame);
+    return frame;
+  }
+  return {
+    matrixOf: (id) => placementOf(id)?.p.m ?? IDENTITY,
+    transformOf: (id) => {
+      const cached = transforms.get(id);
+      if (cached) return cached;
+      const hit = placementOf(id);
+      if (!hit) return ZERO_TRANSFORM;
+      const t = decomposed(outerOf(hit.node), hit.node, hit.p);
+      transforms.set(id, t);
+      return t;
+    }
+  };
+}
+function createWorldMatrixResolver(nodes, scrollState) {
+  return createResolver(nodes, scrollState).matrixOf;
+}
+function createWorldTransformResolver(nodes, scrollState, roots) {
+  return createResolver(nodes, scrollState, roots).transformOf;
+}
+function cachedResolver(nodes) {
+  let r = resolverCache.get(nodes);
+  if (!r) {
+    r = createResolver(nodes);
+    resolverCache.set(nodes, r);
+  }
+  return r;
+}
+function getWorldTransform(document, nodeId, scrollState) {
+  return (scrollState ? createResolver(document.nodes, scrollState) : cachedResolver(document.nodes)).transformOf(nodeId);
+}
+function getWorldMatrix(document, nodeId, scrollState) {
+  return (scrollState ? createResolver(document.nodes, scrollState) : cachedResolver(document.nodes)).matrixOf(nodeId);
+}
+function placementUnder(document, nodeId, newParentId) {
+  const node = resolveVirtualNode(document.nodes, nodeId);
+  if (!node) return null;
+  const parent = resolveVirtualNode(document.nodes, newParentId);
+  const inv = !parent || parent.type === "PAGE" ? IDENTITY : invert(getWorldMatrix(document, newParentId));
+  if (!inv) return null;
+  const local = multiply(inv, getWorldMatrix(document, nodeId));
+  let flipH = !!node.flipHorizontal;
+  const flipV = !!node.flipVertical;
+  let m = withoutFlips(local, flipH, flipV, 0, 0);
+  if (determinant(m) < 0) {
+    flipH = !flipH;
+    m = withoutFlips(m, true, false, 0, 0);
+  }
+  const q = decompose(m);
+  const w = node.width, h = node.height;
+  const ax = restValue(node, "anchorX"), ay = restValue(node, "anchorY");
+  const [px, py] = apply(local, ax * w, ay * h);
+  const scale = (key, v) => {
+    const next = Math.abs(v - 1) < 1e-9 ? void 0 : v;
+    return next === void 0 && node[key] === void 0 ? {} : { [key]: next };
+  };
+  return {
+    x: px - ax * w - restValue(node, "translateX"),
+    y: py - ay * h - restValue(node, "translateY"),
+    rotation: nearestAngle(q.rotation * 180 / Math.PI, node.rotation || 0),
+    ...scale("scaleX", q.scaleX),
+    ...scale("scaleY", q.scaleY),
+    ...flipH !== !!node.flipHorizontal ? { flipHorizontal: flipH } : {}
+  };
+}
+function componentsDrawnBy(document, rootId) {
+  const out = /* @__PURE__ */ new Set();
+  const stack = [rootId];
+  const seen = /* @__PURE__ */ new Set();
+  while (stack.length) {
+    const id = stack.pop();
+    if (seen.has(id)) continue;
+    seen.add(id);
+    const n = document.nodes[id];
+    if (!n) continue;
+    if (n.type === "INSTANCE" && n.mainComponentId) {
+      const main = n.mainComponentId;
+      out.add(main);
+      stack.push(main);
+    }
+    if ("childIds" in n && n.childIds) for (const c of n.childIds) stack.push(c);
+  }
+  return out;
+}
+function wouldCreateCycle(document, nodeId, newParentId) {
+  if (nodeId === newParentId) return true;
+  const chain = [document.nodes[newParentId], ...getAncestors(document, newParentId)].filter(Boolean);
+  if (chain.some((a) => a.id === nodeId)) return true;
+  const drawn = componentsDrawnBy(document, nodeId);
+  if (!drawn.size) return false;
+  const enclosing = new Set(chain.filter((a) => a.type === "COMPONENT" || a.type === "COMPONENT_SET").map((a) => a.id));
+  for (const c of drawn) if (enclosing.has(c)) return true;
+  for (const c of drawn) {
+    const comp = document.nodes[c];
+    if (!comp) continue;
+    for (const a of [comp, ...getAncestors(document, c)]) if (enclosing.has(a.id)) return true;
+  }
+  return false;
+}
+function wrapInComponent(document, ids, fallbackParentId, name = "Component") {
+  const nodes = ids.map((id) => resolveVirtualNode(document.nodes, id)).filter(Boolean);
+  if (!nodes.length) return null;
+  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+  for (const n of nodes) {
+    const b = uprightBounds(getWorldTransform(document, n.id), n.width, n.height);
+    minX = Math.min(minX, b.minX);
+    minY = Math.min(minY, b.minY);
+    maxX = Math.max(maxX, b.maxX);
+    maxY = Math.max(maxY, b.maxY);
+  }
+  const top = nodes.filter((n) => !n.parentId || !ids.includes(n.parentId));
+  const parentId = (top[0] || nodes[0]).parentId ?? fallbackParentId;
+  const parentNode = document.nodes[parentId];
+  let x = minX, y = minY;
+  if (parentNode && parentNode.type !== "PAGE") {
+    const pw = getWorldTransform(document, parentId);
+    x = minX - (pw.cx - parentNode.width / 2);
+    y = minY - (pw.cy - parentNode.height / 2);
+  }
+  const component = createComponent({ x, y, width: maxX - minX, height: maxY - minY, name, fills: [], componentPropertyDefinitions: {} });
+  let doc = addNode(document, component, parentId);
+  for (const id of ids) {
+    if (!doc.nodes[id]) continue;
+    const placed = placementUnder(doc, id, component.id);
+    if (placed) doc = updateNode(doc, id, placed);
+    doc = reparentNode(doc, id, component.id);
+  }
+  return { document: doc, componentId: component.id };
+}
+function reparentNode(document, nodeId, newParentId, index) {
+  const node = document.nodes[nodeId];
+  if (!node) return document;
+  const newParent = document.nodes[newParentId];
+  if (!newParent) return document;
+  if (wouldCreateCycle(document, nodeId, newParentId)) return document;
+  const newNodes = { ...document.nodes };
+  const updatedOldParentChildIds = node.parentId && newNodes[node.parentId] ? newNodes[node.parentId].childIds.filter((id) => id !== nodeId) : [];
+  if (node.parentId && newNodes[node.parentId]) {
+    newNodes[node.parentId] = {
+      ...newNodes[node.parentId],
+      childIds: updatedOldParentChildIds
+    };
+  }
+  const targetParentChildIds = node.parentId === newParentId ? updatedOldParentChildIds : [...newParent.childIds];
+  if (index !== void 0) {
+    targetParentChildIds.splice(index, 0, nodeId);
+  } else {
+    targetParentChildIds.push(nodeId);
+  }
+  newNodes[newParentId] = {
+    ...newNodes[newParentId],
+    childIds: targetParentChildIds
+  };
+  newNodes[nodeId] = {
+    ...node,
+    parentId: newParentId
+  };
+  return {
+    ...document,
+    nodes: newNodes
+  };
+}
+function duplicateNode(document, nodeId, offset = { x: 10, y: 10 }) {
+  const node = document.nodes[nodeId];
+  if (!node || !node.parentId) {
+    return { document, newNodeId: "" };
+  }
+  function cloneNode(n) {
+    const newNode2 = {
+      ...n,
+      id: v4_default(),
+      name: `${n.name} Copy`,
+      x: n.x + offset.x,
+      y: n.y + offset.y,
+      childIds: []
+    };
+    const anyNode = newNode2;
+    if (Array.isArray(anyNode.cells)) anyNode.cells = anyNode.cells.map((row) => row.map((c) => ({ ...c })));
+    if (Array.isArray(anyNode.colWidths)) anyNode.colWidths = [...anyNode.colWidths];
+    if (Array.isArray(anyNode.rowHeights)) anyNode.rowHeights = [...anyNode.rowHeights];
+    return newNode2;
+  }
+  const newNode = cloneNode(node);
+  let doc = addNode(document, newNode, node.parentId);
+  function cloneChildren(originalId, newParentId) {
+    const original = document.nodes[originalId];
+    if (!original) return;
+    original.childIds.forEach((childId) => {
+      const child = document.nodes[childId];
+      if (child) {
+        const newChild = cloneNode(child);
+        newChild.x = child.x;
+        newChild.y = child.y;
+        doc = addNode(doc, newChild, newParentId);
+        cloneChildren(childId, newChild.id);
+      }
+    });
+  }
+  cloneChildren(nodeId, newNode.id);
+  return { document: doc, newNodeId: newNode.id };
+}
+function getNodeBounds(document, nodeId) {
+  const node = document.nodes[nodeId];
+  if (!node) return null;
+  if (node.childIds.length === 0) {
+    return {
+      x: node.x,
+      y: node.y,
+      width: node.width,
+      height: node.height
+    };
+  }
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  function updateBounds(n) {
+    minX = Math.min(minX, n.x);
+    minY = Math.min(minY, n.y);
+    maxX = Math.max(maxX, n.x + n.width);
+    maxY = Math.max(maxY, n.y + n.height);
+  }
+  if (node.type !== "PAGE" && node.type !== "GROUP") {
+    updateBounds(node);
+  }
+  const descendants = getDescendants(document, nodeId);
+  descendants.forEach(updateBounds);
+  if (minX === Infinity) return null;
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY
+  };
+}
+function getWorldRenderBounds(document, nodeId) {
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  function bleedFor(node) {
+    const scene = node;
+    let bleed = 0;
+    let maxStrokeW = 0;
+    for (const s of scene.strokes ?? []) {
+      const w = Array.isArray(s.width) ? Math.max(...s.width) : s.width;
+      maxStrokeW = Math.max(maxStrokeW, w || 0);
+      if (s.alignment === "OUTSIDE") bleed = Math.max(bleed, w);
+      else if (s.alignment === "CENTER") bleed = Math.max(bleed, w / 2);
+    }
+    if (node.type === "LINE" || node.type === "ARROW") {
+      if (node.type === "ARROW" && maxStrokeW === 0) maxStrokeW = 2;
+      bleed = Math.max(bleed, maxStrokeW / 2);
+      if (scene.startArrowhead && scene.startArrowhead !== "NONE" || scene.endArrowhead && scene.endArrowhead !== "NONE") {
+        bleed = Math.max(bleed, Math.max(8, maxStrokeW * 4));
+      }
+    }
+    for (const sh of shadowsOf(scene, document.styles)) {
+      if (sh.type !== "DROP_SHADOW") continue;
+      const reach = Math.max(Math.abs(sh.offset.x), Math.abs(sh.offset.y)) + sh.blur + sh.spread;
+      bleed = Math.max(bleed, reach);
+    }
+    for (const bl of blursOf(scene, document.styles)) {
+      if (bl.type === "LAYER") bleed = Math.max(bleed, bl.radius);
+    }
+    return bleed;
+  }
+  const world = cachedResolver(document.nodes);
+  function visit(id) {
+    const raw = document.nodes[id];
+    if (!raw || !raw.visible) return;
+    const node = resolveNodeVariables(raw, document.variables, document.variableCollections, document.activeVariableModes);
+    const m = world.matrixOf(id);
+    const b = aabbOf(m, node.width, node.height, bleedFor(node) * lengthScale(m));
+    minX = Math.min(minX, b.minX);
+    minY = Math.min(minY, b.minY);
+    maxX = Math.max(maxX, b.maxX);
+    maxY = Math.max(maxY, b.maxY);
+    const clips = "clipsContent" in node && node.clipsContent;
+    if (clips || node.type === "BOOLEAN") return;
+    const scene = scene3dOf(node);
+    if (scene) {
+      const frame = sceneFrame(scene, node.width, node.height);
+      const toWorld = mul4(mul4(fromAffine(m), frame.projection), frame.view);
+      for (const card of sceneLayers(document.nodes, id)) {
+        const pad = bleedFor(card.node);
+        for (const [x, y] of projectRect(mul4(toWorld, card.model), -pad, -pad, card.node.width + pad, card.node.height + pad)) {
+          minX = Math.min(minX, x);
+          minY = Math.min(minY, y);
+          maxX = Math.max(maxX, x);
+          maxY = Math.max(maxY, y);
+        }
+      }
+      return;
+    }
+    node.childIds.forEach(visit);
+  }
+  visit(nodeId);
+  if (minX === Infinity) return null;
+  return { minX, minY, maxX, maxY };
+}
+function gatherLineObstacles(document, line, startAbs, endAbs) {
+  const excluded = /* @__PURE__ */ new Set([line.id]);
+  for (const att of [line.connectorStart, line.connectorEnd]) {
+    if (att && att.nodeId && document.nodes[att.nodeId]) {
+      excluded.add(att.nodeId);
+      for (const a of getAncestors(document, att.nodeId)) excluded.add(a.id);
+      for (const d of getDescendants(document, att.nodeId)) excluded.add(d.id);
+    }
+  }
+  const margin = 160;
+  const rMinX = Math.min(startAbs.x, endAbs.x) - margin;
+  const rMaxX = Math.max(startAbs.x, endAbs.x) + margin;
+  const rMinY = Math.min(startAbs.y, endAbs.y) - margin;
+  const rMaxY = Math.max(startAbs.y, endAbs.y) + margin;
+  const rects = [];
+  for (const n of Object.values(document.nodes)) {
+    if (excluded.has(n.id) || n.visible === false || !OBSTACLE_TYPES.has(n.type)) continue;
+    const { minX: ax, minY: ay, maxX: bx, maxY: by } = aabbOf(getWorldMatrix(document, n.id), n.width, n.height);
+    if (bx < rMinX || ax > rMaxX || by < rMinY || ay > rMaxY) continue;
+    rects.push({ x: ax, y: ay, w: bx - ax, h: by - ay });
+    if (rects.length >= 40) break;
+  }
+  return rects;
+}
+function connectorIdsOf(nodes) {
+  let ids = connectorIdCache.get(nodes);
+  if (!ids) {
+    ids = [];
+    for (const id in nodes) {
+      const t = nodes[id].type;
+      if (t === "LINE" || t === "ARROW") ids.push(id);
+    }
+    connectorIdCache.set(nodes, ids);
+  }
+  return ids;
+}
+function carryConnectorIds(from, to) {
+  if (from === to) return;
+  const ids = connectorIdCache.get(from);
+  if (ids && !connectorIdCache.has(to)) connectorIdCache.set(to, ids);
+}
+function updateConnectors(document, movedNodeIds) {
+  const movedSet = new Set(movedNodeIds);
+  const stack = [...movedNodeIds];
+  while (stack.length) {
+    const n = document.nodes[stack.pop()];
+    if (n && Array.isArray(n.childIds)) {
+      for (const cid of n.childIds) if (!movedSet.has(cid)) {
+        movedSet.add(cid);
+        stack.push(cid);
+      }
+    }
+  }
+  const ids = connectorIdsOf(document.nodes);
+  if (ids.length === 0) return document;
+  const connectors = [];
+  for (const id of ids) {
+    const node = document.nodes[id];
+    if (node) connectors.push(node);
+  }
+  const affectedLineIds = /* @__PURE__ */ new Set();
+  for (const node of connectors) {
+    {
+      const line = node;
+      if (movedSet.has(line.id) || line.connectorStart && movedSet.has(line.connectorStart.nodeId) || line.connectorEnd && movedSet.has(line.connectorEnd.nodeId)) {
+        affectedLineIds.add(line.id);
+      }
+    }
+  }
+  const movedBoxes = [];
+  for (const id of movedSet) {
+    const n = document.nodes[id];
+    if (!n || n.type === "LINE" || n.type === "ARROW") continue;
+    const b = uprightBounds(getWorldTransform(document, id), n.width, n.height);
+    movedBoxes.push({ x0: b.minX, y0: b.minY, x1: b.maxX, y1: b.maxY });
+  }
+  if (movedBoxes.length) {
+    const M = 48;
+    for (const node of connectors) {
+      if (node.routingMode !== "ORTHOGONAL") continue;
+      if (affectedLineIds.has(node.id)) continue;
+      const rp = node.routingPoints;
+      if (!Array.isArray(rp) || rp.length === 0) continue;
+      let lx0 = Infinity, ly0 = Infinity, lx1 = -Infinity, ly1 = -Infinity;
+      for (const p of rp) {
+        lx0 = Math.min(lx0, p.x);
+        ly0 = Math.min(ly0, p.y);
+        lx1 = Math.max(lx1, p.x);
+        ly1 = Math.max(ly1, p.y);
+      }
+      for (const b of movedBoxes) {
+        if (lx1 >= b.x0 - M && lx0 <= b.x1 + M && ly1 >= b.y0 - M && ly0 <= b.y1 + M) {
+          affectedLineIds.add(node.id);
+          break;
+        }
+      }
+    }
+  }
+  if (affectedLineIds.size === 0) return document;
+  const newDoc = { ...document, nodes: { ...document.nodes } };
+  for (const lineId of affectedLineIds) {
+    const line = newDoc.nodes[lineId];
+    const [shaftA, shaftB] = lineShaftEnds(getWorldTransform(document, line.id), line.width);
+    const routed = (line.routingMode === "ORTHOGONAL" || line.routingMode === "BEZIER") && Array.isArray(line.routingPoints) && line.routingPoints.length >= 2;
+    let absA = routed ? { x: line.routingPoints[0].x, y: line.routingPoints[0].y } : shaftA;
+    let absB = routed ? { x: line.routingPoints[line.routingPoints.length - 1].x, y: line.routingPoints[line.routingPoints.length - 1].y } : shaftB;
+    const getTargetAbs = (attachment) => {
+      if (!attachment) return null;
+      const targetNode = newDoc.nodes[attachment.nodeId];
+      if (!targetNode) return null;
+      const a = getConnectorAnchorLocal(targetNode, attachment.position);
+      const [x, y] = apply(unmirroredMatrix(getWorldTransform(document, targetNode.id), targetNode.width, targetNode.height), a.x, a.y);
+      return { x, y };
+    };
+    const newA = getTargetAbs(line.connectorStart);
+    const newB = getTargetAbs(line.connectorEnd);
+    if (newA) absA = newA;
+    if (newB) absB = newB;
+    if (!newA && !newB) continue;
+    const inverseTransformPoint = (worldPt, parentId) => {
+      const parentNode = newDoc.nodes[parentId];
+      if (!parentNode || parentNode.type === "PAGE") return worldPt;
+      const inv = invert(getWorldMatrix(document, parentId));
+      if (!inv) return worldPt;
+      const [x, y] = apply(inv, worldPt.x, worldPt.y);
+      return { x, y };
+    };
+    let parentA = absA;
+    let parentB = absB;
+    if (line.parentId) {
+      parentA = inverseTransformPoint(absA, line.parentId);
+      parentB = inverseTransformPoint(absB, line.parentId);
+    }
+    const dx = parentB.x - parentA.x;
+    const dy = parentB.y - parentA.y;
+    const newWidth = Math.hypot(dx, dy);
+    const newRotation = Math.atan2(dy, dx) * 180 / Math.PI;
+    const updatedLine = {
+      ...line,
+      width: newWidth,
+      rotation: newRotation,
+      x: (parentA.x + parentB.x) / 2 - newWidth / 2,
+      y: (parentA.y + parentB.y) / 2 - Math.max(line.strokeWeight || 1, 2) / 2,
+      height: Math.max(line.strokeWeight || 1, 2)
+    };
+    if (line.routingMode === "ORTHOGONAL" || line.routingMode === "BEZIER") {
+      const getDir = (attach, defaultDir) => {
+        if (!attach) return defaultDir;
+        return connectorPositionDir(attach.position);
+      };
+      const sDir = getDir(line.connectorStart, "CENTER");
+      const eDir = getDir(line.connectorEnd, "CENTER");
+      const routeOpts = {
+        startPos: absA,
+        endPos: absB,
+        startDir: sDir,
+        endDir: eDir
+      };
+      if (line.routingMode === "ORTHOGONAL") {
+        routeOpts.obstacles = gatherLineObstacles(newDoc, line, absA, absB);
+      }
+      const pts = line.routingMode === "BEZIER" ? calculateBezierPath(routeOpts) : calculateOrthogonalPath(routeOpts);
+      updatedLine.routingPoints = pts;
+      if (pts.length > 0) {
+        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+        for (const p of pts) {
+          minX = Math.min(minX, p.x);
+          minY = Math.min(minY, p.y);
+          maxX = Math.max(maxX, p.x);
+          maxY = Math.max(maxY, p.y);
+        }
+        const originLocal = line.parentId ? inverseTransformPoint({ x: minX, y: minY }, line.parentId) : { x: minX, y: minY };
+        updatedLine.width = Math.max(1, maxX - minX);
+        updatedLine.height = Math.max(1, maxY - minY);
+        updatedLine.x = originLocal.x;
+        updatedLine.y = originLocal.y;
+        updatedLine.rotation = 0;
+      }
+    } else {
+      updatedLine.routingPoints = void 0;
+    }
+    newDoc.nodes[lineId] = updatedLine;
+  }
+  carryConnectorIds(document.nodes, newDoc.nodes);
+  return newDoc;
+}
+var ZERO_TRANSFORM, ROOT, resolverCache, OBSTACLE_TYPES, connectorIdCache;
+var init_scene_graph = __esm({
+  "lib/document/scene-graph.ts"() {
+    init_define_POPCRAFT_COMPONENT_IDS();
+    init_dist_node();
+    init_effects();
+    init_variables();
+    init_instances();
+    init_instance_layout();
+    init_cells();
+    init_palettes();
+    init_transform();
+    init_types();
+    init_scene3d();
+    init_transform3d();
+    init_routing();
+    init_shape_outline();
+    ZERO_TRANSFORM = { cx: 0, cy: 0, rotationRad: 0, flipX: false, flipY: false, scaleX: 1, scaleY: 1, matrix: IDENTITY };
+    ROOT = { m: IDENTITY, flipX: false, flipY: false, angle: 0, sense: 1, conformal: true };
+    resolverCache = /* @__PURE__ */ new WeakMap();
+    setVirtualResolver(resolveVirtualNode);
+    OBSTACLE_TYPES = /* @__PURE__ */ new Set([
+      "FRAME",
+      "RECTANGLE",
+      "ELLIPSE",
+      "POLYGON",
+      "STAR",
+      "TEXT",
+      "VECTOR",
+      "BOOLEAN",
+      "TABLE",
+      "COMPONENT",
+      "COMPONENT_SET",
+      "INSTANCE",
+      "STICKY",
+      "IMAGE"
+    ]);
+    connectorIdCache = /* @__PURE__ */ new WeakMap();
+    setSceneApi({ resolve: resolveVirtualNode, childId: virtualChildId, rootOf: virtualRootOf });
+  }
+});
+
+// lib/document/print-pages.ts
+var print_pages_exports = {};
+__export(print_pages_exports, {
+  addHeaderFooterToMaster: () => addHeaderFooterToMaster,
+  assignMaster: () => assignMaster,
+  createMasterPage: () => createMasterPage,
+  createPrintPage: () => createPrintPage,
+  currentPrintPage: () => currentPrintPage,
+  documentFromPreset: () => documentFromPreset,
+  effectiveMasterId: () => effectiveMasterId,
+  foldGuides: () => foldGuides,
+  foldGuidesAt: () => foldGuidesAt,
+  foldsOn: () => foldsOn,
+  isFixedPageKind: () => isFixedPageKind,
+  isMasterPage: () => isMasterPage,
+  isPrintPage: () => isPrintPage,
+  jobPageSize: () => jobPageSize,
+  listMasterPages: () => listMasterPages,
+  listPrintPages: () => listPrintPages,
+  pagePosition: () => pagePosition,
+  placePrintPages: () => placePrintPages,
+  printPageOf: () => printPageOf,
+  reorderPrintPages: () => reorderPrintPages,
+  settingsFromPreset: () => settingsFromPreset
+});
+function listPrintPages(doc, pageId) {
+  const page = doc.nodes[pageId];
+  if (!page) return [];
+  return ordered(page.childIds.map((id) => doc.nodes[id]).filter(isPrintPage));
+}
+function listMasterPages(doc, pageId) {
+  const page = doc.nodes[pageId];
+  if (!page) return [];
+  return ordered(page.childIds.map((id) => doc.nodes[id]).filter(isMasterPage));
+}
+function printPageOf(nodes, nodeId) {
+  let cur = nodes[nodeId.includes("::") ? nodeId.split("::")[0] : nodeId];
+  while (cur && cur.type !== "PAGE") {
+    if (cur.type === "FRAME" && cur.print?.isPrintPage) return cur;
+    cur = cur.parentId ? nodes[cur.parentId] : void 0;
+  }
+  return null;
+}
+function currentPrintPage(doc, pageId, o = {}) {
+  const pages = listPrintPages(doc, pageId);
+  if (!pages.length) return null;
+  for (const id of o.selection ?? []) {
+    const owner = printPageOf(doc.nodes, id);
+    if (owner && pages.some((p) => p.id === owner.id)) return owner;
+  }
+  const c = o.centre;
+  if (c) {
+    const inside = pages.find((p) => c.x >= p.x && c.x <= p.x + p.width && c.y >= p.y && c.y <= p.y + p.height);
+    if (inside) return inside;
+    let best = pages[0], bestD = Infinity;
+    for (const p of pages) {
+      const dx = Math.max(p.x - c.x, 0, c.x - (p.x + p.width));
+      const dy = Math.max(p.y - c.y, 0, c.y - (p.y + p.height));
+      const d = dx * dx + dy * dy;
+      if (d < bestD) {
+        bestD = d;
+        best = p;
+      }
+    }
+    return best;
+  }
+  return pages[0];
+}
+function jobPageSize(doc) {
+  const size = doc.settings?.pageSize;
+  if (!size) return void 0;
+  const preset = presetById(size.presetId);
+  const of = preset?.sheetOf ? presetById(preset.sheetOf.presetId) : void 0;
+  if (of) {
+    const px = presetPx(of);
+    return { width: px.width, height: px.height };
+  }
+  return { width: size.width, height: size.height };
+}
+function settingsFromPreset(preset) {
+  const px = presetPx(preset);
+  const s = {
+    kind: kindForCategory(preset.category),
+    pageSize: { width: px.width, height: px.height, presetId: preset.id }
+  };
+  if (preset.unit !== "px") s.units = preset.unit;
+  if (preset.dpi) s.dpi = preset.dpi;
+  if (px.bleed) s.bleed = edges(px.bleed);
+  if (px.margin) s.margins = edges(px.margin);
+  return s;
+}
+function pagePosition(index, size, facing) {
+  if (!facing) return { x: index * (size.width + gutter(size.width)), y: 0 };
+  const spread = Math.ceil(index / 2);
+  const right = index % 2 === 0;
+  return { x: right ? size.width : 0, y: spread * (size.height + gutter(size.width)) };
+}
+function placePrintPages(doc, pageId) {
+  const patches = {};
+  const facing = doc.settings?.facingPages;
+  const place2 = (frames, at) => frames.forEach((f, i) => {
+    const p = at(i, f);
+    if (f.x !== p.x || f.y !== p.y) patches[f.id] = { ...patches[f.id] ?? {}, ...p };
+  });
+  place2(listPrintPages(doc, pageId), (i, f) => pagePosition(i, f, facing));
+  place2(listMasterPages(doc, pageId), (i, f) => masterPosition(i, f));
+  return patches;
+}
+function foldGuides(preset, width, height) {
+  if (!preset.folds) return [];
+  const span = preset.folds.axis === "X" ? width : height;
+  return preset.folds.at.map((t) => ({ id: v4_default(), axis: preset.folds.axis, pos: Math.round(t * span), kind: "FOLD" }));
+}
+function foldGuidesAt(preset, frame) {
+  if (!preset?.folds) return [];
+  return foldGuides(preset, frame.width, frame.height).map((g) => ({ ...g, pos: g.pos + (g.axis === "X" ? frame.x : frame.y) }));
+}
+function createPrintPage(doc, pageId, opts = {}) {
+  const existing = listPrintPages(doc, pageId);
+  const preset = opts.preset ?? presetById(doc.settings?.pageSize?.presetId);
+  const size = preset ? presetPx(preset) : { width: doc.settings?.pageSize?.width ?? 816, height: doc.settings?.pageSize?.height ?? 1056 };
+  const index = existing.length;
+  const last = existing[existing.length - 1];
+  const frame = createFrame({
+    name: opts.name ?? `Page ${index + 1}`,
+    ...pagePosition(index, size, doc.settings?.facingPages),
+    width: size.width,
+    height: size.height,
+    fills: [{ type: "SOLID", color: createColor(1, 1, 1), opacity: 1, visible: true }],
+    clipsContent: true,
+    print: { isPrintPage: true, index, ...last?.print?.masterId ? { masterId: last.print.masterId } : {} }
+  });
+  frame.parentId = pageId;
+  return frame;
+}
+function createMasterPage(doc, pageId, opts = {}) {
+  const masters = listMasterPages(doc, pageId);
+  const preset = presetById(doc.settings?.pageSize?.presetId);
+  const size = preset ? presetPx(preset) : { width: doc.settings?.pageSize?.width ?? 816, height: doc.settings?.pageSize?.height ?? 1056 };
+  const index = masters.length;
+  const frame = createFrame({
+    name: opts.name ?? `${MASTER_NAMES[index % MASTER_NAMES.length]}-Master`,
+    ...masterPosition(index, size),
+    width: size.width,
+    height: size.height,
+    fills: [{ type: "SOLID", color: createColor(1, 1, 1), opacity: 1, visible: true }],
+    clipsContent: true,
+    print: { isPrintPage: true, isMaster: true, index }
+  });
+  frame.parentId = pageId;
+  return frame;
+}
+function assignMaster(doc, pageIds, masterId) {
+  const patches = {};
+  if (masterId && !isMasterPage(doc.nodes[masterId])) return patches;
+  for (const id of pageIds) {
+    const f = doc.nodes[id];
+    if (!isPrintPage(f) || (f.print.masterId ?? void 0) === masterId) continue;
+    const { masterId: _drop, ...rest } = f.print;
+    patches[id] = { print: masterId ? { ...rest, masterId } : rest };
+  }
+  return patches;
+}
+function effectiveMasterId(doc, frame) {
+  const print = frame.print;
+  if (!print || print.isMaster || !frame.parentId) return void 0;
+  const pages = listPrintPages(doc, frame.parentId);
+  const index = pages.findIndex((p) => p.id === frame.id);
+  if (index < 0) return print.masterId;
+  if (index === 0 && print.masterIdFirst && isMasterPage(doc.nodes[print.masterIdFirst])) return print.masterIdFirst;
+  if (doc.settings?.facingPages && index >= 0) {
+    const isRight = (index + 1) % 2 === 1;
+    if (!isRight && print.masterIdLeft && isMasterPage(doc.nodes[print.masterIdLeft])) return print.masterIdLeft;
+    if (isRight && print.masterIdRight && isMasterPage(doc.nodes[print.masterIdRight])) return print.masterIdRight;
+  }
+  return print.masterId;
+}
+function addHeaderFooterToMaster(doc, masterId, kind) {
+  const master = doc.nodes[masterId];
+  if (!isMasterPage(master)) return null;
+  const margin = 36;
+  const height = 24;
+  const y = kind === "header" ? margin : Math.max(margin, master.height - margin - height);
+  const text = createText({
+    name: kind === "header" ? "Header" : "Footer",
+    x: margin,
+    y,
+    width: Math.max(40, master.width - margin * 2),
+    height,
+    characters: kind === "footer" ? "{{page}}" : "Header",
+    fontSize: 10,
+    textAlign: kind === "footer" ? "CENTER" : "LEFT"
+  });
+  const next = addNode(doc, text, masterId);
+  const band = kind === "header" ? { headerHeight: margin + height + 8 } : { footerHeight: margin + height + 8 };
+  const updated = {
+    ...next,
+    nodes: {
+      ...next.nodes,
+      [masterId]: {
+        ...next.nodes[masterId],
+        print: { ...next.nodes[masterId].print, ...band }
+      }
+    }
+  };
+  return { doc: updated, textId: text.id };
+}
+function reorderPrintPages(doc, pageId, orderedIds) {
+  const current = listPrintPages(doc, pageId);
+  const rest = current.map((f) => f.id).filter((id) => !orderedIds.includes(id));
+  const patches = {};
+  [...orderedIds, ...rest].forEach((id, index) => {
+    const f = doc.nodes[id];
+    if (isPrintPage(f) && f.print.index !== index) patches[id] = { print: { ...f.print, index } };
+  });
+  const renumbered = { ...doc, nodes: { ...doc.nodes } };
+  for (const id in patches) renumbered.nodes[id] = { ...doc.nodes[id], ...patches[id] };
+  const placed = placePrintPages(renumbered, pageId);
+  for (const id in placed) patches[id] = { ...patches[id] ?? {}, ...placed[id] };
+  return patches;
+}
+function documentFromPreset(name, preset) {
+  const doc = createDocument(name, settingsFromPreset(preset));
+  const pageId = doc.pages[0];
+  const first = createPrintPage(doc, pageId, { preset, name: isFixedPageKind(doc.settings?.kind) ? "Page 1" : preset.name });
+  if (!isFixedPageKind(doc.settings?.kind)) delete first.print;
+  const page = doc.nodes[pageId];
+  doc.nodes[first.id] = first;
+  doc.nodes[pageId] = { ...page, childIds: [...page.childIds, first.id] };
+  const guides = foldGuides(preset, first.width, first.height).map((g) => ({ ...g, pos: g.pos + (g.axis === "X" ? first.x : first.y) }));
+  if (guides.length) doc.nodes[pageId].guides = guides;
+  return doc;
+}
+var isFixedPageKind, isPrintPage, isMasterPage, ordered, edges, gutter, masterPosition, foldsOn, MASTER_NAMES;
+var init_print_pages = __esm({
+  "lib/document/print-pages.ts"() {
+    init_define_POPCRAFT_COMPONENT_IDS();
+    init_dist_node();
+    init_scene_graph();
+    init_types();
+    init_page_presets();
+    isFixedPageKind = (kind) => kind === "PRINT" || kind === "SOCIAL" || kind === "PRESENTATION" || kind === "EMAIL";
+    isPrintPage = (n) => !!n && n.type === "FRAME" && !!n.print?.isPrintPage && !n.print?.isMaster;
+    isMasterPage = (n) => !!n && n.type === "FRAME" && !!n.print?.isMaster;
+    ordered = (frames) => frames.map((f, i) => ({ f, i })).sort((a, b) => (a.f.print.index ?? Infinity) - (b.f.print.index ?? Infinity) || a.f.y - b.f.y || a.f.x - b.f.x || a.i - b.i).map((x) => x.f);
+    edges = (v) => ({ top: v, right: v, bottom: v, left: v });
+    gutter = (w) => Math.round(w * 0.15);
+    masterPosition = (index, size) => ({
+      x: index * (size.width + gutter(size.width)),
+      y: -(size.height + 2 * gutter(size.width))
+    });
+    foldsOn = (guides, frame) => (guides ?? []).filter((g) => g.kind === "FOLD" && (g.axis === "X" ? g.pos >= frame.x && g.pos <= frame.x + frame.width : g.pos >= frame.y && g.pos <= frame.y + frame.height));
+    MASTER_NAMES = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+  }
+});
+
+export {
+  calculateOrthogonalPath,
+  trimPolyline,
+  calculateBezierPath,
+  init_routing,
+  flattenPaths,
+  init_flatten,
+  glyphLinear,
+  init_glyph_linear,
+  glyphOutline,
+  glyphInstancesToRings,
+  init_text_rings,
+  shapeToRings,
+  init_shape_outline,
+  isFixedPageKind,
+  isPrintPage,
+  isMasterPage,
+  listPrintPages,
+  listMasterPages,
+  printPageOf,
+  currentPrintPage,
+  jobPageSize,
+  settingsFromPreset,
+  pagePosition,
+  placePrintPages,
+  foldGuides,
+  foldGuidesAt,
+  foldsOn,
+  createPrintPage,
+  createMasterPage,
+  assignMaster,
+  effectiveMasterId,
+  addHeaderFooterToMaster,
+  reorderPrintPages,
+  documentFromPreset,
+  init_print_pages,
+  virtualRootOf,
+  virtualChildId,
+  chainOverrides,
+  resolveVirtualNode,
+  createDocument,
+  createPage,
+  createRectangle,
+  createEllipse,
+  createSticky,
+  createLine,
+  createArrow,
+  createPolygon,
+  createStar,
+  createSection,
+  createSlice,
+  createFrame,
+  createText,
+  createGroup,
+  createVector,
+  createBoolean,
+  createPixelGrid,
+  createImage,
+  createRaster,
+  createComponent,
+  createComponentSet,
+  createInstance,
+  createInstanceOf,
+  addNode,
+  removeNode,
+  updateNode,
+  getDescendants,
+  getAncestors,
+  applyConstraints,
+  getRenderableNodes,
+  moveNodeInZOrder,
+  uprightBounds,
+  unmirroredMatrix,
+  lineShaftEnds,
+  detachedTransform,
+  createWorldMatrixResolver,
+  createWorldTransformResolver,
+  getWorldTransform,
+  getWorldMatrix,
+  placementUnder,
+  componentsDrawnBy,
+  wouldCreateCycle,
+  wrapInComponent,
+  reparentNode,
+  duplicateNode,
+  getNodeBounds,
+  getWorldRenderBounds,
+  gatherLineObstacles,
+  connectorIdsOf,
+  carryConnectorIds,
+  updateConnectors,
+  init_scene_graph
+};