@pixerate/editor 0.54.0 → 0.55.0

package/dist/canvas/index.cjs

@@ -4,6 +4,7 @@
 
 
 
+var _chunkK2UYKJ6Mcjs = require('../chunk-K2UYKJ6M.cjs');
 
 
 
@@ -12,8 +13,10 @@
 
 
 
+var _chunkMLREO6J3cjs = require('../chunk-MLREO6J3.cjs');
 
 
+var _chunkH5K77C7Ycjs = require('../chunk-H5K77C7Y.cjs');
 
 
 
@@ -28,9 +31,11 @@
 
 
 
+var _chunkWADCJ7A7cjs = require('../chunk-WADCJ7A7.cjs');
 
 
 
+var _chunk26BVFKHUcjs = require('../chunk-26BVFKHU.cjs');
 
 
 
@@ -87,10 +92,8 @@
 
 
 
-var _chunkYNSK4MGTcjs = require('../chunk-YNSK4MGT.cjs');
 
 
-var _chunkH5K77C7Ycjs = require('../chunk-H5K77C7Y.cjs');
 
 
 
@@ -105,18 +108,17 @@ var _chunkH5K77C7Ycjs = require('../chunk-H5K77C7Y.cjs');
 
 
 
-var _chunkWADCJ7A7cjs = require('../chunk-WADCJ7A7.cjs');
 
 
 
-var _chunk26BVFKHUcjs = require('../chunk-26BVFKHU.cjs');
 
 
 
 
 
 
-var _chunkK2UYKJ6Mcjs = require('../chunk-K2UYKJ6M.cjs');
+
+var _chunkO2UH7LZEcjs = require('../chunk-O2UH7LZE.cjs');
 
 
 
@@ -139,6 +141,7 @@ var _chunkO4ONBPZWcjs = require('../chunk-O4ONBPZW.cjs');
 var _chunkMR3Z4OQIcjs = require('../chunk-MR3Z4OQI.cjs');
 
 
+var _chunkA6PHCAGXcjs = require('../chunk-A6PHCAGX.cjs');
 
 
 
@@ -151,10 +154,9 @@ var _chunkMR3Z4OQIcjs = require('../chunk-MR3Z4OQI.cjs');
 
 
 
-var _chunkXZ4L3R4Kcjs = require('../chunk-XZ4L3R4K.cjs');
 
 
-var _chunkA6PHCAGXcjs = require('../chunk-A6PHCAGX.cjs');
+var _chunkXZ4L3R4Kcjs = require('../chunk-XZ4L3R4K.cjs');
 
 // src/canvas/trajectory.ts
 var defaultEasing = (t) => --t * t * t + 1;
@@ -410,7 +412,7 @@ function calculateDirectionalDisplacement(params) {
   }
   if (spreadSiblingLanes && (direction === "right" || direction === "left")) {
     for (const [nodeId, pos] of displacedMap.entries()) {
-      const node = existingNodes.find((n2) => n2.id === nodeId);
+      const node = existingNodes.find((n3) => n3.id === nodeId);
       if (node && Math.abs(node.position.y - originNode.position.y) < siblingTolerance) {
         const isAbove = node.position.y < originNode.position.y;
         displacedMap.set(nodeId, {
@@ -444,12 +446,12 @@ function calculateDagreReflowDisplacement(params) {
     defaultNodeWidth = 200,
     defaultNodeHeight = 60
   } = options;
-  const anchorNode = currentNodes.find((n2) => n2.id === anchorNodeId);
+  const anchorNode = currentNodes.find((n3) => n3.id === anchorNodeId);
   if (!anchorNode) return /* @__PURE__ */ new Map();
   const g = new _dagre2.default.graphlib.Graph();
   g.setDefaultEdgeLabel(() => ({}));
   g.setGraph({ rankdir: direction, ranksep, nodesep });
-  const nodeIds = new Set(futureNodes.map((n2) => n2.id));
+  const nodeIds = new Set(futureNodes.map((n3) => n3.id));
   futureNodes.forEach((node) => {
     const nodeWidth = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _14 => _14.measured, 'optionalAccess', _15 => _15.width]), () => ( node.width)), () => ( defaultNodeWidth));
     const nodeHeight = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _16 => _16.measured, 'optionalAccess', _17 => _17.height]), () => ( node.height)), () => ( defaultNodeHeight));
@@ -578,15 +580,15 @@ function remapPastedNodes(nodes, edges = [], offset = { x: 30, y: 30 }, idGenera
 }
 function repositionNodesTo(nodes, targetOrigin) {
   if (nodes.length === 0) return [];
-  const minX = Math.min(...nodes.map((n2) => n2.position.x));
-  const minY = Math.min(...nodes.map((n2) => n2.position.y));
+  const minX = Math.min(...nodes.map((n3) => n3.position.x));
+  const minY = Math.min(...nodes.map((n3) => n3.position.y));
   const deltaX = targetOrigin.x - minX;
   const deltaY = targetOrigin.y - minY;
-  return nodes.map((n2) => ({
-    ...n2,
+  return nodes.map((n3) => ({
+    ...n3,
     position: {
-      x: n2.position.x + deltaX,
-      y: n2.position.y + deltaY
+      x: n3.position.x + deltaX,
+      y: n3.position.y + deltaY
     }
   }));
 }
@@ -629,7 +631,7 @@ function mix(a, b, t) {
 }
 function blendLayout(from, to, t) {
   if (t >= 1) return to;
-  const fromMap = new Map(from.map((n2) => [n2.id, n2]));
+  const fromMap = new Map(from.map((n3) => [n3.id, n3]));
   return to.map((target) => {
     const origin = fromMap.get(target.id);
     if (!origin) return target;
@@ -857,7 +859,7 @@ function getAbsolutePosition(node, lookup) {
   return { x, y };
 }
 function createNodeLookup(nodes) {
-  return new Map(nodes.map((n2) => [n2.id, n2]));
+  return new Map(nodes.map((n3) => [n3.id, n3]));
 }
 function getNodeRect(node, lookup, options) {
   const { x, y } = node.parentId && lookup ? getAbsolutePosition(node, lookup) : node.position;
@@ -900,7 +902,7 @@ function unlockNodes(nodes, ids) {
 }
 function toggleLockNodes(nodes, ids) {
   const idSet = new Set(ids);
-  const anyUnlocked = nodes.some((n2) => idSet.has(n2.id) && !isLocked(n2));
+  const anyUnlocked = nodes.some((n3) => idSet.has(n3.id) && !isLocked(n3));
   return anyUnlocked ? lockNodes(nodes, idSet) : unlockNodes(nodes, idSet);
 }
 function collect(nodes, ids, options) {
@@ -972,7 +974,7 @@ function distributeAxis(items, horizontal, mode, gapOverride, targets) {
   );
   const first = sorted[0].rect;
   const last = sorted[sorted.length - 1].rect;
-  const n2 = sorted.length;
+  const n3 = sorted.length;
   const set = (item, value) => {
     if (item.locked) return;
     const current = _nullishCoalesce(targets.get(item.node.id), () => ( { x: item.rect.x, y: item.rect.y }));
@@ -981,13 +983,13 @@ function distributeAxis(items, horizontal, mode, gapOverride, targets) {
   if (mode === "centres") {
     const c0 = start(first) + size(first) / 2;
     const c1 = start(last) + size(last) / 2;
-    const step = (c1 - c0) / (n2 - 1);
+    const step = (c1 - c0) / (n3 - 1);
     sorted.forEach((item, i) => set(item, c0 + step * i - size(item.rect) / 2));
     return;
   }
   const span = start(last) + size(last) - start(first);
   const total = sorted.reduce((sum, item) => sum + size(item.rect), 0);
-  const gap = _nullishCoalesce(gapOverride, () => ( (span - total) / (n2 - 1)));
+  const gap = _nullishCoalesce(gapOverride, () => ( (span - total) / (n3 - 1)));
   let cursor = start(first);
   for (const item of sorted) {
     set(item, cursor);
@@ -1049,18 +1051,18 @@ function reorderNodes(nodes, ids, operation, options = {}) {
   }
   const updates = [];
   for (const siblings of groups.values()) {
-    if (!siblings.some((n2) => targetIds.has(n2.id))) continue;
+    if (!siblings.some((n3) => targetIds.has(n3.id))) continue;
     const order = siblings.map((node, index) => ({ node, index, z: typeof node.zIndex === "number" ? node.zIndex : 0 })).sort((a, b) => a.z - b.z || a.index - b.index).map((entry) => entry.node);
-    const isTarget = (n2) => targetIds.has(n2.id);
+    const isTarget = (n3) => targetIds.has(n3.id);
     let next;
     if (operation === "bringToFront") {
-      next = [...order.filter((n2) => !isTarget(n2)), ...order.filter(isTarget)];
+      next = [...order.filter((n3) => !isTarget(n3)), ...order.filter(isTarget)];
     } else if (operation === "sendToBack") {
-      next = [...order.filter(isTarget), ...order.filter((n2) => !isTarget(n2))];
+      next = [...order.filter(isTarget), ...order.filter((n3) => !isTarget(n3))];
     } else {
       next = [...order];
       const forward = operation === "bringForward";
-      const rects = new Map(next.map((n2) => [n2.id, getNodeRect(n2, lookup, options)]));
+      const rects = new Map(next.map((n3) => [n3.id, getNodeRect(n3, lookup, options)]));
       const intersects = (a, b) => a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y;
       const indices = next.map((_, i) => i);
       if (forward) indices.reverse();
@@ -1377,7 +1379,7 @@ function createNodeGuideIndex(nodes, draggingIds, options = {}) {
 function snapNodeDrag(nodes, draggingIds, options = {}) {
   const ids = new Set(draggingIds);
   const lookup = createNodeLookup(nodes);
-  const dragged = [...ids].map((id) => lookup.get(id)).filter((n2) => !!n2);
+  const dragged = [...ids].map((id) => lookup.get(id)).filter((n3) => !!n3);
   const empty = {
     position: { x: 0, y: 0 },
     offset: { x: 0, y: 0 },
@@ -1387,7 +1389,7 @@ function snapNodeDrag(nodes, draggingIds, options = {}) {
     updates: []
   };
   if (dragged.length === 0) return empty;
-  const bounds = _chunkWADCJ7A7cjs.boundsOf.call(void 0, dragged.map((n2) => getNodeRect(n2, lookup, options)));
+  const bounds = _chunkWADCJ7A7cjs.boundsOf.call(void 0, dragged.map((n3) => getNodeRect(n3, lookup, options)));
   const index = _nullishCoalesce(options.index, () => ( createNodeGuideIndex(nodes, ids, options)));
   const result = computeSnapGuides(bounds, index, options);
   const { x: dx, y: dy } = result.offset;
@@ -1598,9 +1600,9 @@ var CanvasScenesStore = (_class2 = class {
   /** First unused "Scene N" name. */
   nextDefaultName() {
     const names = new Set(this.scenes.map((s) => s.name));
-    let n2 = this.scenes.length + 1;
-    while (names.has(`Scene ${n2}`)) n2 += 1;
-    return `Scene ${n2}`;
+    let n3 = this.scenes.length + 1;
+    while (names.has(`Scene ${n3}`)) n3 += 1;
+    return `Scene ${n3}`;
   }
   /**
    * Adds a scene (appended, or inserted at `index`) and makes it current.
@@ -1732,7 +1734,7 @@ function fitViewportToRect(rect2, size, options = {}) {
 function fitViewportToNodes(nodes, size, ids, options = {}) {
   const lookup = createNodeLookup(nodes);
   const wanted = ids ? new Set(ids) : null;
-  const rects = nodes.filter((n2) => wanted ? wanted.has(n2.id) : true).map((n2) => getNodeRect(n2, lookup, options));
+  const rects = nodes.filter((n3) => wanted ? wanted.has(n3.id) : true).map((n3) => getNodeRect(n3, lookup, options));
   const bounds = _chunkWADCJ7A7cjs.boundsOf.call(void 0, rects);
   return bounds ? fitViewportToRect(bounds, size, options) : null;
 }
@@ -1748,18 +1750,18 @@ var BOOLEAN_FOR = {
   exclude: "xor"
 };
 function isShapeNode(node) {
-  return !!node && _chunkYNSK4MGTcjs.isShapeDescription.call(void 0, _optionalChain([node, 'access', _55 => _55.data, 'optionalAccess', _56 => _56[SHAPE_DATA_KEY]]));
+  return !!node && _chunkO2UH7LZEcjs.isShapeDescription.call(void 0, _optionalChain([node, 'access', _55 => _55.data, 'optionalAccess', _56 => _56[SHAPE_DATA_KEY]]));
 }
 function getNodeShape(node) {
   const shape = _optionalChain([node, 'optionalAccess', _57 => _57.data, 'optionalAccess', _58 => _58[SHAPE_DATA_KEY]]);
-  return _chunkYNSK4MGTcjs.isShapeDescription.call(void 0, shape) ? shape : null;
+  return _chunkO2UH7LZEcjs.isShapeDescription.call(void 0, shape) ? shape : null;
 }
 function shapeNodeToPolygon(node, lookup, options = {}) {
   const shape = getNodeShape(node);
   if (!shape) return null;
   const size = getNodeSize(node, options);
   const origin = node.parentId && lookup ? getAbsolutePosition(node, lookup) : node.position;
-  const { rings, fillRule } = _chunkYNSK4MGTcjs.shapeToPolygon.call(void 0, shape, size, { tolerance: options.tolerance });
+  const { rings, fillRule } = _chunkO2UH7LZEcjs.shapeToPolygon.call(void 0, shape, size, { tolerance: options.tolerance });
   return {
     rings: rings.map((ring) => ring.map(([x, y]) => [x + origin.x, y + origin.y])),
     fillRule
@@ -1768,14 +1770,14 @@ function shapeNodeToPolygon(node, lookup, options = {}) {
 function shapeToBezierPath(shape, size) {
   const { width: w, height: h } = size;
   if (!(w > 0) || !(h > 0)) return { path: [], fillRule: "nonzero" };
-  const svg = _chunkYNSK4MGTcjs.getShapeSvg.call(void 0, { ...shape, rotation: 0 }, size);
-  let path = _chunkYNSK4MGTcjs.toBezierPath.call(void 0, svg.d);
+  const svg = _chunkO2UH7LZEcjs.getShapeSvg.call(void 0, { ...shape, rotation: 0 }, size);
+  let path = _chunkO2UH7LZEcjs.toBezierPath.call(void 0, svg.d);
   if (shape.kind === "path" && shape.viewBox) {
     const vb = shape.viewBox;
     if (vb.length === 4 && vb.every(Number.isFinite) && vb[2] > 0 && vb[3] > 0) {
       const sx = w / vb[2];
       const sy = h / vb[3];
-      path = _chunkYNSK4MGTcjs.transformBezierPath.call(void 0, path, [sx, 0, 0, sy, -vb[0] * sx, -vb[1] * sy]);
+      path = _chunkO2UH7LZEcjs.transformBezierPath.call(void 0, path, [sx, 0, 0, sy, -vb[0] * sx, -vb[1] * sy]);
     }
   }
   const deg = _nullishCoalesce(shape.rotation, () => ( 0));
@@ -1786,7 +1788,7 @@ function shapeToBezierPath(shape, size) {
     const cx = w / 2;
     const cy = h / 2;
     const m = [cos, sin, -sin, cos, cx - cx * cos + cy * sin, cy - cx * sin - cy * cos];
-    path = _chunkYNSK4MGTcjs.transformBezierPath.call(void 0, path, m);
+    path = _chunkO2UH7LZEcjs.transformBezierPath.call(void 0, path, m);
   }
   return { path, fillRule: svg.fillRule };
 }
@@ -1796,7 +1798,7 @@ function shapeNodeToBezierPath(node, lookup, options = {}) {
   const size = getNodeSize(node, options);
   const origin = node.parentId && lookup ? getAbsolutePosition(node, lookup) : node.position;
   const { path, fillRule } = shapeToBezierPath(shape, size);
-  return { path: _chunkYNSK4MGTcjs.transformBezierPath.call(void 0, path, [1, 0, 0, 1, origin.x, origin.y]), fillRule };
+  return { path: _chunkO2UH7LZEcjs.transformBezierPath.call(void 0, path, [1, 0, 0, 1, origin.x, origin.y]), fillRule };
 }
 var idCounter = 0;
 function defaultId2(index) {
@@ -1809,10 +1811,10 @@ function stackOrder(nodes, ids) {
 }
 function canCombineShapeNodes(nodes, ids) {
   const idSet = new Set(ids);
-  const shapes = nodes.filter((n2) => idSet.has(n2.id) && isShapeNode(n2));
-  if (shapes.some((n2) => isLocked(n2))) return { ok: false, reason: "locked" };
+  const shapes = nodes.filter((n3) => idSet.has(n3.id) && isShapeNode(n3));
+  if (shapes.some((n3) => isLocked(n3))) return { ok: false, reason: "locked" };
   if (shapes.length < 2) return { ok: false, reason: "too-few" };
-  return { ok: true, shapeIds: shapes.map((n2) => n2.id) };
+  return { ok: true, shapeIds: shapes.map((n3) => n3.id) };
 }
 function combineShapeNodes(nodes, ids, operation, options = {}) {
   const idList = [...ids];
@@ -1821,7 +1823,7 @@ function combineShapeNodes(nodes, ids, operation, options = {}) {
   const lookup = createNodeLookup(nodes);
   const shapeIds = new Set(check.shapeIds);
   const ordered = stackOrder(nodes, shapeIds);
-  const parentIds = new Set(ordered.map((n2) => _nullishCoalesce(n2.parentId, () => ( ""))));
+  const parentIds = new Set(ordered.map((n3) => _nullishCoalesce(n3.parentId, () => ( ""))));
   const sharedParent = parentIds.size === 1 ? ordered[0].parentId : void 0;
   const parentOrigin = sharedParent && lookup.get(sharedParent) ? getAbsolutePosition(lookup.get(sharedParent), lookup) : { x: 0, y: 0 };
   const pickSource = () => {
@@ -1849,7 +1851,7 @@ function combineShapeNodes(nodes, ids, operation, options = {}) {
     const operands = ordered.map((node) => shapeNodeToBezierPath(node, lookup, options));
     const pathOptions = { epsilon: options.epsilon, onFallback: options.onFallback, fallbackTolerance: options.tolerance };
     if (operation === "divide") {
-      const result = _chunkYNSK4MGTcjs.dividePaths.call(void 0, operands, pathOptions);
+      const result = _chunkO2UH7LZEcjs.dividePaths.call(void 0, operands, pathOptions);
       report = result;
       for (const piece of result.pieces) {
         const source = ordered[piece.operands[piece.operands.length - 1]];
@@ -1857,7 +1859,7 @@ function combineShapeNodes(nodes, ids, operation, options = {}) {
         if (node) created.push(node);
       }
     } else {
-      const result = _chunkYNSK4MGTcjs.pathBoolean.call(void 0, BOOLEAN_FOR[operation], operands, pathOptions);
+      const result = _chunkO2UH7LZEcjs.pathBoolean.call(void 0, BOOLEAN_FOR[operation], operands, pathOptions);
       report = result;
       const node = buildPathNode(result.path, pickSource(), createId(0), buildOptions);
       if (node) created.push(node);
@@ -1865,8 +1867,8 @@ function combineShapeNodes(nodes, ids, operation, options = {}) {
   } else {
     report = { engine: "polygon" };
     const operands = ordered.map((node) => shapeNodeToPolygon(node, lookup, options));
-    const write = (polygon) => _chunkYNSK4MGTcjs.toBezierPath.call(void 0, 
-      _chunkYNSK4MGTcjs.polygonToSvgPath.call(void 0, polygon, {
+    const write = (polygon) => _chunkO2UH7LZEcjs.toBezierPath.call(void 0, 
+      _chunkO2UH7LZEcjs.polygonToSvgPath.call(void 0, polygon, {
         precision: 9,
         simplify: options.simplify,
         curves: _nullishCoalesce(options.curves, () => ( "fit")),
@@ -1875,13 +1877,13 @@ function combineShapeNodes(nodes, ids, operation, options = {}) {
       })
     );
     if (operation === "divide") {
-      for (const piece of _chunkYNSK4MGTcjs.dividePolygons.call(void 0, operands, { epsilon: options.epsilon })) {
+      for (const piece of _chunkO2UH7LZEcjs.dividePolygons.call(void 0, operands, { epsilon: options.epsilon })) {
         const source = ordered[piece.operands[piece.operands.length - 1]];
         const node = buildPathNode(write([piece.polygon]), source, createId(created.length), buildOptions);
         if (node) created.push(node);
       }
     } else {
-      const result = _chunkYNSK4MGTcjs.polygonBoolean.call(void 0, BOOLEAN_FOR[operation], operands, { epsilon: options.epsilon });
+      const result = _chunkO2UH7LZEcjs.polygonBoolean.call(void 0, BOOLEAN_FOR[operation], operands, { epsilon: options.epsilon });
       const node = buildPathNode(write(result), pickSource(), createId(0), buildOptions);
       if (node) created.push(node);
     }
@@ -1890,7 +1892,7 @@ function combineShapeNodes(nodes, ids, operation, options = {}) {
   const done2 = {
     ok: true,
     operation,
-    removeIds: ordered.map((n2) => n2.id),
+    removeIds: ordered.map((n3) => n3.id),
     nodes: created,
     engine: report.engine
   };
@@ -1898,12 +1900,12 @@ function combineShapeNodes(nodes, ids, operation, options = {}) {
   return done2;
 }
 function buildPathNode(path, source, id, options) {
-  const bounds = _chunkYNSK4MGTcjs.bezierPathBounds.call(void 0, path);
+  const bounds = _chunkO2UH7LZEcjs.bezierPathBounds.call(void 0, path);
   if (!bounds) return null;
   const width = bounds.maxX - bounds.minX;
   const height = bounds.maxY - bounds.minY;
   if (!(width > 0) || !(height > 0)) return null;
-  const d = _chunkYNSK4MGTcjs.bezierPathToSvg.call(void 0, path, { precision: _nullishCoalesce(options.precision, () => ( 3)), offset: { x: -bounds.minX, y: -bounds.minY } });
+  const d = _chunkO2UH7LZEcjs.bezierPathToSvg.call(void 0, path, { precision: _nullishCoalesce(options.precision, () => ( 3)), offset: { x: -bounds.minX, y: -bounds.minY } });
   if (!d) return null;
   const sourceShape = getNodeShape(source);
   const shape = {
@@ -1952,8 +1954,8 @@ function roundSize(value) {
 }
 function applyShapeCombination(nodes, change, options = {}) {
   const remove = new Set(change.removeIds);
-  const insertAt = nodes.findIndex((n2) => remove.has(n2.id));
-  const deselect = options.deselect !== false && change.nodes.some((n2) => n2.selected);
+  const insertAt = nodes.findIndex((n3) => remove.has(n3.id));
+  const deselect = options.deselect !== false && change.nodes.some((n3) => n3.selected);
   const out = [];
   nodes.forEach((node, index) => {
     if (index === insertAt) out.push(...change.nodes);
@@ -1964,11 +1966,11 @@ function applyShapeCombination(nodes, change, options = {}) {
   return out;
 }
 function revertShapeCombination(nodes, change, previous) {
-  const created = new Set(change.nodes.map((n2) => n2.id));
+  const created = new Set(change.nodes.map((n3) => n3.id));
   const removed = new Set(change.removeIds);
-  const out = nodes.filter((n2) => !created.has(n2.id));
+  const out = nodes.filter((n3) => !created.has(n3.id));
   previous.forEach((node, index) => {
-    if (!removed.has(node.id) || out.some((n2) => n2.id === node.id)) return;
+    if (!removed.has(node.id) || out.some((n3) => n3.id === node.id)) return;
     out.splice(Math.min(index, out.length), 0, node);
   });
   return out;
@@ -1990,21 +1992,21 @@ function hasVisibleFill(shape) {
 }
 function shapeTargets(nodes, ids) {
   const idSet = new Set(ids);
-  return nodes.filter((n2) => idSet.has(n2.id) && isShapeNode(n2));
+  return nodes.filter((n3) => idSet.has(n3.id) && isShapeNode(n3));
 }
 function canOffsetShapeNodes(nodes, ids) {
   const shapes = shapeTargets(nodes, ids);
-  if (shapes.some((n2) => isLocked(n2))) return { ok: false, reason: "locked" };
+  if (shapes.some((n3) => isLocked(n3))) return { ok: false, reason: "locked" };
   if (shapes.length === 0) return { ok: false, reason: "no-shapes" };
-  return { ok: true, shapeIds: shapes.map((n2) => n2.id) };
+  return { ok: true, shapeIds: shapes.map((n3) => n3.id) };
 }
 function canOutlineShapeNodeStrokes(nodes, ids) {
   const shapes = shapeTargets(nodes, ids);
-  if (shapes.some((n2) => isLocked(n2))) return { ok: false, reason: "locked" };
+  if (shapes.some((n3) => isLocked(n3))) return { ok: false, reason: "locked" };
   if (shapes.length === 0) return { ok: false, reason: "no-shapes" };
-  const stroked = shapes.filter((n2) => hasVisibleStroke(getNodeShape(n2)));
+  const stroked = shapes.filter((n3) => hasVisibleStroke(getNodeShape(n3)));
   if (stroked.length === 0) return { ok: false, reason: "no-stroke" };
-  return { ok: true, shapeIds: stroked.map((n2) => n2.id) };
+  return { ok: true, shapeIds: stroked.map((n3) => n3.id) };
 }
 function editPlacement(node, lookup) {
   const parent = node.parentId ? lookup.get(node.parentId) : void 0;
@@ -2035,7 +2037,7 @@ function offsetShapeNodes(nodes, ids, distance, options = {}) {
   for (const id of check.shapeIds) {
     const node = lookup.get(id);
     const outline = shapeNodeToBezierPath(node, lookup, options);
-    const path = _chunkYNSK4MGTcjs.offsetPath.call(void 0, outline.path, distance, {
+    const path = _chunkO2UH7LZEcjs.offsetPath.call(void 0, outline.path, distance, {
       join: options.join,
       miterLimit: options.miterLimit,
       fillRule: outline.fillRule,
@@ -2071,7 +2073,7 @@ function outlineShapeNodeStrokes(nodes, ids, options = {}) {
     const node = lookup.get(id);
     const shape = getNodeShape(node);
     const outline = shapeNodeToBezierPath(node, lookup, options);
-    const path = _chunkYNSK4MGTcjs.outlineStroke.call(void 0, outline.path, {
+    const path = _chunkO2UH7LZEcjs.outlineStroke.call(void 0, outline.path, {
       width: _nullishCoalesce(_nullishCoalesce(options.width, () => ( shape.strokeWidth)), () => ( 1)),
       join: options.join,
       cap: options.cap,
@@ -2107,8 +2109,8 @@ function outlineShapeNodeStrokes(nodes, ids, options = {}) {
 }
 function applyShapeReplacement(nodes, change, options = {}) {
   const byId = new Map(change.replacements.map((r) => [r.id, r.nodes]));
-  const created = new Set(change.replacements.flatMap((r) => r.nodes.map((n2) => n2.id)));
-  const deselect = options.deselect !== false && change.replacements.some((r) => r.nodes.some((n2) => n2.selected));
+  const created = new Set(change.replacements.flatMap((r) => r.nodes.map((n3) => n3.id)));
+  const deselect = options.deselect !== false && change.replacements.some((r) => r.nodes.some((n3) => n3.selected));
   const out = [];
   for (const node of nodes) {
     const replacement = byId.get(node.id);
@@ -2434,8 +2436,8 @@ function flowChildren(s, frame) {
   const f = s.boxes.get(frame);
   if (!f) return [];
   return f.kids.filter((k) => {
-    const n2 = s.boxes.get(k).node;
-    return n2.hidden !== true && !getChildLayout(n2).absolute;
+    const n3 = s.boxes.get(k).node;
+    return n3.hidden !== true && !getChildLayout(n3).absolute;
   });
 }
 function fitHugText(s, id) {
@@ -2491,17 +2493,17 @@ function resizeChild(s, id, w, h) {
   if (b.kids.length > 0) constrain(s, id, ow, oh);
   if (getAutoLayout(b.node)) layout(s, id);
 }
-function mainOffsets(align, inner, total, n2, gap) {
-  const gaps = gap * Math.max(n2 - 1, 0);
+function mainOffsets(align, inner, total, n3, gap) {
+  const gaps = gap * Math.max(n3 - 1, 0);
   const free = inner - total;
-  const k = Math.max(n2, 1);
+  const k = Math.max(n3, 1);
   switch (align) {
     case "center":
       return [(free - gaps) / 2, gap];
     case "end":
       return [free - gaps, gap];
     case "space-between":
-      return [0, n2 > 1 ? Math.max(free / (n2 - 1), 0) : 0];
+      return [0, n3 > 1 ? Math.max(free / (n3 - 1), 0) : 0];
     case "space-around": {
       const g = Math.max(free / k, 0);
       return [g / 2, g];
@@ -2720,8 +2722,8 @@ function parseTrack(track) {
 }
 function trackList(spec, fallback) {
   if (Array.isArray(spec)) return { count: Math.min(Math.max(spec.length, 1), MAX_TRACKS), tracks: spec.map(parseTrack) };
-  const n2 = typeof spec === "number" && Number.isFinite(spec) ? Math.floor(spec) : fallback;
-  return { count: Math.min(Math.max(n2, 1), MAX_TRACKS), tracks: [] };
+  const n3 = typeof spec === "number" && Number.isFinite(spec) ? Math.floor(spec) : fallback;
+  return { count: Math.min(Math.max(n3, 1), MAX_TRACKS), tracks: [] };
 }
 function trackSpec(tracks, i) {
   const t = _nullishCoalesce(tracks[i], () => ( { sizing: "fill", value: 1 }));
@@ -2841,21 +2843,21 @@ function resolveTracks(tracks, content, avail) {
   }
   return out;
 }
-function trackContent(cells, sizes, tracks, n2, gap, columns, hug) {
+function trackContent(cells, sizes, tracks, n3, gap, columns, hug) {
   const byContent = (i) => trackSpec(tracks, i).sizing !== "fixed";
-  const content = Array.from({ length: n2 }, (_, i) => {
+  const content = Array.from({ length: n3 }, (_, i) => {
     const t = trackSpec(tracks, i);
     return t.sizing === "fixed" ? t.value : 0;
   });
   const span = (c) => columns ? [c.column, c.columnSpan] : [c.row, c.rowSpan];
   cells.forEach((c, k) => {
     const [start, len] = span(c);
-    if (len === 1 && byContent(start) && start < n2) content[start] = Math.max(content[start], sizes[k]);
+    if (len === 1 && byContent(start) && start < n3) content[start] = Math.max(content[start], sizes[k]);
   });
   cells.forEach((c, k) => {
     const [start, len] = span(c);
     if (len < 2) return;
-    const range = Array.from({ length: len }, (_, j) => start + j).filter((i) => i < n2);
+    const range = Array.from({ length: len }, (_, j) => start + j).filter((i) => i < n3);
     if (!hug && range.some((i) => trackSpec(tracks, i).sizing === "fill")) return;
     const have = range.reduce((sum, i) => sum + content[i], 0) + gap * (len - 1);
     const grow = range.filter(byContent);
@@ -3044,9 +3046,9 @@ function postOrder(s, nodes) {
     for (const k of _nullishCoalesce(_optionalChain([s, 'access', _128 => _128.boxes, 'access', _129 => _129.get, 'call', _130 => _130(id), 'optionalAccess', _131 => _131.kids]), () => ( []))) visit(k);
     out.push(id);
   };
-  const roots = nodes.filter((n2) => !n2.parentId || !s.boxes.has(n2.parentId));
+  const roots = nodes.filter((n3) => !n3.parentId || !s.boxes.has(n3.parentId));
   for (const r of roots) visit(r.id);
-  for (const n2 of nodes) visit(n2.id);
+  for (const n3 of nodes) visit(n3.id);
   return out;
 }
 function layoutAll(nodes, options = {}) {
@@ -3075,7 +3077,7 @@ function getAutoLayoutGrid(nodes, frameId, options = {}) {
   return gridGeometryOf(new LayoutState(nodes, options), frameId);
 }
 function getFlowChildren(nodes, frameId) {
-  return nodes.filter((n2) => n2.parentId === frameId && n2.id !== frameId && n2.hidden !== true && !getChildLayout(n2).absolute).map((n2) => n2.id);
+  return nodes.filter((n3) => n3.parentId === frameId && n3.id !== frameId && n3.hidden !== true && !getChildLayout(n3).absolute).map((n3) => n3.id);
 }
 function getLayoutParent(nodes, id) {
   const lookup = createNodeLookup(nodes);
@@ -3086,7 +3088,7 @@ function getLayoutParent(nodes, id) {
 }
 function makeSizingCoherent(nodes, id, options = {}) {
   const lookup = createNodeLookup(nodes);
-  const targets = /* @__PURE__ */ new Set([id, ...nodes.filter((n2) => n2.parentId === id).map((n2) => n2.id)]);
+  const targets = /* @__PURE__ */ new Set([id, ...nodes.filter((n3) => n3.parentId === id).map((n3) => n3.id)]);
   if (!lookup.has(id)) return nodes;
   let changed = false;
   const next = nodes.map((node) => {
@@ -3155,42 +3157,42 @@ function getAutoLayoutInsertTarget(nodes, frameId, point, options = {}) {
   return { frameId, index, guide };
 }
 function moveLayoutChild(nodes, childId, index) {
-  const child = nodes.find((n2) => n2.id === childId);
+  const child = nodes.find((n3) => n3.id === childId);
   if (!_optionalChain([child, 'optionalAccess', _136 => _136.parentId])) return nodes;
-  const siblings = nodes.filter((n2) => n2.parentId === child.parentId && n2.id !== child.parentId);
-  const flow = siblings.filter((n2) => n2.hidden !== true && !getChildLayout(n2).absolute && n2.id !== childId);
+  const siblings = nodes.filter((n3) => n3.parentId === child.parentId && n3.id !== child.parentId);
+  const flow = siblings.filter((n3) => n3.hidden !== true && !getChildLayout(n3).absolute && n3.id !== childId);
   const clamped = Math.min(Math.max(Math.floor(Number.isFinite(index) ? index : 0), 0), flow.length);
-  const order = siblings.filter((n2) => n2.id !== childId);
+  const order = siblings.filter((n3) => n3.id !== childId);
   const anchor = flow[clamped];
   const at = anchor ? order.indexOf(anchor) : flow.length > 0 ? order.indexOf(flow[flow.length - 1]) + 1 : order.length;
   order.splice(at, 0, child);
-  if (order.every((n2, i) => n2 === siblings[i])) return nodes;
+  if (order.every((n3, i) => n3 === siblings[i])) return nodes;
   let k = 0;
   const parentId = child.parentId;
-  const placed = nodes.map((n2) => n2.parentId === parentId && n2.id !== parentId ? order[k++] : n2);
+  const placed = nodes.map((n3) => n3.parentId === parentId && n3.id !== parentId ? order[k++] : n3);
   return parentsFirst(placed);
 }
 function parentsFirst(nodes) {
-  const ids = new Set(nodes.map((n2) => n2.id));
+  const ids = new Set(nodes.map((n3) => n3.id));
   const pending = /* @__PURE__ */ new Map();
   const done2 = /* @__PURE__ */ new Set();
   const out = [];
-  const emit = (n2) => {
-    out.push(n2);
-    done2.add(n2.id);
-    const waiting = pending.get(n2.id);
+  const emit = (n3) => {
+    out.push(n3);
+    done2.add(n3.id);
+    const waiting = pending.get(n3.id);
     if (waiting) {
-      pending.delete(n2.id);
+      pending.delete(n3.id);
       for (const w of waiting) emit(w);
     }
   };
-  for (const n2 of nodes) {
-    if (n2.parentId && ids.has(n2.parentId) && !done2.has(n2.parentId) && n2.parentId !== n2.id) {
-      if (!pending.has(n2.parentId)) pending.set(n2.parentId, []);
-      pending.get(n2.parentId).push(n2);
-    } else emit(n2);
+  for (const n3 of nodes) {
+    if (n3.parentId && ids.has(n3.parentId) && !done2.has(n3.parentId) && n3.parentId !== n3.id) {
+      if (!pending.has(n3.parentId)) pending.set(n3.parentId, []);
+      pending.get(n3.parentId).push(n3);
+    } else emit(n3);
   }
-  for (const waiting of pending.values()) for (const n2 of waiting) if (!done2.has(n2.id)) emit(n2);
+  for (const waiting of pending.values()) for (const n3 of waiting) if (!done2.has(n3.id)) emit(n3);
   return out;
 }
 
@@ -3204,7 +3206,7 @@ function createCanvasArrangeController(options) {
   let resizeStart = null;
   let resizeIndex = null;
   let lastResized = null;
-  const selectedIds = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _137 => _137.getSelectedIds, 'optionalCall', _138 => _138()]), () => ( options.getNodes().filter((n2) => n2.selected).map((n2) => n2.id)));
+  const selectedIds = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _137 => _137.getSelectedIds, 'optionalCall', _138 => _138()]), () => ( options.getNodes().filter((n3) => n3.selected).map((n3) => n3.id)));
   const setGuides = (next) => {
     if (next.length === 0 && guides.length === 0) return;
     guides = next;
@@ -3234,7 +3236,7 @@ function createCanvasArrangeController(options) {
   function setLocked(name, ids, locked) {
     const nodes = options.getNodes();
     const set = new Set(ids);
-    const changed = nodes.filter((n2) => set.has(n2.id) && isLocked(n2) !== locked).map((n2) => n2.id);
+    const changed = nodes.filter((n3) => set.has(n3.id) && isLocked(n3) !== locked).map((n3) => n3.id);
     if (changed.length === 0) return changed;
     const lock = () => options.setNodes(lockNodes(options.getNodes(), changed));
     const unlock = () => options.setNodes(unlockNodes(options.getNodes(), changed));
@@ -3277,10 +3279,10 @@ function createCanvasArrangeController(options) {
     toggleLock(ids) {
       const list = selectedIds(ids);
       const set = new Set(list);
-      const anyUnlocked = options.getNodes().some((n2) => set.has(n2.id) && !isLocked(n2));
+      const anyUnlocked = options.getNodes().some((n3) => set.has(n3.id) && !isLocked(n3));
       return anyUnlocked ? controller.lock(list) : controller.unlock(list);
     },
-    isLocked: (id) => isLocked(options.getNodes().find((n2) => n2.id === id)),
+    isLocked: (id) => isLocked(options.getNodes().find((n3) => n3.id === id)),
     /**
      * Freeform shape operation (Unite / Intersect / Subtract / Exclude / Divide) on the
      * shape nodes among `ids` (default: the selection). Replaces them with the result as
@@ -3445,7 +3447,7 @@ function createCanvasArrangeController(options) {
       const key = ids.slice().sort().join("\0");
       if (!dragIndex || key !== dragKey) controller.beginDrag(ids);
       const proposed = new Map(dragging.map((c) => [c.id, c.position]));
-      const nodes = options.getNodes().map((n2) => proposed.has(n2.id) ? { ...n2, position: proposed.get(n2.id) } : n2);
+      const nodes = options.getNodes().map((n3) => proposed.has(n3.id) ? { ...n3, position: proposed.get(n3.id) } : n3);
       const result = snapNodeDrag(nodes, ids, {
         ...rect2(),
         ...options.guides,
@@ -3456,7 +3458,7 @@ function createCanvasArrangeController(options) {
       const { x: dx, y: dy } = result.offset;
       lastSnapped = /* @__PURE__ */ new Map();
       if (dx === 0 && dy === 0) return changes;
-      const parents = new Map(nodes.map((n2) => [n2.id, n2.parentId]));
+      const parents = new Map(nodes.map((n3) => [n3.id, n3.parentId]));
       const shift = new Set(ids.filter((id) => !proposed.has(_nullishCoalesce(parents.get(id), () => ( "")))));
       return changes.map((c) => {
         if (!(c.type === "position" && c.position && c.dragging && c.id !== void 0 && shift.has(c.id))) return c;
@@ -3536,7 +3538,7 @@ function createCanvasArrangeController(options) {
       setGuides([]);
       const update = _optionalChain([last, 'optionalAccess', _147 => _147.updates, 'access', _148 => _148[0]]);
       if (!update) return;
-      const node = options.getNodes().find((n2) => n2.id === update.id);
+      const node = options.getNodes().find((n3) => n3.id === update.id);
       if (!node) return;
       const drift = node.position.x !== update.position.x || node.position.y !== update.position.y || node.width !== update.width || node.height !== update.height;
       if (drift) options.setNodes(applyNodeUpdates(options.getNodes(), [update]));
@@ -3622,9 +3624,9 @@ function createCanvasArrangeController(options) {
       setGuides([]);
       if (snapped.size === 0) return;
       const nodes = options.getNodes();
-      const drift = nodes.some((n2) => {
-        const p = snapped.get(n2.id);
-        return !!p && (n2.position.x !== p.x || n2.position.y !== p.y);
+      const drift = nodes.some((n3) => {
+        const p = snapped.get(n3.id);
+        return !!p && (n3.position.x !== p.x || n3.position.y !== p.y);
       });
       if (drift) {
         options.setNodes(applyNodeUpdates(nodes, [...snapped].map(([id, position]) => ({ id, position }))));
@@ -3729,15 +3731,15 @@ function measureToLine(a, orientation, at) {
 function measureSelection(nodes, selectedIds, hoveredId, options = {}) {
   const none = (selection2 = null) => ({ guides: [], target: null, selection: selection2 });
   const lookup = createNodeLookup(nodes);
-  const selected = [...new Set(selectedIds)].map((id) => lookup.get(id)).filter((n2) => !!n2 && n2.hidden !== true);
+  const selected = [...new Set(selectedIds)].map((id) => lookup.get(id)).filter((n3) => !!n3 && n3.hidden !== true);
   if (selected.length === 0) return none();
-  const selection = _chunkWADCJ7A7cjs.boundsOf.call(void 0, selected.map((n2) => getNodeRect(n2, lookup, options)));
+  const selection = _chunkWADCJ7A7cjs.boundsOf.call(void 0, selected.map((n3) => getNodeRect(n3, lookup, options)));
   if (!selection) return none();
-  const selectedSet = new Set(selected.map((n2) => n2.id));
+  const selectedSet = new Set(selected.map((n3) => n3.id));
   let targetId = _nullishCoalesce(hoveredId, () => ( null));
   if (targetId === null || selectedSet.has(targetId)) {
     const parentId = selected[0].parentId;
-    const sameParent = selected.every((n2) => n2.parentId === parentId);
+    const sameParent = selected.every((n3) => n3.parentId === parentId);
     targetId = parentId && sameParent && !selectedSet.has(parentId) ? parentId : null;
   }
   const target = targetId !== null ? lookup.get(targetId) : void 0;
@@ -3828,12 +3830,12 @@ function createCanvasAutoLayoutController(options) {
      */
     addNode(node, addOptions = {}) {
       const forward = (nodes) => {
-        if (nodes.some((n2) => n2.id === node.id)) return nodes;
+        if (nodes.some((n3) => n3.id === node.id)) return nodes;
         let next = [...nodes, node];
         if (addOptions.index !== void 0 && node.parentId) next = moveLayoutChild(next, node.id, addOptions.index);
         return next;
       };
-      const backward = (nodes) => nodes.filter((n2) => n2.id !== node.id);
+      const backward = (nodes) => nodes.filter((n3) => n3.id !== node.id);
       return run("Add Node", forward, backward, () => [node.id]);
     },
     /** Removes nodes (and their descendants) and lays out the frames they leave, as one step. */
@@ -3843,20 +3845,20 @@ function createCanvasAutoLayoutController(options) {
       let grew = true;
       while (grew) {
         grew = false;
-        for (const n2 of before) {
-          if (n2.parentId && remove.has(n2.parentId) && !remove.has(n2.id)) {
-            remove.add(n2.id);
+        for (const n3 of before) {
+          if (n3.parentId && remove.has(n3.parentId) && !remove.has(n3.id)) {
+            remove.add(n3.id);
             grew = true;
           }
         }
       }
-      const removed = before.map((n2, i) => [i, n2]).filter(([, n2]) => remove.has(n2.id));
+      const removed = before.map((n3, i) => [i, n3]).filter(([, n3]) => remove.has(n3.id));
       if (removed.length === 0) return [];
-      const parents = [...new Set(removed.map(([, n2]) => n2.parentId).filter((p) => !!p && !remove.has(p)))];
-      const forward = (nodes) => nodes.filter((n2) => !remove.has(n2.id));
+      const parents = [...new Set(removed.map(([, n3]) => n3.parentId).filter((p) => !!p && !remove.has(p)))];
+      const forward = (nodes) => nodes.filter((n3) => !remove.has(n3.id));
       const backward = (nodes) => {
         const next = [...nodes];
-        for (const [i, n2] of removed) next.splice(Math.min(i, next.length), 0, n2);
+        for (const [i, n3] of removed) next.splice(Math.min(i, next.length), 0, n3);
         return next;
       };
       return run("Delete", forward, backward, () => parents);
@@ -3867,7 +3869,7 @@ function createCanvasAutoLayoutController(options) {
      */
     resizeNode(id, size) {
       const nodes = options.getNodes();
-      const node = nodes.find((n2) => n2.id === id);
+      const node = nodes.find((n3) => n3.id === id);
       if (!node) return [];
       const old = getNodeSize(node, options.rectOptions);
       const update = { id };
@@ -3880,7 +3882,7 @@ function createCanvasAutoLayoutController(options) {
     /** Moves flow child `childId` to flow index `index` in its frame and lays it out, as one step. */
     moveChild(childId, index) {
       const before = options.getNodes();
-      const order = before.map((n2) => n2.id);
+      const order = before.map((n3) => n3.id);
       const forward = (nodes) => moveLayoutChild(nodes, childId, index);
       const backward = (nodes) => restoreOrder(nodes, order);
       if (forward(before) === before) return [];
@@ -3898,7 +3900,7 @@ function createCanvasAutoLayoutController(options) {
     },
     /** Records the start position of a reorder drag. Optional: `dragReorder` records it lazily. */
     beginReorderDrag(id) {
-      const node = options.getNodes().find((n2) => n2.id === id);
+      const node = options.getNodes().find((n3) => n3.id === id);
       if (node && getLayoutParent(options.getNodes(), id)) dragStarts.set(id, { ...node.position });
     },
     /**
@@ -3924,7 +3926,7 @@ function createCanvasAutoLayoutController(options) {
       const target = controller.getInsertTarget(id, point);
       if (!target) return [];
       const before = options.getNodes();
-      const order = before.map((n2) => n2.id);
+      const order = before.map((n3) => n3.id);
       const forward = (nodes) => moveLayoutChild(nodes, id, target.index);
       const backward = (nodes) => restoreOrder(nodes, order);
       return run("Reorder", forward, backward, () => [id], [], start && { id, position: start });
@@ -3979,8 +3981,8 @@ function createCanvasAutoLayoutController(options) {
     noteRemoved(removed) {
       const gone = /* @__PURE__ */ new Set();
       const list = [...removed];
-      for (const n2 of list) gone.add(n2.id);
-      for (const n2 of list) if (n2.parentId && !gone.has(n2.parentId)) pendingIds.add(n2.parentId);
+      for (const n3 of list) gone.add(n3.id);
+      for (const n3 of list) if (n3.parentId && !gone.has(n3.parentId)) pendingIds.add(n3.parentId);
     },
     /** Whether `noteChanges` left work for `flush`. */
     get hasPending() {
@@ -4005,12 +4007,12 @@ function createCanvasAutoLayoutController(options) {
       let nodes = options.getNodes();
       let updates = [];
       for (const [id, previous] of pendingResizes) {
-        if (!nodes.some((n2) => n2.id === id)) continue;
+        if (!nodes.some((n3) => n3.id === id)) continue;
         const constrained = applyConstraints(nodes, id, previous, layoutOptions());
         nodes = applyNodeUpdates(nodes, constrained);
         updates = mergeNodeUpdates(updates, constrained);
       }
-      const layout2 = pendingAll ? layoutAll(nodes, layoutOptions()) : relayoutUpdates(nodes, [...pendingIds].filter((id) => nodes.some((n2) => n2.id === id)), layoutOptions());
+      const layout2 = pendingAll ? layoutAll(nodes, layoutOptions()) : relayoutUpdates(nodes, [...pendingIds].filter((id) => nodes.some((n3) => n3.id === id)), layoutOptions());
       updates = mergeNodeUpdates(updates, layout2);
       pendingIds.clear();
       pendingResizes.clear();
@@ -4019,13 +4021,13 @@ function createCanvasAutoLayoutController(options) {
       return mergeNodeUpdates(applied, updates);
     },
     /** Whether `id` is an auto layout frame. */
-    isFrame: (id) => isAutoLayoutFrame(options.getNodes().find((n2) => n2.id === id))
+    isFrame: (id) => isAutoLayoutFrame(options.getNodes().find((n3) => n3.id === id))
   };
   return controller;
 }
 function restoreOrder(nodes, order) {
   const rank = new Map(order.map((id, i) => [id, i]));
-  const indexed = nodes.map((n2, i) => ({ n: n2, r: _nullishCoalesce(rank.get(n2.id), () => ( order.length + i)) }));
+  const indexed = nodes.map((n3, i) => ({ n: n3, r: _nullishCoalesce(rank.get(n3.id), () => ( order.length + i)) }));
   indexed.sort((a, b) => a.r - b.r);
   return indexed.every((e, i) => e.n === nodes[i]) ? nodes : indexed.map((e) => e.n);
 }
@@ -4097,8 +4099,8 @@ function writeNodeStyleProperty(style, prop, value, unitless = false) {
 function px(value) {
   if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
   if (typeof value === "string") {
-    const n2 = parseFloat(value);
-    return Number.isFinite(n2) ? n2 : void 0;
+    const n3 = parseFloat(value);
+    return Number.isFinite(n3) ? n3 : void 0;
   }
   return void 0;
 }
@@ -4110,7 +4112,7 @@ function withStyle(node, prop, value, unitless = false) {
 }
 function shapeOf(node) {
   const shape = _optionalChain([node, 'access', _161 => _161.data, 'optionalAccess', _162 => _162.shape]);
-  return _chunkYNSK4MGTcjs.isShapeDescription.call(void 0, shape) ? shape : null;
+  return _chunkO2UH7LZEcjs.isShapeDescription.call(void 0, shape) ? shape : null;
 }
 function withShape(node, key, value) {
   const shape = shapeOf(node);
@@ -4297,7 +4299,7 @@ function getTokensForProperty(state, property, node) {
   return state.variables.filter((v) => v.type === property.type && _chunkK2UYKJ6Mcjs.isTokenInScope.call(void 0, v, scope));
 }
 function lookupOf(nodes) {
-  return new Map(nodes.map((n2) => [n2.id, n2]));
+  return new Map(nodes.map((n3) => [n3.id, n3]));
 }
 function validModes(state, modes, into) {
   for (const [collectionId, modeId] of Object.entries(modes)) {
@@ -4476,8 +4478,8 @@ var ANIMATION_DATA_KEY = "animation";
 var num = (value) => {
   if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
   if (typeof value === "string") {
-    const n2 = parseFloat(value);
-    return Number.isFinite(n2) ? n2 : void 0;
+    const n3 = parseFloat(value);
+    return Number.isFinite(n3) ? n3 : void 0;
   }
   return void 0;
 };
@@ -4517,8 +4519,8 @@ function motionPathPoint(node, progress) {
   const path = _optionalChain([getNodeAnimation, 'call', _173 => _173(node), 'optionalAccess', _174 => _174.motionPath]);
   if (!path || typeof path.d !== "string") return null;
   try {
-    const length = _chunkYNSK4MGTcjs.bezierPathLength.call(void 0, path.d);
-    return _chunkYNSK4MGTcjs.bezierPathPointAtLength.call(void 0, path.d, Math.min(1, Math.max(0, progress)) * length);
+    const length = _chunkO2UH7LZEcjs.bezierPathLength.call(void 0, path.d);
+    return _chunkO2UH7LZEcjs.bezierPathPointAtLength.call(void 0, path.d, Math.min(1, Math.max(0, progress)) * length);
   } catch (e5) {
     return null;
   }
@@ -4726,9 +4728,9 @@ function coerceValue(property, value) {
     if (color === null) throw new AnimationEditError("invalid_value", `"${String(value)}" is not a colour.`);
     return color;
   }
-  const n2 = typeof value === "string" && value.trim() !== "" ? Number(value) : value;
-  if (typeof n2 !== "number" || !Number.isFinite(n2)) throw new AnimationEditError("invalid_value", `"${String(value)}" is not a number.`);
-  return clampAnimationValue(property, n2);
+  const n3 = typeof value === "string" && value.trim() !== "" ? Number(value) : value;
+  if (typeof n3 !== "number" || !Number.isFinite(n3)) throw new AnimationEditError("invalid_value", `"${String(value)}" is not a number.`);
+  return clampAnimationValue(property, n3);
 }
 function coerceEasing(easing) {
   if (typeof easing === "string") {
@@ -4745,7 +4747,7 @@ var Draft = (_class4 = class {
   constructor(nodes, options = {}) {;_class4.prototype.__init11.call(this);_class4.prototype.__init12.call(this);
     this.nodes = nodes;
     this.options = options;
-    this.byId = new Map(nodes.map((n2) => [n2.id, n2]));
+    this.byId = new Map(nodes.map((n3) => [n3.id, n3]));
   }
   
   
@@ -4919,7 +4921,7 @@ function deleteKeyframes(nodes, refs, options = {}) {
     if (left.length === 0) {
       const p = draft.property(property);
       const last = _nullishCoalesce(keys.find((k) => sameTime(k.time, lane[lane.length - 1].time)), () => ( keys[keys.length - 1]));
-      if (p && property !== "motionPath") draft.writeNode(nodeId, (n2) => p.write(n2, last.value));
+      if (p && property !== "motionPath") draft.writeNode(nodeId, (n3) => p.write(n3, last.value));
     }
     draft.setKeys(nodeId, property, left);
   }
@@ -4939,7 +4941,7 @@ function removeTrack(nodes, nodeId, property, options = {}) {
   const p = draft.property(property);
   if (options.keepValueAt !== void 0 && p && property !== "motionPath") {
     const value = _chunkO4ONBPZWcjs.evaluateTrack.call(void 0, track, options.keepValueAt, p.type);
-    if (value !== void 0) draft.writeNode(nodeId, (n2) => p.write(n2, value));
+    if (value !== void 0) draft.writeNode(nodeId, (n3) => p.write(n3, value));
   }
   draft.setKeys(nodeId, property, []);
   if (property === "motionPath") draft.setMotionPath(nodeId, void 0);
@@ -5110,8 +5112,8 @@ function pasteKeyframes(nodes, clipboard, time, options = {}) {
 var sameValue = (a, b) => typeof a === "number" && typeof b === "number" ? Math.abs(a - b) <= 1e-9 : a === b;
 function recordAnimationChanges(base, before, after, time, options = {}) {
   const properties = (_nullishCoalesce(options.properties, () => ( ANIMATABLE_PROPERTIES))).filter((p) => p.key !== "motionPath");
-  const baseById = new Map(base.map((n2) => [n2.id, n2]));
-  const beforeById = new Map(before.map((n2) => [n2.id, n2]));
+  const baseById = new Map(base.map((n3) => [n3.id, n3]));
+  const beforeById = new Map(before.map((n3) => [n3.id, n3]));
   const t = coerceTime(time);
   const keyed = [];
   const out = after.map((next) => {
@@ -5261,7 +5263,7 @@ function sampledStops(duration, fps, keyTimes, valueAt) {
   return [...times].sort((a, b) => a - b).map((t) => ({ offset: Math.min(1, t / duration), value: valueAt(t), easing: "linear" }));
 }
 function getCssPropertyAnimations(nodes, nodeId, options = {}) {
-  const node = nodes.find((n2) => n2.id === nodeId);
+  const node = nodes.find((n3) => n3.id === nodeId);
   const animation = getNodeAnimation(node);
   if (!node || !animation) return [];
   const duration = _nullishCoalesce(options.duration, () => ( getAnimationDuration([node])));
@@ -5331,7 +5333,7 @@ function timing(options, duration) {
 }
 var cssIdent = (text) => text.replace(/[^A-Za-z0-9_-]/g, "-").replace(/^(\d)/, "_$1");
 function exportCssAnimation(nodes, nodeId, options = {}) {
-  const duration = _nullishCoalesce(options.duration, () => ( getAnimationDuration(nodes.filter((n2) => n2.id === nodeId))));
+  const duration = _nullishCoalesce(options.duration, () => ( getAnimationDuration(nodes.filter((n3) => n3.id === nodeId))));
   const props = getCssPropertyAnimations(nodes, nodeId, { ...options, duration });
   const base = cssIdent(_nullishCoalesce(options.name, () => ( `anim-${nodeId}`)));
   const t = timing(options, duration);
@@ -5362,7 +5364,7 @@ ${selector} {
   return { css, animation, animations, exact: props.every((p) => p.exact) };
 }
 function toWebAnimations(nodes, nodeId, options = {}) {
-  const duration = _nullishCoalesce(options.duration, () => ( getAnimationDuration(nodes.filter((n2) => n2.id === nodeId))));
+  const duration = _nullishCoalesce(options.duration, () => ( getAnimationDuration(nodes.filter((n3) => n3.id === nodeId))));
   const t = timing(options, duration);
   return getCssPropertyAnimations(nodes, nodeId, { ...options, duration }).map((prop) => ({
     property: prop.property,
@@ -5384,7 +5386,7 @@ function isKeyframeSelected(selection, ref) {
 }
 var defaultLabel = (node) => typeof _optionalChain([node, 'access', _208 => _208.data, 'optionalAccess', _209 => _209.label]) === "string" && node.data.label.trim() ? node.data.label : node.id;
 function getTimelineRows(nodes, ids, options = {}) {
-  const byId = new Map(nodes.map((n2) => [n2.id, n2]));
+  const byId = new Map(nodes.map((n3) => [n3.id, n3]));
   const selection = _nullishCoalesce(options.selection, () => ( []));
   const labelOf = _nullishCoalesce(options.labelOf, () => ( defaultLabel));
   const rows = [];
@@ -5492,7 +5494,7 @@ function createCanvasAnimationController(options) {
     for (const listener of listeners) listener(state);
   };
   player.subscribe(notify);
-  const selectedIds = () => _nullishCoalesce(_optionalChain([options, 'access', _217 => _217.getSelectedIds, 'optionalCall', _218 => _218()]), () => ( options.getNodes().filter((n2) => n2.selected).map((n2) => n2.id)));
+  const selectedIds = () => _nullishCoalesce(_optionalChain([options, 'access', _217 => _217.getSelectedIds, 'optionalCall', _218 => _218()]), () => ( options.getNodes().filter((n3) => n3.selected).map((n3) => n3.id)));
   const KEEP_FIELDS = ["selected", "dragging", "measured"];
   const replaceNodes = (nodes, replacements, animationOnly = false) => nodes.map((node) => {
     const replacement = replacements.get(node.id);
@@ -5515,7 +5517,7 @@ function createCanvasAnimationController(options) {
     const before = options.getNodes();
     const after = edit(before);
     if (after === before) return false;
-    const beforeById = new Map(before.map((n2) => [n2.id, n2]));
+    const beforeById = new Map(before.map((n3) => [n3.id, n3]));
     const undoMap = /* @__PURE__ */ new Map();
     const redoMap = /* @__PURE__ */ new Map();
     for (const node of after) {
@@ -5537,7 +5539,7 @@ function createCanvasAnimationController(options) {
   }
   function pruneSelection() {
     if (selection.length === 0) return;
-    const byId = new Map(options.getNodes().map((n2) => [n2.id, n2]));
+    const byId = new Map(options.getNodes().map((n3) => [n3.id, n3]));
     const kept = selection.filter((ref) => {
       const track = _optionalChain([getNodeAnimation, 'call', _222 => _222(byId.get(ref.nodeId)), 'optionalAccess', _223 => _223.tracks, 'access', _224 => _224[ref.property]]);
       return !!track && _chunkO4ONBPZWcjs.normalizeKeyframes.call(void 0, track.keyframes).some((k) => Math.abs(k.time - ref.time) <= _chunkO4ONBPZWcjs.ANIMATION_TIME_EPSILON);
@@ -5643,27 +5645,27 @@ function createCanvasAnimationController(options) {
         return [];
       }
       const ids = new Set(keyed.map((k) => k.nodeId));
-      const baseById = new Map(base.map((n2) => [n2.id, n2]));
-      const staticNodes = nodes.map((n2) => {
-        if (!ids.has(n2.id)) return n2;
-        const old = _optionalChain([baseById, 'access', _225 => _225.get, 'call', _226 => _226(n2.id), 'optionalAccess', _227 => _227.data, 'optionalAccess', _228 => _228[ANIMATION_DATA_KEY]]);
-        const data = { ..._nullishCoalesce(n2.data, () => ( {})) };
+      const baseById = new Map(base.map((n3) => [n3.id, n3]));
+      const staticNodes = nodes.map((n3) => {
+        if (!ids.has(n3.id)) return n3;
+        const old = _optionalChain([baseById, 'access', _225 => _225.get, 'call', _226 => _226(n3.id), 'optionalAccess', _227 => _227.data, 'optionalAccess', _228 => _228[ANIMATION_DATA_KEY]]);
+        const data = { ..._nullishCoalesce(n3.data, () => ( {})) };
         if (old === void 0) delete data[ANIMATION_DATA_KEY];
         else data[ANIMATION_DATA_KEY] = old;
-        return { ...n2, data };
+        return { ...n3, data };
       });
-      const animationOf = new Map(nodes.filter((n2) => ids.has(n2.id)).map((n2) => [n2.id, _optionalChain([n2, 'access', _229 => _229.data, 'optionalAccess', _230 => _230[ANIMATION_DATA_KEY]])]));
+      const animationOf = new Map(nodes.filter((n3) => ids.has(n3.id)).map((n3) => [n3.id, _optionalChain([n3, 'access', _229 => _229.data, 'optionalAccess', _230 => _230[ANIMATION_DATA_KEY]])]));
       options.setNodes(staticNodes);
       const tag = `animation.record:${[...ids].sort().join(",")}`;
       commit(
         "Record Keyframe",
-        (current) => current.map((n2) => {
-          if (!animationOf.has(n2.id)) return n2;
-          const data = { ..._nullishCoalesce(n2.data, () => ( {})) };
-          const value = animationOf.get(n2.id);
+        (current) => current.map((n3) => {
+          if (!animationOf.has(n3.id)) return n3;
+          const data = { ..._nullishCoalesce(n3.data, () => ( {})) };
+          const value = animationOf.get(n3.id);
           if (value === void 0) delete data[ANIMATION_DATA_KEY];
           else data[ANIMATION_DATA_KEY] = value;
-          return { ...n2, data };
+          return { ...n3, data };
         }),
         { tag, animationOnly: true }
       );
@@ -6160,12 +6162,12 @@ function fieldGroup(field) {
 var Graph = (_class5 = class {
   constructor(nodes) {;_class5.prototype.__init13.call(this);
     this.nodes = nodes;
-    this.byId = new Map(nodes.map((n2) => [n2.id, n2]));
-    for (const n2 of nodes) {
-      if (!n2.parentId || !this.byId.has(n2.parentId)) continue;
-      let list = this.kids.get(n2.parentId);
-      if (!list) this.kids.set(n2.parentId, list = []);
-      list.push(n2.id);
+    this.byId = new Map(nodes.map((n3) => [n3.id, n3]));
+    for (const n3 of nodes) {
+      if (!n3.parentId || !this.byId.has(n3.parentId)) continue;
+      let list = this.kids.get(n3.parentId);
+      if (!list) this.kids.set(n3.parentId, list = []);
+      list.push(n3.id);
     }
   }
   
@@ -6195,7 +6197,7 @@ var Graph = (_class5 = class {
   }
   /** Whether `a` is a strict ancestor of `b`. */
   isAncestor(a, b) {
-    return this.chain(b, false).some((n2) => n2.id === a);
+    return this.chain(b, false).some((n3) => n3.id === a);
   }
   /** `id` and its descendants, pre-order. */
   subtree(id) {
@@ -6325,7 +6327,7 @@ function componentDepsIn(g, componentId) {
 }
 function createsCycleIn(g, componentId, parentId) {
   if (!parentId) return false;
-  const hosts = g.chain(parentId).filter(isCanvasComponent).map((n2) => n2.id);
+  const hosts = g.chain(parentId).filter(isCanvasComponent).map((n3) => n3.id);
   if (hosts.length === 0) return false;
   const deps = componentDepsIn(g, componentId);
   deps.add(componentId);
@@ -6348,7 +6350,7 @@ function isInsideInstance(nodes, id) {
   return enclosingInstanceIn(new Graph(nodes), id) !== void 0;
 }
 function getComponentInstances(nodes, componentId) {
-  return nodes.filter((n2) => _optionalChain([getInstanceData, 'call', _263 => _263(n2), 'optionalAccess', _264 => _264.componentId]) === componentId).map((n2) => n2.id);
+  return nodes.filter((n3) => _optionalChain([getInstanceData, 'call', _263 => _263(n3), 'optionalAccess', _264 => _264.componentId]) === componentId).map((n3) => n3.id);
 }
 function getInstanceStatus(nodes, id) {
   const g = new Graph(nodes);
@@ -6387,19 +6389,19 @@ function getInstanceProperties(nodes, id) {
 function listCanvasComponents(nodes) {
   const g = new Graph(nodes);
   const counts = /* @__PURE__ */ new Map();
-  for (const n2 of nodes) {
-    const c = _optionalChain([getInstanceData, 'call', _267 => _267(n2), 'optionalAccess', _268 => _268.componentId]);
+  for (const n3 of nodes) {
+    const c = _optionalChain([getInstanceData, 'call', _267 => _267(n3), 'optionalAccess', _268 => _268.componentId]);
     if (c) counts.set(c, (_nullishCoalesce(counts.get(c), () => ( 0))) + 1);
   }
   const components = [];
-  for (const n2 of nodes) {
-    if (!isCanvasComponent(n2)) continue;
-    const set = variantSetIn(g, n2.id);
+  for (const n3 of nodes) {
+    if (!isCanvasComponent(n3)) continue;
+    const set = variantSetIn(g, n3.id);
     components.push({
-      id: n2.id,
-      name: getLayerName(n2) || n2.id,
-      ...set ? { setId: set.id, variant: getVariantValues(n2) } : {},
-      instanceCount: _nullishCoalesce(counts.get(n2.id), () => ( 0))
+      id: n3.id,
+      name: getLayerName(n3) || n3.id,
+      ...set ? { setId: set.id, variant: getVariantValues(n3) } : {},
+      instanceCount: _nullishCoalesce(counts.get(n3.id), () => ( 0))
     });
   }
   const sets = nodes.filter(isCanvasComponentSet).map((s) => ({
@@ -6466,15 +6468,15 @@ function clearRuntime(node, old) {
     else delete node[k];
   }
 }
-function tokenDrivenGroups(n2, options) {
-  const mine = stringRecord2(dataOf(n2).tokenBindings);
+function tokenDrivenGroups(n3, options) {
+  const mine = stringRecord2(dataOf(n3).tokenBindings);
   const out = [];
   for (const key of Object.keys(mine)) {
     const property = getCanvasTokenProperty(key, options);
-    if (!property || !property.appliesTo(n2)) continue;
-    const current = property.read(n2);
+    if (!property || !property.appliesTo(n3)) continue;
+    const current = property.read(n3);
     const probe = typeof current === "number" ? current + 1 : typeof current === "boolean" ? !current : `${_nullishCoalesce(current, () => ( ""))}
`;
-    for (const g of diffOverrideGroups(n2, property.write(n2, probe))) if (!out.includes(g)) out.push(g);
+    for (const g of diffOverrideGroups(n3, property.write(n3, probe))) if (!out.includes(g)) out.push(g);
   }
   return out;
 }
@@ -6538,9 +6540,9 @@ function buildInstance(g, instId, opts, taken) {
   const byParentSource = /* @__PURE__ */ new Map();
   const bySource = /* @__PURE__ */ new Map();
   for (const id of oldIds) {
-    const n2 = old.get(id);
-    const s = getComponentSourceId(n2);
-    const key = `${n2.parentId}\0${s}`;
+    const n3 = old.get(id);
+    const s = getComponentSourceId(n3);
+    const key = `${n3.parentId}\0${s}`;
     if (!byParentSource.has(key)) byParentSource.set(key, id);
     bySource.set(s, bySource.has(s) ? null : id);
   }
@@ -6550,10 +6552,10 @@ function buildInstance(g, instId, opts, taken) {
     const walk = (parent, prefix) => {
       const counts = /* @__PURE__ */ new Map();
       for (const c of g.children(parent)) {
-        const n2 = g.get(c);
-        const src = getComponentSourceId(n2);
+        const n3 = g.get(c);
+        const src = getComponentSourceId(n3);
         if (src === void 0) continue;
-        const name = getLayerName(_nullishCoalesce(g.get(src), () => ( n2)));
+        const name = getLayerName(_nullishCoalesce(g.get(src), () => ( n3)));
         const k = _nullishCoalesce(counts.get(name), () => ( 0));
         counts.set(name, k + 1);
         const path = `${prefix}/${k === 0 ? name : `${name}#${k}`}`;
@@ -6574,7 +6576,7 @@ function buildInstance(g, instId, opts, taken) {
   };
   const instProps = /* @__PURE__ */ new Map();
   const out = [];
-  const isText2 = (n2) => typeof n2.type === "string" && opts.textTypes.includes(n2.type);
+  const isText2 = (n3) => typeof n3.type === "string" && opts.textTypes.includes(n3.type);
   const copyLayer = (s, o, id, parentId) => {
     const next = { ...s, id, parentId };
     const data = stripLook(dataOf(s));
@@ -6582,7 +6584,7 @@ function buildInstance(g, instId, opts, taken) {
     data[COMPONENT_SOURCE_DATA_KEY] = s.id;
     next.data = data;
     clearRuntime(next, o);
-    let n2 = next;
+    let n3 = next;
     if (o) {
       let groups = [...getNodeOverrides(o)];
       const from = g.get(getComponentSourceId(o));
@@ -6590,16 +6592,16 @@ function buildInstance(g, instId, opts, taken) {
         const differs = new Set(diffOverrideGroups(from, s));
         groups = groups.filter((gr) => !differs.has(gr));
       }
-      n2 = copyGroups(o, n2, groups);
-      n2 = keepLaidOut(s, o, n2, groups);
-      n2 = setOverrides(n2, groups);
+      n3 = copyGroups(o, n3, groups);
+      n3 = keepLaidOut(s, o, n3, groups);
+      n3 = setOverrides(n3, groups);
     }
-    return fixMeasured(n2, o);
+    return fixMeasured(n3, o);
   };
-  const keepLaidOut = (s, o, n2, groups) => {
-    if (o.parentId !== n2.parentId || groups.includes("size") || groups.includes("position")) return n2;
-    const flows = !getChildLayout(n2).absolute && !!getAutoLayout(g.get(s.parentId));
-    let next = n2;
+  const keepLaidOut = (s, o, n3, groups) => {
+    if (o.parentId !== n3.parentId || groups.includes("size") || groups.includes("position")) return n3;
+    const flows = !getChildLayout(n3).absolute && !!getAutoLayout(g.get(s.parentId));
+    let next = n3;
     if (flows) next = writeOverrideGroup(next, "position", o.position);
     const derived = (axis) => {
       const sizing = getLayoutSizing(next, axis);
@@ -6628,27 +6630,27 @@ function buildInstance(g, instId, opts, taken) {
     data[COMPONENT_SOURCE_DATA_KEY] = sourceId;
     next.data = data;
     clearRuntime(next, old2);
-    let n2 = next;
+    let n3 = next;
     const own = /* @__PURE__ */ new Set();
     listGroups(place2, own);
-    listGroups(n2, own);
-    n2 = copyGroups(place2, n2, [...own].filter((gr) => isOwnRootGroup(gr) && gr !== "component" && gr !== "props"));
+    listGroups(n3, own);
+    n3 = copyGroups(place2, n3, [...own].filter((gr) => isOwnRootGroup(gr) && gr !== "component" && gr !== "props"));
     let groups = old2 ? getNodeOverrides(old2).filter((gr) => !topLevel || !isOwnRootGroup(gr)) : [];
     if (old2 && previousComponent && siblingVariants(g, previousComponent, look.id)) {
       const differs = new Set(diffOverrideGroups(g.get(previousComponent), look));
       groups = groups.filter((gr) => gr === "data.label" || gr === "data.name" || !differs.has(gr));
     }
-    if (old2) n2 = copyGroups(old2, n2, groups.filter((gr) => gr !== "component" && gr !== "props"));
-    return fixMeasured(setOverrides(n2, groups), old2);
+    if (old2) n3 = copyGroups(old2, n3, groups.filter((gr) => gr !== "component" && gr !== "props"));
+    return fixMeasured(setOverrides(n3, groups), old2);
   };
-  const applyChainProps = (n2, s, enc) => {
+  const applyChainProps = (n3, s, enc) => {
     const chain = [s];
     while (chain.length < enc.length) {
       const next2 = g.get(getComponentSourceId(chain[chain.length - 1]));
       if (!next2) break;
       chain.push(next2);
     }
-    let next = n2;
+    let next = n3;
     for (let j = chain.length - 1; j >= 0; j--) {
       const props = instProps.get(enc[j]);
       if (!props) continue;
@@ -6682,8 +6684,8 @@ function buildInstance(g, instId, opts, taken) {
       if (oid !== void 0) used.add(oid);
       const o = oid !== void 0 ? old.get(oid) : void 0;
       const id = _nullishCoalesce(oid, () => ( fresh(sid)));
-      let n2 = applyChainProps(copyLayer(s, o, id, newParent), s, enc);
-      const nested = getInstanceData(n2);
+      let n3 = applyChainProps(copyLayer(s, o, id, newParent), s, enc);
+      const nested = getInstanceData(n3);
       if (nested && depth2 < MAX_DEPTH) {
         const target = nested.componentId;
         instProps.set(id, effectivePropsIn(g, target, nested.properties));
@@ -6691,30 +6693,30 @@ function buildInstance(g, instId, opts, taken) {
           const main = g.get(target);
           if (isCanvasComponent(main) && !expanding.includes(target) && !g.isAncestor(target, instId)) {
             const previousComponent = o ? _optionalChain([getInstanceData, 'call', _272 => _272(o), 'optionalAccess', _273 => _273.componentId]) : void 0;
-            n2 = applyChainProps(instanceRoot(main, s, o, id, newParent, sid, nested, previousComponent, false), s, enc);
-            out.push(n2);
+            n3 = applyChainProps(instanceRoot(main, s, o, id, newParent, sid, nested, previousComponent, false), s, enc);
+            out.push(n3);
             copyChildren(target, id, path, [id], [...expanding, target], depth2 + 1);
             continue;
           }
         }
-        out.push(n2);
+        out.push(n3);
         copyChildren(sid, id, path, [...enc, id], expanding, depth2);
         continue;
       }
-      out.push(n2);
+      out.push(n3);
       copyChildren(sid, id, path, enc, expanding, depth2);
     }
   };
   const root = instanceRoot(comp, inst, inst, instId, inst.parentId, compId, instData, getComponentSourceId(inst), true);
   instProps.set(instId, effectivePropsIn(g, compId, instData.properties));
   copyChildren(compId, instId, "", [instId], [compId], 0);
-  const placed = /* @__PURE__ */ new Set([instId, ...out.map((n2) => n2.id)]);
+  const placed = /* @__PURE__ */ new Set([instId, ...out.map((n3) => n3.id)]);
   const keptForeign = [];
   for (const id of foreign) {
-    const n2 = g.get(id);
-    if (n2.parentId && placed.has(n2.parentId)) {
+    const n3 = g.get(id);
+    if (n3.parentId && placed.has(n3.parentId)) {
       placed.add(id);
-      keptForeign.push(n2);
+      keptForeign.push(n3);
     }
   }
   const removed = /* @__PURE__ */ new Set([instId, ...oldIds, ...foreign]);
@@ -6722,17 +6724,17 @@ function buildInstance(g, instId, opts, taken) {
   const compSize = getNodeSize(comp);
   const rootSize = getNodeSize(root);
   if (!getAutoLayout(root) && (Math.abs(compSize.width - rootSize.width) > 1e-9 || Math.abs(compSize.height - rootSize.height) > 1e-9)) {
-    const fixed = new Set(out.filter((n2) => getNodeOverrides(n2).some((gr) => gr === "size" || gr === "position")).map((n2) => n2.id));
+    const fixed = new Set(out.filter((n3) => getNodeOverrides(n3).some((gr) => gr === "size" || gr === "position")).map((n3) => n3.id));
     const updates = applyConstraints(block, instId, compSize, opts.layout || {}).filter((u) => !fixed.has(u.id));
     block = applyNodeUpdates(block, updates);
   }
   if (opts.layout) {
-    const frames = block.filter((n2) => getAutoLayout(n2)).map((n2) => n2.id);
+    const frames = block.filter((n3) => getAutoLayout(n3)).map((n3) => n3.id);
     if (frames.length) block = applyNodeUpdates(block, layoutUpMany(block, frames, opts.layout));
   }
-  block = block.map((n2) => {
-    const prev = g.get(n2.id);
-    return prev && prev !== n2 && same(prev, n2) ? prev : n2;
+  block = block.map((n3) => {
+    const prev = g.get(n3.id);
+    return prev && prev !== n3 && same(prev, n3) ? prev : n3;
   });
   return { block, removed };
 }
@@ -6750,20 +6752,20 @@ function rebuildBatch(nodes, ids, opts) {
   const removed = /* @__PURE__ */ new Set();
   for (const b of built.values()) for (const id of b.removed) removed.add(id);
   let result = [];
-  for (const n2 of nodes) {
-    const b = built.get(n2.id);
+  for (const n3 of nodes) {
+    const b = built.get(n3.id);
     if (b) result.push(...b.block);
-    else if (!removed.has(n2.id)) result.push(n2);
+    else if (!removed.has(n3.id)) result.push(n3);
   }
   if (opts.layout) {
-    const lookup = new Map(result.map((n2) => [n2.id, n2]));
+    const lookup = new Map(result.map((n3) => [n3.id, n3]));
     const inFrames = [...built.keys()].filter((r) => {
       const parent = lookup.get(_nullishCoalesce(_optionalChain([lookup, 'access', _274 => _274.get, 'call', _275 => _275(r), 'optionalAccess', _276 => _276.parentId]), () => ( "")));
       return !!getAutoLayout(parent);
     });
     if (inFrames.length) result = applyNodeUpdates(result, layoutUpMany(result, inFrames, opts.layout));
   }
-  return result.length === nodes.length && result.every((n2, i) => n2 === nodes[i]) ? nodes : result;
+  return result.length === nodes.length && result.every((n3, i) => n3 === nodes[i]) ? nodes : result;
 }
 function rebuildInstances(nodes, comps, resync, opts) {
   let current = nodes;
@@ -6778,10 +6780,10 @@ function rebuildInstances(nodes, comps, resync, opts) {
   if (comps.size === 0) return current;
   const g = new Graph(current);
   const rootsOf = /* @__PURE__ */ new Map();
-  for (const n2 of current) {
-    const inst = getInstanceData(n2);
+  for (const n3 of current) {
+    const inst = getInstanceData(n3);
     if (!inst) continue;
-    const root = _nullishCoalesce(rootInstanceIn(g, n2.id), () => ( n2.id));
+    const root = _nullishCoalesce(rootInstanceIn(g, n3.id), () => ( n3.id));
     let set = rootsOf.get(inst.componentId);
     if (!set) rootsOf.set(inst.componentId, set = /* @__PURE__ */ new Set());
     set.add(root);
@@ -6815,7 +6817,7 @@ function rebuildInstances(nodes, comps, resync, opts) {
 function finish(original, result, opts) {
   let out = result;
   if (_optionalChain([opts, 'access', _277 => _277.tokens, 'optionalAccess', _278 => _278.state])) out = resolveCanvasTokens(out, opts.tokens.state, opts.tokens);
-  if (out.length === original.length && out.every((n2, i) => n2 === original[i])) return original;
+  if (out.length === original.length && out.every((n3, i) => n3 === original[i])) return original;
   return out;
 }
 function syncCanvasInstance(nodes, instanceId, options = {}) {
@@ -6824,7 +6826,7 @@ function syncCanvasInstance(nodes, instanceId, options = {}) {
 }
 function syncAllCanvasInstances(nodes, options = {}) {
   const opts = resolveSync(options);
-  const comps = new Set(nodes.filter(isCanvasComponent).map((n2) => n2.id));
+  const comps = new Set(nodes.filter(isCanvasComponent).map((n3) => n3.id));
   return finish(nodes, rebuildInstances([...nodes], comps, /* @__PURE__ */ new Set(), opts), opts);
 }
 function rebaseInstance(nodes, instId, tokens) {
@@ -6839,8 +6841,8 @@ function rebaseInstance(nodes, instId, tokens) {
     const walk = (parent, prefix) => {
       const counts = /* @__PURE__ */ new Map();
       for (const c of g.children(parent)) {
-        const n2 = g.get(c);
-        const name = getLayerName(viaSource && g.get(getComponentSourceId(n2)) || n2);
+        const n3 = g.get(c);
+        const name = getLayerName(viaSource && g.get(getComponentSourceId(n3)) || n3);
         const k = _nullishCoalesce(counts.get(name), () => ( 0));
         counts.set(name, k + 1);
         const path = `${prefix}/${k === 0 ? name : `${name}#${k}`}`;
@@ -6856,9 +6858,9 @@ function rebaseInstance(nodes, instId, tokens) {
   paths(instId, true, mine, false);
   const updates = /* @__PURE__ */ new Map();
   for (const [id, path] of mine) {
-    const n2 = g.get(id);
+    const n3 = g.get(id);
     let main;
-    let cur = getComponentSourceId(n2);
+    let cur = getComponentSourceId(n3);
     for (let i = 0; cur && i < MAX_DEPTH; i++) {
       if (cur !== compId && g.get(cur) && g.isAncestor(compId, cur)) {
         main = cur;
@@ -6868,15 +6870,15 @@ function rebaseInstance(nodes, instId, tokens) {
     }
     main ??= comp ? theirs.get(path) : void 0;
     const m = g.get(main);
-    let next = n2;
+    let next = n3;
     if (m) {
-      const bound = /* @__PURE__ */ new Set([...propertyDrivenGroups(g, m), ...tokenDrivenGroups(n2, tokens)]);
-      const groups = new Set(getNodeOverrides(n2).filter((gr) => gr !== "component" && gr !== "props"));
-      for (const gr of diffOverrideGroups(m, n2)) if (gr !== "size" && gr !== "position" && !bound.has(gr)) groups.add(gr);
-      if (isCanvasInstance(m) && isCanvasInstance(n2) && getInstanceData(m).componentId !== getInstanceData(n2).componentId) groups.add("component");
-      next = setOverrides(withData(n2, { ...dataOf(n2), [COMPONENT_SOURCE_DATA_KEY]: m.id }), groups);
-    } else next = unlinked(n2);
-    if (next !== n2) updates.set(id, next);
+      const bound = /* @__PURE__ */ new Set([...propertyDrivenGroups(g, m), ...tokenDrivenGroups(n3, tokens)]);
+      const groups = new Set(getNodeOverrides(n3).filter((gr) => gr !== "component" && gr !== "props"));
+      for (const gr of diffOverrideGroups(m, n3)) if (gr !== "size" && gr !== "position" && !bound.has(gr)) groups.add(gr);
+      if (isCanvasInstance(m) && isCanvasInstance(n3) && getInstanceData(m).componentId !== getInstanceData(n3).componentId) groups.add("component");
+      next = setOverrides(withData(n3, { ...dataOf(n3), [COMPONENT_SOURCE_DATA_KEY]: m.id }), groups);
+    } else next = unlinked(n3);
+    if (next !== n3) updates.set(id, next);
   }
   const root = g.get(instId);
   let nextRoot = withData(root, { ...dataOf(root), [COMPONENT_SOURCE_DATA_KEY]: compId });
@@ -6888,7 +6890,7 @@ function rebaseInstance(nodes, instId, tokens) {
     nextRoot = setOverrides(nextRoot, groups);
   }
   updates.set(instId, nextRoot);
-  return nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2)));
+  return nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3)));
 }
 function sizeFromLayout(g, node) {
   const parentFlows = !!getAutoLayout(g.get(node.parentId)) && !getChildLayout(node).absolute;
@@ -6903,7 +6905,7 @@ function syncCanvasComponents(before, after, options = {}) {
   const prev = new Graph(before);
   let nodes = [...after];
   const resync = /* @__PURE__ */ new Set();
-  const afterIds = new Set(after.map((n2) => n2.id));
+  const afterIds = new Set(after.map((n3) => n3.id));
   const restore = [];
   for (const b of before) {
     if (afterIds.has(b.id) || getComponentSourceId(b) === void 0 || isCanvasInstance(b) && !enclosingInstanceIn(prev, b.id)) continue;
@@ -6912,7 +6914,7 @@ function syncCanvasComponents(before, after, options = {}) {
     restore.push(b);
   }
   if (restore.length) {
-    const restoring = new Set(restore.map((n2) => n2.id));
+    const restoring = new Set(restore.map((n3) => n3.id));
     for (const b of restore) nodes.push(b.parentId && restoring.has(b.parentId) ? b : writeOverrideGroup(b, "hidden", true));
     for (const b of restore) {
       const r = rootInstanceIn(prev, b.id);
@@ -6920,104 +6922,104 @@ function syncCanvasComponents(before, after, options = {}) {
     }
   }
   let g = new Graph(nodes);
-  const added = nodes.filter((n2) => !prev.byId.has(n2.id));
+  const added = nodes.filter((n3) => !prev.byId.has(n3.id));
   if (added.length) {
-    const addedIds = new Set(added.map((n2) => n2.id));
+    const addedIds = new Set(added.map((n3) => n3.id));
     const moves = /* @__PURE__ */ new Map();
-    for (const n2 of added) {
-      if (!n2.parentId || addedIds.has(n2.parentId)) continue;
-      const r = rootInstanceIn(g, n2.parentId);
+    for (const n3 of added) {
+      if (!n3.parentId || addedIds.has(n3.parentId)) continue;
+      const r = rootInstanceIn(g, n3.parentId);
       if (!r || addedIds.has(r)) continue;
       const rootNode = g.get(r);
-      const abs = getAbsolutePosition(n2, g.byId);
+      const abs = getAbsolutePosition(n3, g.byId);
       const parent = g.get(rootNode.parentId);
       const base = parent ? getAbsolutePosition(parent, g.byId) : { x: 0, y: 0 };
-      const moved = { ...n2, position: { x: abs.x - base.x, y: abs.y - base.y } };
+      const moved = { ...n3, position: { x: abs.x - base.x, y: abs.y - base.y } };
       if (rootNode.parentId) moved.parentId = rootNode.parentId;
       else delete moved.parentId;
-      moves.set(n2.id, moved);
+      moves.set(n3.id, moved);
     }
     if (moves.size) {
-      nodes = nodes.map((n2) => _nullishCoalesce(moves.get(n2.id), () => ( n2)));
+      nodes = nodes.map((n3) => _nullishCoalesce(moves.get(n3.id), () => ( n3)));
       g = new Graph(nodes);
     }
     const rebase = [];
     const strips = /* @__PURE__ */ new Map();
-    for (const n2 of added) {
-      const cur = g.get(n2.id);
+    for (const n3 of added) {
+      const cur = g.get(n3.id);
       if (isCanvasInstance(cur)) {
-        if (enclosingInstanceIn(g, n2.id) === void 0 && getComponentSourceId(cur) !== getInstanceData(cur).componentId) rebase.push(n2.id);
+        if (enclosingInstanceIn(g, n3.id) === void 0 && getComponentSourceId(cur) !== getInstanceData(cur).componentId) rebase.push(n3.id);
         continue;
       }
       if (getComponentSourceId(cur) === void 0 && getNodeOverrides(cur).length === 0) continue;
-      const r = rootInstanceIn(g, n2.id);
-      if (!r || !addedIds.has(r) || moves.has(n2.id)) strips.set(n2.id, unlinked(cur, true));
+      const r = rootInstanceIn(g, n3.id);
+      if (!r || !addedIds.has(r) || moves.has(n3.id)) strips.set(n3.id, unlinked(cur, true));
     }
-    if (strips.size) nodes = nodes.map((n2) => _nullishCoalesce(strips.get(n2.id), () => ( n2)));
+    if (strips.size) nodes = nodes.map((n3) => _nullishCoalesce(strips.get(n3.id), () => ( n3)));
     for (const id of rebase) nodes = rebaseInstance(nodes, id, opts.tokens);
     g = new Graph(nodes);
   }
   const overrideUpdates = /* @__PURE__ */ new Map();
-  for (const n2 of nodes) {
-    const b = prev.get(n2.id);
-    if (!b || b === n2) continue;
-    const inst = owningInstanceIn(g, n2.id);
-    if (!inst || getComponentSourceId(n2) === void 0 && inst !== n2.id) continue;
-    const topRoot = inst === n2.id && enclosingInstanceIn(g, n2.id) === void 0;
+  for (const n3 of nodes) {
+    const b = prev.get(n3.id);
+    if (!b || b === n3) continue;
+    const inst = owningInstanceIn(g, n3.id);
+    if (!inst || getComponentSourceId(n3) === void 0 && inst !== n3.id) continue;
+    const topRoot = inst === n3.id && enclosingInstanceIn(g, n3.id) === void 0;
     const bi = getInstanceData(b);
-    const ni = getInstanceData(n2);
-    const raw = diffOverrideGroups(b, n2);
+    const ni = getInstanceData(n3);
+    const raw = diffOverrideGroups(b, n3);
     if (topRoot) {
-      if (bi && ni && (bi.componentId !== ni.componentId || !same(_nullishCoalesce(bi.properties, () => ( {})), _nullishCoalesce(ni.properties, () => ( {}))))) resync.add(n2.id);
-      if (raw.includes("size")) resync.add(n2.id);
+      if (bi && ni && (bi.componentId !== ni.componentId || !same(_nullishCoalesce(bi.properties, () => ( {})), _nullishCoalesce(ni.properties, () => ( {}))))) resync.add(n3.id);
+      if (raw.includes("size")) resync.add(n3.id);
     }
-    let groups = raw.filter((gr) => gr !== "position" && (gr !== "size" || topRoot && !sizeFromLayout(g, n2)));
+    let groups = raw.filter((gr) => gr !== "position" && (gr !== "size" || topRoot && !sizeFromLayout(g, n3)));
     if (topRoot) groups = groups.filter((gr) => !isOwnRootGroup(gr));
     let cleared = [];
-    const srcId = topRoot ? _optionalChain([ni, 'optionalAccess', _279 => _279.componentId]) : getComponentSourceId(n2);
+    const srcId = topRoot ? _optionalChain([ni, 'optionalAccess', _279 => _279.componentId]) : getComponentSourceId(n3);
     const src = g.get(srcId);
     if (src) {
       const reference = topRoot ? rootReference(g, src) : src;
-      const differs = new Set(diffOverrideGroups(reference, n2));
-      const driven = new Set(tokenDrivenGroups(n2, opts.tokens));
+      const differs = new Set(diffOverrideGroups(reference, n3));
+      const driven = new Set(tokenDrivenGroups(n3, opts.tokens));
       groups = groups.filter((gr) => differs.has(gr) && !driven.has(gr));
-      cleared = raw.filter((gr) => gr !== "size" && gr !== "position" && !differs.has(gr) && getNodeOverrides(n2).includes(gr));
+      cleared = raw.filter((gr) => gr !== "size" && gr !== "position" && !differs.has(gr) && getNodeOverrides(n3).includes(gr));
       if (topRoot) cleared = cleared.filter((gr) => !isOwnRootGroup(gr));
     }
-    const lost = getNodeOverrides(b).some((gr) => !getNodeOverrides(n2).includes(gr));
+    const lost = getNodeOverrides(b).some((gr) => !getNodeOverrides(n3).includes(gr));
     const nestedSwitch = !topRoot && raw.some((gr) => gr === "component" || gr === "props");
     if (groups.length || cleared.length) {
-      const set = new Set(getNodeOverrides(n2));
+      const set = new Set(getNodeOverrides(n3));
       for (const gr of groups) set.add(gr);
       for (const gr of cleared) set.delete(gr);
-      const updated = setOverrides(n2, set);
-      if (updated !== n2) overrideUpdates.set(n2.id, updated);
+      const updated = setOverrides(n3, set);
+      if (updated !== n3) overrideUpdates.set(n3.id, updated);
     }
     if (lost || nestedSwitch) {
-      const r = rootInstanceIn(g, n2.id);
+      const r = rootInstanceIn(g, n3.id);
       if (r) resync.add(r);
     }
   }
   if (overrideUpdates.size) {
-    nodes = nodes.map((n2) => _nullishCoalesce(overrideUpdates.get(n2.id), () => ( n2)));
+    nodes = nodes.map((n3) => _nullishCoalesce(overrideUpdates.get(n3.id), () => ( n3)));
     g = new Graph(nodes);
   }
   const comps = /* @__PURE__ */ new Set();
-  for (const n2 of nodes) {
-    const b = prev.get(n2.id);
-    if (b === n2) continue;
-    const c = owningComponentIn(g, n2.id);
-    if (isCanvasComponentSet(n2) && (!b || !same(dataOf(b)[COMPONENT_SET_DATA_KEY], dataOf(n2)[COMPONENT_SET_DATA_KEY]))) {
-      for (const v of variantsIn(g, n2.id)) comps.add(v.id);
+  for (const n3 of nodes) {
+    const b = prev.get(n3.id);
+    if (b === n3) continue;
+    const c = owningComponentIn(g, n3.id);
+    if (isCanvasComponentSet(n3) && (!b || !same(dataOf(b)[COMPONENT_SET_DATA_KEY], dataOf(n3)[COMPONENT_SET_DATA_KEY]))) {
+      for (const v of variantsIn(g, n3.id)) comps.add(v.id);
     }
     if (!c) continue;
     if (!b) {
       comps.add(c);
       continue;
     }
-    const structural = b.parentId !== n2.parentId || !same(dataOf(b)[COMPONENT_DATA_KEY], dataOf(n2)[COMPONENT_DATA_KEY]) || !same(getComponentPropertyRefs(b), getComponentPropertyRefs(n2)) || getComponentSourceId(b) !== getComponentSourceId(n2) || !same(getNodeOverrides(b), getNodeOverrides(n2));
-    const diff = diffOverrideGroups(b, n2);
-    if (!structural && (diff.length === 0 || n2.id === c && diff.every(isOwnRootGroup))) continue;
+    const structural = b.parentId !== n3.parentId || !same(dataOf(b)[COMPONENT_DATA_KEY], dataOf(n3)[COMPONENT_DATA_KEY]) || !same(getComponentPropertyRefs(b), getComponentPropertyRefs(n3)) || getComponentSourceId(b) !== getComponentSourceId(n3) || !same(getNodeOverrides(b), getNodeOverrides(n3));
+    const diff = diffOverrideGroups(b, n3);
+    if (!structural && (diff.length === 0 || n3.id === c && diff.every(isOwnRootGroup))) continue;
     comps.add(c);
   }
   for (const b of before) {
@@ -7028,7 +7030,7 @@ function syncCanvasComponents(before, after, options = {}) {
   {
     const order = (list) => {
       const m = /* @__PURE__ */ new Map();
-      for (const n2 of list) if (n2.parentId) m.set(n2.parentId, [..._nullishCoalesce(m.get(n2.parentId), () => ( [])), n2.id]);
+      for (const n3 of list) if (n3.parentId) m.set(n3.parentId, [..._nullishCoalesce(m.get(n3.parentId), () => ( [])), n3.id]);
       return m;
     };
     const ob = order(before);
@@ -7063,12 +7065,12 @@ function wrapInFrame(nodes, ids, frame) {
   let minY = Infinity;
   let maxX = -Infinity;
   let maxY = -Infinity;
-  for (const n2 of roots) {
-    const { width: width2, height: height2 } = getNodeSize(n2);
-    minX = Math.min(minX, n2.position.x);
-    minY = Math.min(minY, n2.position.y);
-    maxX = Math.max(maxX, n2.position.x + width2);
-    maxY = Math.max(maxY, n2.position.y + height2);
+  for (const n3 of roots) {
+    const { width: width2, height: height2 } = getNodeSize(n3);
+    minX = Math.min(minX, n3.position.x);
+    minY = Math.min(minY, n3.position.y);
+    maxX = Math.max(maxX, n3.position.x + width2);
+    maxY = Math.max(maxY, n3.position.y + height2);
   }
   minX -= frame.padding;
   minY -= frame.padding;
@@ -7088,11 +7090,11 @@ function wrapInFrame(nodes, ids, frame) {
     ...parentId ? { parentId } : {}
   };
   const selected = new Set(ids);
-  const firstIndex = nodes.findIndex((n2) => selected.has(n2.id));
+  const firstIndex = nodes.findIndex((n3) => selected.has(n3.id));
   const out = [];
-  nodes.forEach((n2, i) => {
+  nodes.forEach((n3, i) => {
     if (i === firstIndex) out.push(wrapper);
-    out.push(selected.has(n2.id) ? { ...n2, parentId: frame.id, position: { x: n2.position.x - minX, y: n2.position.y - minY } } : n2);
+    out.push(selected.has(n3.id) ? { ...n3, parentId: frame.id, position: { x: n3.position.x - minX, y: n3.position.y - minY } } : n3);
   });
   return out;
 }
@@ -7113,7 +7115,7 @@ function createCanvasComponent(nodes, ids, options = {}) {
     const node = g.get(roots[0]);
     const frameLike = !isCanvasInstance(node) && (g.children(node.id).length > 0 || typeof node.type === "string" && frameTypes.includes(node.type) || !!getAutoLayout(node));
     if (frameLike) {
-      const after2 = nodes.map((n2) => n2.id === node.id ? withData(n2, { ...dataOf(n2), [COMPONENT_DATA_KEY]: {} }) : n2);
+      const after2 = nodes.map((n3) => n3.id === node.id ? withData(n3, { ...dataOf(n3), [COMPONENT_DATA_KEY]: {} }) : n3);
       return done(nodes, after2, [node.id], options);
     }
   }
@@ -7130,7 +7132,7 @@ function combineCanvasComponentsAsVariants(nodes, ids, options = {}) {
   if (picked.some((id2) => variantSetIn(g, id2))) return fail(nodes, "invalid", "A component is already a variant of a set.");
   if (picked.some((id2) => owningInstanceIn(g, id2))) return fail(nodes, "inside-instance", "Components inside an instance can't be combined.");
   if (new Set(picked.map((id2) => _nullishCoalesce(g.get(id2).parentId, () => ( "")))).size > 1) return fail(nodes, "invalid", "Select components that share a parent.");
-  const ordered = nodes.filter((n2) => picked.includes(n2.id)).map((n2) => n2.id);
+  const ordered = nodes.filter((n3) => picked.includes(n3.id)).map((n3) => n3.id);
   const first = g.get(ordered[0]);
   const firstName = getLayerName(first);
   const name = _nullishCoalesce(options.name, () => ( (firstName && !firstName.includes("=") ? firstName.split("/")[0].trim() : "Component")));
@@ -7143,13 +7145,13 @@ function combineCanvasComponentsAsVariants(nodes, ids, options = {}) {
   });
   const order = [];
   for (const vid of ordered) for (const k of Object.keys(getVariantValues(g.get(vid)))) if (!order.includes(k)) order.push(k);
-  after = after.map((n2) => {
-    const k = ordered.indexOf(n2.id);
-    if (k < 0) return n2;
-    let variant = getVariantValues(n2);
+  after = after.map((n3) => {
+    const k = ordered.indexOf(n3.id);
+    if (k < 0) return n3;
+    let variant = getVariantValues(n3);
     if (Object.keys(variant).length === 0) variant = { "Property 1": k === 0 ? "Default" : `Variant${k + 1}` };
-    const comp = { ..._nullishCoalesce(getComponentData(n2), () => ( {})), variant };
-    return withData(n2, { ...dataOf(n2), [COMPONENT_DATA_KEY]: comp, label: formatVariantName(variant, order) });
+    const comp = { ..._nullishCoalesce(getComponentData(n3), () => ( {})), variant };
+    return withData(n3, { ...dataOf(n3), [COMPONENT_DATA_KEY]: comp, label: formatVariantName(variant, order) });
   });
   return done(nodes, after, [id], options);
 }
@@ -7210,7 +7212,7 @@ function detachCanvasInstance(nodes, ids, options = {}) {
     delete data[COMPONENT_SOURCE_DATA_KEY];
     delete data[COMPONENT_OVERRIDES_DATA_KEY];
     updates.set(id, withData(root, data));
-    current = current.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2)));
+    current = current.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3)));
     for (const nn of nested) current = rebaseInstance(current, nn, options.tokens);
     doneIds.push(id);
   }
@@ -7224,10 +7226,10 @@ function resetCanvasInstanceOverrides(nodes, id, group, options = {}) {
   if (!node || !inst) return fail(nodes, "not-found", "Select an instance or a layer inside one.");
   const top = inst === id && enclosingInstanceIn(g, id) === void 0;
   const updates = /* @__PURE__ */ new Map();
-  const resetProps = (n2) => {
-    const data = getInstanceData(n2);
+  const resetProps = (n3) => {
+    const data = getInstanceData(n3);
     const defaults = effectivePropsIn(g, data.componentId, void 0);
-    return same(_nullishCoalesce(data.properties, () => ( {})), defaults) ? n2 : withData(n2, { ...dataOf(n2), [INSTANCE_DATA_KEY]: { ...data, properties: defaults } });
+    return same(_nullishCoalesce(data.properties, () => ( {})), defaults) ? n3 : withData(n3, { ...dataOf(n3), [INSTANCE_DATA_KEY]: { ...data, properties: defaults } });
   };
   if (group !== void 0) {
     let next = setOverrides(node, getNodeOverrides(node).filter((gr) => gr !== group));
@@ -7235,14 +7237,14 @@ function resetCanvasInstanceOverrides(nodes, id, group, options = {}) {
     updates.set(id, next);
   } else if (inst === id) {
     for (const d of g.subtree(id)) {
-      const n2 = g.get(d);
-      const keep = d === id && top ? getNodeOverrides(n2).filter((gr) => gr === "size") : [];
-      updates.set(d, setOverrides(n2, keep));
+      const n3 = g.get(d);
+      const keep = d === id && top ? getNodeOverrides(n3).filter((gr) => gr === "size") : [];
+      updates.set(d, setOverrides(n3, keep));
     }
     if (top) updates.set(id, resetProps(updates.get(id)));
   } else updates.set(id, setOverrides(node, []));
-  const after = nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2)));
-  const changed = after.some((n2, i) => n2 !== nodes[i]);
+  const after = nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3)));
+  const changed = after.some((n3, i) => n3 !== nodes[i]);
   if (!changed) return { ok: true, nodes, ids: [] };
   const synced = syncCanvasComponents(nodes, after, options);
   return { ok: true, nodes: synced, ids: [inst] };
@@ -7256,21 +7258,21 @@ function pushCanvasInstanceOverrides(nodes, id, options = {}) {
   const updates = /* @__PURE__ */ new Map();
   let pushed = 0;
   for (const d of g.subtree(inst)) {
-    const n2 = g.get(d);
-    const overrides = getNodeOverrides(n2);
+    const n3 = g.get(d);
+    const overrides = getNodeOverrides(n3);
     if (overrides.length === 0) continue;
-    const src = d === inst ? compId : getComponentSourceId(n2);
+    const src = d === inst ? compId : getComponentSourceId(n3);
     if (!src || !g.get(src) || src !== compId && !g.isAncestor(compId, src)) continue;
     const groups = overrides.filter(
       (gr) => gr !== "size" && gr !== "position" && gr !== "component" && gr !== "props" && !(d === inst && (gr === "data.label" || gr === "data.name" || isOwnRootGroup(gr)))
     );
     if (groups.length === 0) continue;
     pushed++;
-    updates.set(src, copyGroups(n2, _nullishCoalesce(updates.get(src), () => ( g.get(src))), groups));
-    updates.set(d, setOverrides(n2, overrides.filter((gr) => !groups.includes(gr))));
+    updates.set(src, copyGroups(n3, _nullishCoalesce(updates.get(src), () => ( g.get(src))), groups));
+    updates.set(d, setOverrides(n3, overrides.filter((gr) => !groups.includes(gr))));
   }
   if (pushed === 0) return fail(nodes, "no-overrides", "The instance has no changes to push.");
-  const after = nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2)));
+  const after = nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3)));
   return done(nodes, after, [inst], options);
 }
 function swapCanvasInstance(nodes, ids, componentId, options = {}) {
@@ -7280,14 +7282,14 @@ function swapCanvasInstance(nodes, ids, componentId, options = {}) {
   const updates = /* @__PURE__ */ new Map();
   const list = [...new Set(ids)];
   for (const id of list) {
-    const n2 = g.get(id);
-    const inst = getInstanceData(n2);
-    if (!n2 || !inst) return fail(nodes, "invalid", `"${id}" is not an instance.`);
-    if (g.isAncestor(main, id) || createsCycleIn(g, main, n2.parentId)) return fail(nodes, "cycle", "An instance can't show the component it is inside.");
+    const n3 = g.get(id);
+    const inst = getInstanceData(n3);
+    if (!n3 || !inst) return fail(nodes, "invalid", `"${id}" is not an instance.`);
+    if (g.isAncestor(main, id) || createsCycleIn(g, main, n3.parentId)) return fail(nodes, "cycle", "An instance can't show the component it is inside.");
     const defaults = effectivePropsIn(g, main, void 0);
     const properties = {};
     for (const [k, d] of Object.entries(defaults)) properties[k] = _optionalChain([inst, 'access', _280 => _280.properties, 'optionalAccess', _281 => _281[k]]) !== void 0 && typeof inst.properties[k] === typeof d ? inst.properties[k] : d;
-    updates.set(id, withData(n2, { ...dataOf(n2), [INSTANCE_DATA_KEY]: { ...inst, componentId: main, properties } }));
+    updates.set(id, withData(n3, { ...dataOf(n3), [INSTANCE_DATA_KEY]: { ...inst, componentId: main, properties } }));
     if (options.keepTextOverridesOnly) {
       for (const d of g.subtree(id)) {
         const layer = _nullishCoalesce(updates.get(d), () => ( g.get(d)));
@@ -7298,7 +7300,7 @@ function swapCanvasInstance(nodes, ids, componentId, options = {}) {
     }
   }
   if (list.length === 0) return fail(nodes, "invalid", "Select an instance.");
-  const after = nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2)));
+  const after = nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3)));
   return done(nodes, after, list, options);
 }
 function setCanvasInstanceProperties(nodes, ids, properties, options = {}) {
@@ -7307,9 +7309,9 @@ function setCanvasInstanceProperties(nodes, ids, properties, options = {}) {
   const list = [...new Set(ids)];
   if (list.length === 0) return fail(nodes, "invalid", "Select an instance.");
   for (const id of list) {
-    const n2 = g.get(id);
-    const inst = getInstanceData(n2);
-    if (!n2 || !inst) return fail(nodes, "invalid", `"${id}" is not an instance.`);
+    const n3 = g.get(id);
+    const inst = getInstanceData(n3);
+    if (!n3 || !inst) return fail(nodes, "invalid", `"${id}" is not an instance.`);
     const set = variantSetIn(g, inst.componentId);
     const options_ = set ? variantOptionsIn(g, set.id) : [];
     const wanted = { ...getVariantValues(g.get(inst.componentId)) };
@@ -7342,16 +7344,16 @@ function setCanvasInstanceProperties(nodes, ids, properties, options = {}) {
       } else {
         const main = typeof v === "string" ? mainOfIn(g, v) : void 0;
         if (!main) return fail(nodes, "type-mismatch", `"${k}" takes a component id.`);
-        if (main === target || componentDepsIn(g, main).has(target) || createsCycleIn(g, main, n2.parentId)) {
+        if (main === target || componentDepsIn(g, main).has(target) || createsCycleIn(g, main, n3.parentId)) {
           return fail(nodes, "cycle", `"${k}" can't show a component that contains this one.`);
         }
         values[k] = main;
       }
     }
     const properties2 = effectivePropsIn(g, target, values);
-    updates.set(id, withData(n2, { ...dataOf(n2), [INSTANCE_DATA_KEY]: { ...inst, componentId: target, properties: properties2 } }));
+    updates.set(id, withData(n3, { ...dataOf(n3), [INSTANCE_DATA_KEY]: { ...inst, componentId: target, properties: properties2 } }));
   }
-  const after = nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2)));
+  const after = nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3)));
   return done(nodes, after, list, options);
 }
 function setCanvasComponentProperty(nodes, componentId, name, def, options = {}) {
@@ -7387,8 +7389,8 @@ function setCanvasComponentProperty(nodes, componentId, name, def, options = {})
   if (renamed !== name) {
     for (const c of comps) {
       for (const d of g.subtree(c)) {
-        const n2 = _nullishCoalesce(updates.get(d), () => ( g.get(d)));
-        const refs = { ...getComponentPropertyRefs(n2) };
+        const n3 = _nullishCoalesce(updates.get(d), () => ( g.get(d)));
+        const refs = { ...getComponentPropertyRefs(n3) };
         let touched = false;
         for (const [field, prop] of Object.entries(refs)) {
           if (prop !== name) continue;
@@ -7397,23 +7399,23 @@ function setCanvasComponentProperty(nodes, componentId, name, def, options = {})
           else refs[field] = renamed;
         }
         if (!touched) continue;
-        const data = { ...dataOf(n2), [COMPONENT_PROPERTY_REFS_DATA_KEY]: refs };
+        const data = { ...dataOf(n3), [COMPONENT_PROPERTY_REFS_DATA_KEY]: refs };
         if (Object.keys(refs).length === 0) delete data[COMPONENT_PROPERTY_REFS_DATA_KEY];
-        updates.set(d, withData(n2, data));
+        updates.set(d, withData(n3, data));
       }
     }
-    for (const n2 of nodes) {
-      const inst = getInstanceData(n2);
+    for (const n3 of nodes) {
+      const inst = getInstanceData(n3);
       if (!inst || !comps.includes(inst.componentId) || !inst.properties || !(name in inst.properties)) continue;
       const props = { ...inst.properties };
       const v = props[name];
       delete props[name];
       if (renamed !== null) props[renamed] = v;
-      const cur = _nullishCoalesce(updates.get(n2.id), () => ( n2));
-      updates.set(n2.id, withData(cur, { ...dataOf(cur), [INSTANCE_DATA_KEY]: { ...inst, properties: props } }));
+      const cur = _nullishCoalesce(updates.get(n3.id), () => ( n3));
+      updates.set(n3.id, withData(cur, { ...dataOf(cur), [INSTANCE_DATA_KEY]: { ...inst, properties: props } }));
     }
   }
-  const after = nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2)));
+  const after = nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3)));
   return done(nodes, after, [owner.id], options);
 }
 function bindCanvasComponentProperty(nodes, layerId, field, name, options = {}) {
@@ -7435,7 +7437,7 @@ function bindCanvasComponentProperty(nodes, layerId, field, name, options = {})
   const data = { ...dataOf(layer) };
   if (Object.keys(refs).length) data[COMPONENT_PROPERTY_REFS_DATA_KEY] = refs;
   else delete data[COMPONENT_PROPERTY_REFS_DATA_KEY];
-  const after = nodes.map((n2) => n2.id === layerId ? withData(n2, data) : n2);
+  const after = nodes.map((n3) => n3.id === layerId ? withData(n3, data) : n3);
   return done(nodes, after, [layerId], options);
 }
 function restoreCanvasMainComponent(nodes, id, options = {}) {
@@ -7447,7 +7449,7 @@ function restoreCanvasMainComponent(nodes, id, options = {}) {
   const compId = inst.componentId;
   const sub = g.subtree(id);
   const map = /* @__PURE__ */ new Map([[id, compId]]);
-  const taken = new Set(nodes.map((n2) => n2.id));
+  const taken = new Set(nodes.map((n3) => n3.id));
   taken.add(compId);
   for (const d of sub) {
     if (d === id) continue;
@@ -7460,10 +7462,10 @@ function restoreCanvasMainComponent(nodes, id, options = {}) {
   const nested = [];
   const replaced = /* @__PURE__ */ new Map();
   for (const d of sub) {
-    let n2 = g.get(d);
+    let n3 = g.get(d);
     const nid = _nullishCoalesce(map.get(d), () => ( d));
-    const parentId = n2.parentId !== void 0 ? _nullishCoalesce(map.get(n2.parentId), () => ( n2.parentId)) : void 0;
-    n2 = { ...n2, id: nid, ...parentId !== void 0 ? { parentId } : {} };
+    const parentId = n3.parentId !== void 0 ? _nullishCoalesce(map.get(n3.parentId), () => ( n3.parentId)) : void 0;
+    n3 = { ...n3, id: nid, ...parentId !== void 0 ? { parentId } : {} };
     if (d === id) {
       const defs = {};
       for (const [k, v] of Object.entries(_nullishCoalesce(inst.properties, () => ( {})))) {
@@ -7471,19 +7473,19 @@ function restoreCanvasMainComponent(nodes, id, options = {}) {
         else if (typeof v === "string" && isCanvasComponent(g.get(v))) defs[k] = { type: "instanceSwap", default: v };
         else if (typeof v === "string") defs[k] = { type: "text", default: v };
       }
-      const data = { ...dataOf(n2) };
+      const data = { ...dataOf(n3) };
       delete data[INSTANCE_DATA_KEY];
       delete data[COMPONENT_SOURCE_DATA_KEY];
       delete data[COMPONENT_OVERRIDES_DATA_KEY];
       data[COMPONENT_DATA_KEY] = Object.keys(defs).length ? { properties: defs } : {};
-      n2 = withData(n2, data);
+      n3 = withData(n3, data);
     } else if (enclosingInstanceIn(g, d) === id) {
-      if (isCanvasInstance(n2)) nested.push(nid);
-      else n2 = unlinked(n2);
+      if (isCanvasInstance(n3)) nested.push(nid);
+      else n3 = unlinked(n3);
     }
-    replaced.set(d, n2);
+    replaced.set(d, n3);
   }
-  let after = nodes.map((n2) => _nullishCoalesce(replaced.get(n2.id), () => ( n2)));
+  let after = nodes.map((n3) => _nullishCoalesce(replaced.get(n3.id), () => ( n3)));
   for (const nn of nested) after = rebaseInstance(after, nn, options.tokens);
   return done(nodes, after, [compId], options);
 }
@@ -7591,7 +7593,7 @@ function getNextVariantValues(nodes, setId, from) {
   return nextVariantValuesIn(g, setId, _nullishCoalesce(from, () => ( defaultVariantIn(g, setId))));
 }
 function relayoutSet(nodes, setId, options) {
-  if (options.layout === false || !getAutoLayout(nodes.find((n2) => n2.id === setId))) return nodes;
+  if (options.layout === false || !getAutoLayout(nodes.find((n3) => n3.id === setId))) return nodes;
   return applyNodeUpdates(nodes, layoutUpMany(nodes, [setId], typeof options.layout === "object" ? options.layout : {}));
 }
 function addCanvasVariant(nodes, setId, options = {}) {
@@ -7635,23 +7637,23 @@ function addCanvasVariant(nodes, setId, options = {}) {
   }
   const order = variantOrder([...edit.variants.map((v) => v.id), id], edit.values);
   const subSet = new Set(sub);
-  const copies = nodes.filter((n2) => subSet.has(n2.id)).map((n2) => {
-    const next = { ...n2, id: map.get(n2.id) };
-    if (n2.parentId !== void 0 && n2.id !== fromId) next.parentId = _nullishCoalesce(map.get(n2.parentId), () => ( n2.parentId));
+  const copies = nodes.filter((n3) => subSet.has(n3.id)).map((n3) => {
+    const next = { ...n3, id: map.get(n3.id) };
+    if (n3.parentId !== void 0 && n3.id !== fromId) next.parentId = _nullishCoalesce(map.get(n3.parentId), () => ( n3.parentId));
     for (const k of RUNTIME_KEYS) delete next[k];
-    if (n2.id !== fromId) return next;
+    if (n3.id !== fromId) return next;
     next.position = position;
     return withVariantValues(next, edit.values.get(id), order);
   });
   const updates = writeVariantEdit(edit, [id]);
   const inSet = new Set(g.subtree(setId));
   let last = -1;
-  nodes.forEach((n2, i) => {
-    if (inSet.has(n2.id)) last = i;
+  nodes.forEach((n3, i) => {
+    if (inSet.has(n3.id)) last = i;
   });
   let after = [];
-  nodes.forEach((n2, i) => {
-    after.push(_nullishCoalesce(updates.get(n2.id), () => ( n2)));
+  nodes.forEach((n3, i) => {
+    after.push(_nullishCoalesce(updates.get(n3.id), () => ( n3)));
     if (i === last) after.push(...copies);
   });
   if (autoLayout && !options.position) after = relayoutSet(after, setId, options);
@@ -7672,10 +7674,10 @@ function removeCanvasVariant(nodes, variantId, options = {}) {
   if (others.length === 0) return fail(nodes, "invalid", "A component set needs at least one variant: delete the set instead.");
   const replacement = closestVariant(others, getVariantValues(g.get(variantId)));
   const swap = (v) => v === variantId ? replacement : v;
-  const repointed = nodes.map((n2) => {
-    const data = dataOf(n2);
+  const repointed = nodes.map((n3) => {
+    const data = dataOf(n3);
     let next;
-    const inst = getInstanceData(n2);
+    const inst = getInstanceData(n3);
     if (inst) {
       const moved = { ...inst, componentId: swap(inst.componentId) };
       if (inst.properties) moved.properties = Object.fromEntries(Object.entries(inst.properties).map(([k, v]) => [k, swap(v)]));
@@ -7690,12 +7692,12 @@ function removeCanvasVariant(nodes, variantId, options = {}) {
       }
       if (!same(defs, owner.properties)) next = { ..._nullishCoalesce(next, () => ( data)), [key]: { ...owner, properties: defs } };
     }
-    return next ? withData(n2, next) : n2;
+    return next ? withData(n3, next) : n3;
   });
   const mid = syncCanvasComponents(nodes, repointed, options);
   const gone = new Set(new Graph(mid).subtree(variantId));
   const after = relayoutSet(
-    mid.filter((n2) => !gone.has(n2.id)),
+    mid.filter((n3) => !gone.has(n3.id)),
     set.id,
     options
   );
@@ -7716,17 +7718,17 @@ function setCanvasVariantProperties(nodes, variantId, values, options = {}) {
   if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
   const updates = writeVariantEdit(edit);
   if (updates.size === 0) return { ok: true, nodes, ids: [variantId] };
-  return done(nodes, nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2))), [variantId], options);
+  return done(nodes, nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3))), [variantId], options);
 }
 function updateInstanceValues(g, setId, updates, fn) {
   const ids = new Set(variantsIn(g, setId).map((v) => v.id));
-  for (const n2 of g.nodes) {
-    const inst = getInstanceData(n2);
+  for (const n3 of g.nodes) {
+    const inst = getInstanceData(n3);
     if (!_optionalChain([inst, 'optionalAccess', _290 => _290.properties]) || !ids.has(inst.componentId)) continue;
     const props = fn({ ...inst.properties });
     if (same(props, inst.properties)) continue;
-    const cur = _nullishCoalesce(updates.get(n2.id), () => ( n2));
-    updates.set(n2.id, withData(cur, { ...dataOf(cur), [INSTANCE_DATA_KEY]: { ...inst, properties: props } }));
+    const cur = _nullishCoalesce(updates.get(n3.id), () => ( n3));
+    updates.set(n3.id, withData(cur, { ...dataOf(cur), [INSTANCE_DATA_KEY]: { ...inst, properties: props } }));
   }
 }
 function renameCanvasVariantProperty(nodes, setId, name, newName, options = {}) {
@@ -7745,7 +7747,7 @@ function renameCanvasVariantProperty(nodes, setId, name, newName, options = {})
   for (const [id, v] of edit.values) edit.values.set(id, rename(v));
   const updates = writeVariantEdit(edit);
   updateInstanceValues(g, setId, updates, (props) => name in props ? rename(props) : props);
-  return done(nodes, nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2))), [setId], options);
+  return done(nodes, nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3))), [setId], options);
 }
 function renameCanvasVariantValue(nodes, setId, property, value, newValue, options = {}) {
   const g = new Graph(nodes);
@@ -7768,34 +7770,34 @@ function renameCanvasVariantValue(nodes, setId, property, value, newValue, optio
   if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
   const updates = writeVariantEdit(edit);
   updateInstanceValues(g, setId, updates, (props) => props[property] === value ? { ...props, [property]: to } : props);
-  return done(nodes, nodes.map((n2) => _nullishCoalesce(updates.get(n2.id), () => ( n2))), [setId], options);
+  return done(nodes, nodes.map((n3) => _nullishCoalesce(updates.get(n3.id), () => ( n3))), [setId], options);
 }
 
 // src/canvas/componentsController.ts
 function makePatch(from, to) {
-  const fromIds = new Map(from.map((n2) => [n2.id, n2]));
-  const toIds = new Set(to.map((n2) => n2.id));
+  const fromIds = new Map(from.map((n3) => [n3.id, n3]));
+  const toIds = new Set(to.map((n3) => n3.id));
   const changes = /* @__PURE__ */ new Map();
-  for (const n2 of to) if (fromIds.get(n2.id) !== n2) changes.set(n2.id, n2);
-  for (const n2 of from) if (!toIds.has(n2.id)) changes.set(n2.id, null);
-  return { changes, order: to.map((n2) => n2.id) };
+  for (const n3 of to) if (fromIds.get(n3.id) !== n3) changes.set(n3.id, n3);
+  for (const n3 of from) if (!toIds.has(n3.id)) changes.set(n3.id, null);
+  return { changes, order: to.map((n3) => n3.id) };
 }
 function applyPatch(current, patch) {
-  const byId = new Map(current.map((n2) => [n2.id, n2]));
-  for (const [id, n2] of patch.changes) {
-    if (n2) byId.set(id, n2);
+  const byId = new Map(current.map((n3) => [n3.id, n3]));
+  for (const [id, n3] of patch.changes) {
+    if (n3) byId.set(id, n3);
     else byId.delete(id);
   }
   const out = [];
   const placed = /* @__PURE__ */ new Set();
   for (const id of patch.order) {
-    const n2 = byId.get(id);
-    if (n2 && !placed.has(id)) {
-      out.push(n2);
+    const n3 = byId.get(id);
+    if (n3 && !placed.has(id)) {
+      out.push(n3);
       placed.add(id);
     }
   }
-  for (const n2 of current) if (!placed.has(n2.id) && byId.has(n2.id)) out.push(byId.get(n2.id));
+  for (const n3 of current) if (!placed.has(n3.id) && byId.has(n3.id)) out.push(byId.get(n3.id));
   return out;
 }
 function createCanvasComponentsController(options) {
@@ -7806,7 +7808,7 @@ function createCanvasComponentsController(options) {
     layout: options.layout,
     tokens: options.tokens
   });
-  const selection = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _291 => _291.getSelectedIds, 'optionalCall', _292 => _292()]), () => ( options.getNodes().filter((n2) => n2.selected).map((n2) => n2.id)));
+  const selection = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _291 => _291.getSelectedIds, 'optionalCall', _292 => _292()]), () => ( options.getNodes().filter((n3) => n3.selected).map((n3) => n3.id)));
   const target = (id) => _nullishCoalesce(id, () => ( selection()[0]));
   function set(next) {
     synced = next;
@@ -7840,7 +7842,7 @@ function createCanvasComponentsController(options) {
   const refused = (why) => ({ ok: false, nodes: nodes(), code: "not-found", reason: why });
   const setOf = (id) => {
     const at = target(id);
-    const node = at ? nodes().find((n2) => n2.id === at) : void 0;
+    const node = at ? nodes().find((n3) => n3.id === at) : void 0;
     if (!node) return void 0;
     return isCanvasComponentSet(node) ? node.id : getVariantSet(nodes(), node.id);
   };
@@ -7867,22 +7869,22 @@ function createCanvasComponentsController(options) {
     /** Create Component from `ids` (default: the selection). */
     createComponent(ids, createOptions = {}) {
       const list = selection(ids);
-      return run("Create Component", (n2) => createCanvasComponent(n2, list, { ...syncOptions(), ...createOptions }));
+      return run("Create Component", (n3) => createCanvasComponent(n3, list, { ...syncOptions(), ...createOptions }));
     },
     canCreateComponent: (ids) => reason(createCanvasComponent(nodes(), selection(ids), { layout: false })),
     /** Combine as Variants: wraps the selected components in a component set. */
     combineAsVariants(ids, combineOptions = {}) {
       const list = selection(ids);
-      return run("Combine as Variants", (n2) => combineCanvasComponentsAsVariants(n2, list, { ...syncOptions(), ...combineOptions }));
+      return run("Combine as Variants", (n3) => combineCanvasComponentsAsVariants(n3, list, { ...syncOptions(), ...combineOptions }));
     },
     canCombineAsVariants: (ids) => reason(combineCanvasComponentsAsVariants(nodes(), selection(ids), { layout: false })),
     /** Create Instance of a component or component set. */
     createInstance(componentId, createOptions = {}) {
-      return run("Create Instance", (n2) => createCanvasInstance(n2, componentId, { ...syncOptions(), ...createOptions }));
+      return run("Create Instance", (n3) => createCanvasInstance(n3, componentId, { ...syncOptions(), ...createOptions }));
     },
     canCreateInstance(componentId, parentId) {
       const list = nodes();
-      const target2 = componentId ? list.find((n2) => n2.id === componentId) : void 0;
+      const target2 = componentId ? list.find((n3) => n3.id === componentId) : void 0;
       if (!target2 || !isCanvasComponent(target2) && !isCanvasComponentSet(target2)) return "Choose a component or component set.";
       if (wouldCreateComponentCycle(list, componentId, parentId)) return "An instance can't be placed inside its own main component.";
       if (parentId && getOwningInstance(list, parentId)) return "Instances can't gain layers: place it outside the instance.";
@@ -7891,11 +7893,11 @@ function createCanvasComponentsController(options) {
     /** Detach Instance (default: the selected instances). */
     detachInstance(ids) {
       const list = selection(ids);
-      return run("Detach Instance", (n2) => detachCanvasInstance(n2, list, syncOptions()));
+      return run("Detach Instance", (n3) => detachCanvasInstance(n3, list, syncOptions()));
     },
     canDetachInstance(ids) {
       const list = nodes();
-      const instances = selection(ids).filter((id) => getInstanceData(list.find((n2) => n2.id === id)));
+      const instances = selection(ids).filter((id) => getInstanceData(list.find((n3) => n3.id === id)));
       if (instances.length === 0) return "Select an instance.";
       if (instances.some((id) => isInsideInstance(list, id))) return "A nested instance can't be detached on its own: detach the outer instance first.";
       return true;
@@ -7904,21 +7906,21 @@ function createCanvasComponentsController(options) {
     resetOverrides(id, group) {
       const at = target(id);
       if (!at) return { ok: false, nodes: nodes(), code: "not-found", reason: "Select an instance or a layer inside one." };
-      return run(group ? "Reset Override" : "Reset All Changes", (n2) => resetCanvasInstanceOverrides(n2, at, group, syncOptions()));
+      return run(group ? "Reset Override" : "Reset All Changes", (n3) => resetCanvasInstanceOverrides(n3, at, group, syncOptions()));
     },
     canResetOverrides(id) {
       const at = target(id);
       const info = at ? inspectCanvasInstance(nodes(), at) : void 0;
       if (!info) return "Select an instance or a layer inside one.";
       const changedProps = !info.nested && info.properties.some((p) => p.value !== p.default);
-      const own = info.id === at ? info.overrides.length > 0 : getNodeOverrides(nodes().find((n2) => n2.id === at)).length > 0;
+      const own = info.id === at ? info.overrides.length > 0 : getNodeOverrides(nodes().find((n3) => n3.id === at)).length > 0;
       return own || info.id === at && changedProps ? true : "No overrides to reset.";
     },
     /** Push the (outermost) instance's overrides to its main component. */
     pushOverrides(id) {
       const at = target(id);
       if (!at) return { ok: false, nodes: nodes(), code: "not-found", reason: "Select an instance." };
-      return run("Push Changes to Main Component", (n2) => pushCanvasInstanceOverrides(n2, at, syncOptions()));
+      return run("Push Changes to Main Component", (n3) => pushCanvasInstanceOverrides(n3, at, syncOptions()));
     },
     canPushOverrides(id) {
       const at = target(id);
@@ -7927,17 +7929,17 @@ function createCanvasComponentsController(options) {
     /** Swap the selected instances to another component (or a set's default variant). */
     swapInstance(componentId, ids, swapOptions = {}) {
       const list = selection(ids);
-      return run("Swap Instance", (n2) => swapCanvasInstance(n2, list, componentId, { ...syncOptions(), ...swapOptions }));
+      return run("Swap Instance", (n3) => swapCanvasInstance(n3, list, componentId, { ...syncOptions(), ...swapOptions }));
     },
     canSwapInstance(componentId, ids) {
       const list = nodes();
-      const instances = selection(ids).filter((id) => getInstanceData(list.find((n2) => n2.id === id)));
+      const instances = selection(ids).filter((id) => getInstanceData(list.find((n3) => n3.id === id)));
       if (instances.length === 0) return "Select an instance.";
       if (componentId === void 0) return true;
-      const main = list.find((n2) => n2.id === componentId);
+      const main = list.find((n3) => n3.id === componentId);
       if (!main || !isCanvasComponent(main) && !isCanvasComponentSet(main)) return "Choose a component or component set.";
       for (const id of instances) {
-        const node = list.find((n2) => n2.id === id);
+        const node = list.find((n3) => n3.id === id);
         if (wouldCreateComponentCycle(list, componentId, node.parentId)) return "An instance can't show the component it is inside.";
       }
       return true;
@@ -7945,18 +7947,18 @@ function createCanvasComponentsController(options) {
     /** Set variant / component property values on the selected instances (one step). */
     setInstanceProperties(properties, ids) {
       const list = selection(ids);
-      return run("Set Instance Properties", (n2) => setCanvasInstanceProperties(n2, list, properties, syncOptions()));
+      return run("Set Instance Properties", (n3) => setCanvasInstanceProperties(n3, list, properties, syncOptions()));
     },
     canSetInstanceProperties(ids) {
       const list = nodes();
       const sel = selection(ids);
-      return sel.length > 0 && sel.every((id) => getInstanceData(list.find((n2) => n2.id === id))) ? true : "Select instances.";
+      return sel.length > 0 && sel.every((id) => getInstanceData(list.find((n3) => n3.id === id))) ? true : "Select instances.";
     },
     /** Restore Main Component from an instance whose main was deleted. */
     restoreMainComponent(id) {
       const at = target(id);
       if (!at) return { ok: false, nodes: nodes(), code: "not-found", reason: "Select an instance." };
-      return run("Restore Main Component", (n2) => restoreCanvasMainComponent(n2, at, syncOptions()));
+      return run("Restore Main Component", (n3) => restoreCanvasMainComponent(n3, at, syncOptions()));
     },
     canRestoreMainComponent(id) {
       const at = target(id);
@@ -7966,7 +7968,7 @@ function createCanvasComponentsController(options) {
     setComponentProperty(componentId, name, def, propertyOptions = {}) {
       return run(
         def ? "Edit Component Property" : "Delete Component Property",
-        (n2) => setCanvasComponentProperty(n2, componentId, name, def, { ...syncOptions(), ...propertyOptions })
+        (n3) => setCanvasComponentProperty(n3, componentId, name, def, { ...syncOptions(), ...propertyOptions })
       );
     },
     /**
@@ -7977,7 +7979,7 @@ function createCanvasComponentsController(options) {
       const set2 = setOf(setId);
       if (!set2) return refused(NO_SET);
       const opts = addOptions(setId, variantOptions);
-      return run("Add Variant", (n2) => addCanvasVariant(n2, set2, { ...syncOptions(), ...opts }));
+      return run("Add Variant", (n3) => addCanvasVariant(n3, set2, { ...syncOptions(), ...opts }));
     },
     canAddVariant(setId, variantOptions = {}) {
       const set2 = setOf(setId);
@@ -7987,7 +7989,7 @@ function createCanvasComponentsController(options) {
     removeVariant(variantId) {
       const v = variantOf(variantId);
       if (!v) return refused(NO_VARIANT);
-      return run("Remove Variant", (n2) => removeCanvasVariant(n2, v, syncOptions()));
+      return run("Remove Variant", (n3) => removeCanvasVariant(n3, v, syncOptions()));
     },
     canRemoveVariant(variantId) {
       const v = variantOf(variantId);
@@ -7997,7 +7999,7 @@ function createCanvasComponentsController(options) {
     setVariantProperties(values, variantId, variantOptions = {}) {
       const v = variantOf(variantId);
       if (!v) return refused(NO_VARIANT);
-      return run("Edit Variant", (n2) => setCanvasVariantProperties(n2, v, values, { ...syncOptions(), ...variantOptions }));
+      return run("Edit Variant", (n3) => setCanvasVariantProperties(n3, v, values, { ...syncOptions(), ...variantOptions }));
     },
     canSetVariantProperties(values, variantId) {
       const v = variantOf(variantId);
@@ -8008,7 +8010,7 @@ function createCanvasComponentsController(options) {
     renameVariantProperty(name, newName, setId) {
       const set2 = setOf(setId);
       if (!set2) return refused(NO_SET);
-      return run("Rename Variant Property", (n2) => renameCanvasVariantProperty(n2, set2, name, newName, syncOptions()));
+      return run("Rename Variant Property", (n3) => renameCanvasVariantProperty(n3, set2, name, newName, syncOptions()));
     },
     canRenameVariantProperty(name, newName, setId) {
       const set2 = setOf(setId);
@@ -8019,7 +8021,7 @@ function createCanvasComponentsController(options) {
     renameVariantValue(property, value, newValue, setId) {
       const set2 = setOf(setId);
       if (!set2) return refused(NO_SET);
-      return run("Rename Variant Value", (n2) => renameCanvasVariantValue(n2, set2, property, value, newValue, syncOptions()));
+      return run("Rename Variant Value", (n3) => renameCanvasVariantValue(n3, set2, property, value, newValue, syncOptions()));
     },
     canRenameVariantValue(property, value, newValue, setId) {
       const set2 = setOf(setId);
@@ -8028,19 +8030,19 @@ function createCanvasComponentsController(options) {
     },
     /** Binds (or with `null` unbinds) a main layer's field to a component property. */
     bindComponentProperty(layerId, field, name) {
-      return run("Bind Component Property", (n2) => bindCanvasComponentProperty(n2, layerId, field, name, syncOptions()));
+      return run("Bind Component Property", (n3) => bindCanvasComponentProperty(n3, layerId, field, name, syncOptions()));
     },
     /** Selects the main component of an instance (or of the instance a layer is in). */
     goToMainComponent(id) {
       const at = target(id);
       const list = sync();
       const inst = at ? getOwningInstance(list, at) : void 0;
-      const main = inst ? _optionalChain([getInstanceData, 'call', _293 => _293(list.find((n2) => n2.id === inst)), 'optionalAccess', _294 => _294.componentId]) : void 0;
-      const node = main ? list.find((n2) => n2.id === main) : void 0;
+      const main = inst ? _optionalChain([getInstanceData, 'call', _293 => _293(list.find((n3) => n3.id === inst)), 'optionalAccess', _294 => _294.componentId]) : void 0;
+      const node = main ? list.find((n3) => n3.id === main) : void 0;
       if (!node) return void 0;
-      const next = list.map((n2) => !!n2.selected === (n2.id === main) ? n2 : { ...n2, selected: n2.id === main });
+      const next = list.map((n3) => !!n3.selected === (n3.id === main) ? n3 : { ...n3, selected: n3.id === main });
       set(next);
-      _optionalChain([options, 'access', _295 => _295.onReveal, 'optionalCall', _296 => _296(next.find((n2) => n2.id === main))]);
+      _optionalChain([options, 'access', _295 => _295.onReveal, 'optionalCall', _296 => _296(next.find((n3) => n3.id === main))]);
       return main;
     },
     canGoToMainComponent(id) {
@@ -8048,8 +8050,8 @@ function createCanvasComponentsController(options) {
       const list = nodes();
       const inst = at ? getOwningInstance(list, at) : void 0;
       if (!inst) return "Select an instance.";
-      const main = getInstanceData(list.find((n2) => n2.id === inst)).componentId;
-      return list.some((n2) => n2.id === main) ? true : "The main component was deleted.";
+      const main = getInstanceData(list.find((n3) => n3.id === inst)).componentId;
+      return list.some((n3) => n3.id === main) ? true : "The main component was deleted.";
     },
     /** Components and component sets, for a components panel. */
     list: () => listCanvasComponents(nodes()),
@@ -8135,7 +8137,7 @@ function strokePointsToPathData(points, options = {}) {
     const [p0, p1] = points;
     return `M ${p0[0]} ${p0[1]} L ${p1[0]} ${p1[1]}`;
   }
-  const fitted = _chunkYNSK4MGTcjs.fitFreehandPath.call(void 0, points, options);
+  const fitted = _chunkO2UH7LZEcjs.fitFreehandPath.call(void 0, points, options);
   return fitted.length > 0 ? fitted : `M ${points[0][0]} ${points[0][1]}`;
 }
 function strokeToShapeNode(stroke, options = {}) {
@@ -8193,7 +8195,7 @@ function findStrokesAtPoint(point, nodes, radius = 12) {
     }
     const localPoint = [point[0] - rect2.x, point[1] - rect2.y];
     try {
-      const dist = _chunkYNSK4MGTcjs.distanceToBezierPath.call(void 0, shape.d, localPoint);
+      const dist = _chunkO2UH7LZEcjs.distanceToBezierPath.call(void 0, shape.d, localPoint);
       if (dist <= effectiveRadius) {
         matches2.push(node);
       }
@@ -8272,7 +8274,7 @@ function createCanvasDrawController(options) {
         options.history.execute({
           name: "Erase strokes",
           execute: () => {
-            const remaining = options.getNodes().filter((n2) => !erasedIds.has(n2.id));
+            const remaining = options.getNodes().filter((n3) => !erasedIds.has(n3.id));
             options.setNodes(remaining);
           },
           undo: () => {
@@ -8304,7 +8306,7 @@ function createCanvasDrawController(options) {
           options.setNodes([...options.getNodes(), node]);
         },
         undo: () => {
-          options.setNodes(options.getNodes().filter((n2) => n2.id !== node.id));
+          options.setNodes(options.getNodes().filter((n3) => n3.id !== node.id));
         }
       });
     } else {
@@ -8336,15 +8338,15 @@ function createCanvasDrawController(options) {
     const newlyErased = [];
     for (const candidate of candidates) {
       if (erasedInDrag.has(candidate.id) || isLocked(candidate)) continue;
-      const index = nodes.findIndex((n2) => n2.id === candidate.id);
+      const index = nodes.findIndex((n3) => n3.id === candidate.id);
       if (index !== -1) {
         erasedInDrag.set(candidate.id, { node: candidate, index });
         newlyErased.push(candidate);
       }
     }
     if (newlyErased.length > 0) {
-      const erasedSet = new Set(newlyErased.map((n2) => n2.id));
-      const nextNodes = nodes.filter((n2) => !erasedSet.has(n2.id));
+      const erasedSet = new Set(newlyErased.map((n3) => n3.id));
+      const nextNodes = nodes.filter((n3) => !erasedSet.has(n3.id));
       options.setNodes(nextNodes);
       _optionalChain([options, 'access', _317 => _317.onNodesErase, 'optionalCall', _318 => _318(newlyErased)]);
     }
@@ -8478,9 +8480,9 @@ function autoLayoutDiagram(graph, options = {}) {
   const pad = _nullishCoalesce(options.groupPadding, () => ( 24));
   const titleH = _nullishCoalesce(options.groupTitleHeight, () => ( 32));
   const childrenOf = /* @__PURE__ */ new Map();
-  for (const n2 of graph.nodes) push(childrenOf, n2.parentId, { id: n2.id, isGroup: false });
+  for (const n3 of graph.nodes) push(childrenOf, n3.parentId, { id: n3.id, isGroup: false });
   for (const g of graph.groups) push(childrenOf, g.parentId, { id: g.id, isGroup: true });
-  const nodeById = new Map(graph.nodes.map((n2) => [n2.id, n2]));
+  const nodeById = new Map(graph.nodes.map((n3) => [n3.id, n3]));
   const groupById = new Map(graph.groups.map((g) => [g.id, g]));
   const sizes = {};
   const relative = {};
@@ -8529,11 +8531,11 @@ function autoLayoutDiagram(graph, options = {}) {
     let maxX = -Infinity;
     let maxY = -Infinity;
     for (const c of children) {
-      const n2 = g.node(c.id);
+      const n3 = g.node(c.id);
       const w = sizes[c.id].width;
       const h = sizes[c.id].height;
-      const x = n2.x - w / 2;
-      const y = n2.y - h / 2;
+      const x = n3.x - w / 2;
+      const y = n3.y - h / 2;
       relative[c.id] = [x, y];
       minX = Math.min(minX, x);
       minY = Math.min(minY, y);
@@ -8560,7 +8562,7 @@ function autoLayoutDiagram(graph, options = {}) {
     }
     return positions[id];
   };
-  for (const n2 of graph.nodes) absolute(n2.id);
+  for (const n3 of graph.nodes) absolute(n3.id);
   for (const g of graph.groups) absolute(g.id);
   return { positions, sizes };
 }
@@ -8572,11 +8574,11 @@ function push(map, key, value) {
 function ensureDiagramLayout(graph, meta, options) {
   const measure = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _335 => _335.measure]), () => ( estimateDiagramNodeSize));
   const stored = _nullishCoalesce(meta.layout, () => ( {}));
-  const allIds = [...graph.nodes.map((n2) => n2.id), ...graph.groups.map((g) => g.id)];
+  const allIds = [...graph.nodes.map((n3) => n3.id), ...graph.groups.map((g) => g.id)];
   const missing = allIds.filter((id) => !stored[id]);
   const sizes = {};
-  for (const n2 of graph.nodes)
-    sizes[n2.id] = _optionalChain([meta, 'access', _336 => _336.sizes, 'optionalAccess', _337 => _337[n2.id]]) ? { width: meta.sizes[n2.id][0], height: meta.sizes[n2.id][1] } : measure(n2);
+  for (const n3 of graph.nodes)
+    sizes[n3.id] = _optionalChain([meta, 'access', _336 => _336.sizes, 'optionalAccess', _337 => _337[n3.id]]) ? { width: meta.sizes[n3.id][0], height: meta.sizes[n3.id][1] } : measure(n3);
   if (!missing.length) {
     const positions2 = {};
     for (const id of allIds) positions2[id] = stored[id];
@@ -8607,7 +8609,7 @@ function diagramGroupSize(groupId, graph, positions, sizes, meta, pad = 24, titl
   if (_optionalChain([meta, 'access', _338 => _338.sizes, 'optionalAccess', _339 => _339[groupId]]))
     return { width: meta.sizes[groupId][0], height: meta.sizes[groupId][1] };
   const members = [
-    ...graph.nodes.filter((n2) => n2.parentId === groupId).map((n2) => n2.id),
+    ...graph.nodes.filter((n3) => n3.parentId === groupId).map((n3) => n3.id),
     ...graph.groups.filter((g) => g.parentId === groupId).map((g) => g.id)
   ];
   if (!members.length) return { width: 200, height: 100 };
@@ -8657,7 +8659,7 @@ function mermaidFlowNodes(graph, layout2, options = {}) {
   const positions = { ...layout2.positions, ..._nullishCoalesce(options.positions, () => ( {})) };
   const sizes = { ...layout2.sizes, ..._nullishCoalesce(options.sizes, () => ( {})) };
   const parents = /* @__PURE__ */ new Map();
-  for (const n2 of graph.nodes) parents.set(n2.id, n2.parentId);
+  for (const n3 of graph.nodes) parents.set(n3.id, n3.parentId);
   for (const g of graph.groups) parents.set(g.id, g.parentId);
   const rel = (id, parentId) => {
     const [x, y] = _nullishCoalesce(positions[id], () => ( [0, 0]));
@@ -8687,26 +8689,26 @@ function mermaidFlowNodes(graph, layout2, options = {}) {
       zIndex: depth(g.id, parents)
     };
   });
-  const nodes = graph.nodes.map((n2) => {
-    const size = _nullishCoalesce(sizes[n2.id], () => ( { width: 160, height: 56 }));
+  const nodes = graph.nodes.map((n3) => {
+    const size = _nullishCoalesce(sizes[n3.id], () => ( { width: 160, height: 56 }));
     return {
-      id: n2.id,
+      id: n3.id,
       type: "mermaid-node",
-      position: rel(n2.id, n2.parentId),
-      parentId: n2.parentId,
+      position: rel(n3.id, n3.parentId),
+      parentId: n3.parentId,
       data: {
-        node: n2,
+        node: n3,
         family: "",
-        resolvedStyles: resolveMermaidStyles(n2.classes, n2.styles, graph.classDefs),
+        resolvedStyles: resolveMermaidStyles(n3.classes, n3.styles, graph.classDefs),
         editable
       },
       width: size.width,
       height: size.height,
       style: { width: size.width, height: size.height },
-      draggable: editable && !_optionalChain([n2, 'access', _344 => _344.data, 'optionalAccess', _345 => _345.locked]),
+      draggable: editable && !_optionalChain([n3, 'access', _344 => _344.data, 'optionalAccess', _345 => _345.locked]),
       selectable: editable,
-      connectable: editable && !_optionalChain([n2, 'access', _346 => _346.data, 'optionalAccess', _347 => _347.locked]) && !_optionalChain([n2, 'access', _348 => _348.data, 'optionalAccess', _349 => _349.synthetic]),
-      zIndex: depth(n2.id, parents) + 100
+      connectable: editable && !_optionalChain([n3, 'access', _346 => _346.data, 'optionalAccess', _347 => _347.locked]) && !_optionalChain([n3, 'access', _348 => _348.data, 'optionalAccess', _349 => _349.synthetic]),
+      zIndex: depth(n3.id, parents) + 100
     };
   });
   const order = (a, b) => depth(a.id, parents) - depth(b.id, parents);
@@ -8802,7 +8804,7 @@ function connectedDiagramOnly(graph) {
     linked.add(edge.source);
     linked.add(edge.target);
   }
-  const nodes = graph.nodes.filter((n2) => linked.has(n2.id));
+  const nodes = graph.nodes.filter((n3) => linked.has(n3.id));
   if (nodes.length === graph.nodes.length) return graph;
   const parentOf = new Map(graph.groups.map((g) => [g.id, g.parentId]));
   const keep = /* @__PURE__ */ new Set();
@@ -8821,7 +8823,7 @@ function connectedDiagramOnly(graph) {
 function fingerprint(graph) {
   return JSON.stringify([
     graph.direction,
-    graph.nodes.map((n2) => [n2.id, _nullishCoalesce(n2.parentId, () => ( "")), n2.shape, String(n2.label).length > 24 ? 1 : 0]),
+    graph.nodes.map((n3) => [n3.id, _nullishCoalesce(n3.parentId, () => ( "")), n3.shape, String(n3.label).length > 24 ? 1 : 0]),
     graph.edges.map((e) => [e.source, e.target]),
     graph.groups.map((g) => [g.id, _nullishCoalesce(g.parentId, () => ( "")), _nullishCoalesce(g.direction, () => ( ""))])
   ]);
@@ -8837,13 +8839,13 @@ var DiagramStream = (_class6 = class {
   update(source, complete = false) {
     const text = streamedDiagramText(source);
     const parsed = _chunkH5K77C7Ycjs.parseMermaid.call(void 0, text);
-    const document = !complete ? { ...parsed, graph: connectedDiagramOnly(parsed.graph) } : parsed;
-    if (document.tier !== "editable" || !document.graph.nodes.length) return { document, layout: this.layout && complete ? null : this.layout, relaid: false };
-    const key = fingerprint(document.graph);
-    if (key === this.lastKey && this.layout) return { document, layout: this.layout, relaid: false };
+    const document2 = !complete ? { ...parsed, graph: connectedDiagramOnly(parsed.graph) } : parsed;
+    if (document2.tier !== "editable" || !document2.graph.nodes.length) return { document: document2, layout: this.layout && complete ? null : this.layout, relaid: false };
+    const key = fingerprint(document2.graph);
+    if (key === this.lastKey && this.layout) return { document: document2, layout: this.layout, relaid: false };
     this.lastKey = key;
-    this.layout = ensureDiagramLayout(document.graph, document.meta, this.options);
-    return { document, layout: this.layout, relaid: true };
+    this.layout = ensureDiagramLayout(document2.graph, document2.meta, this.options);
+    return { document: document2, layout: this.layout, relaid: true };
   }
   /** Forgets the previous layout (a new source). */
   reset() {
@@ -9080,6 +9082,222 @@ function mermaidNodeMembers(data) {
   return list.map((m) => _nullishCoalesce(m.raw, () => ( "")));
 }
 
+// src/canvas/mermaid/export.ts
+var DIAGRAM_SVG_LIGHT_THEME = {
+  background: "#ffffff",
+  nodeFill: "#ffffff",
+  nodeStroke: "#0f172a",
+  text: "#0f172a",
+  edge: "#64748b",
+  edgeLabelBackground: "#ffffff",
+  groupFill: "#f8fafc",
+  groupStroke: "#cbd5e1",
+  groupText: "#475569",
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
+  fontSize: 13
+};
+var DIAGRAM_SVG_DARK_THEME = {
+  background: "#0f172a",
+  nodeFill: "#1e293b",
+  nodeStroke: "#e2e8f0",
+  text: "#f1f5f9",
+  edge: "#94a3b8",
+  edgeLabelBackground: "#0f172a",
+  groupFill: "#111c33",
+  groupStroke: "#334155",
+  groupText: "#94a3b8",
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
+  fontSize: 13
+};
+var esc = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+var n2 = (v) => String(Math.round(v * 100) / 100);
+function exitPoint(box, to) {
+  const cx = box.x + box.width / 2;
+  const cy = box.y + box.height / 2;
+  const dx = to.x - cx;
+  const dy = to.y - cy;
+  if (dx === 0 && dy === 0) return { x: cx, y: cy };
+  const sx = dx === 0 ? Infinity : box.width / 2 / Math.abs(dx);
+  const sy = dy === 0 ? Infinity : box.height / 2 / Math.abs(dy);
+  const t = Math.min(sx, sy);
+  return { x: cx + dx * t, y: cy + dy * t };
+}
+function mermaidToSvg(doc, options = {}) {
+  const theme = { ...DIAGRAM_SVG_LIGHT_THEME, ...options.theme };
+  const pad = _nullishCoalesce(options.padding, () => ( 16));
+  const graph = doc.graph;
+  const layout2 = _nullishCoalesce(options.layout, () => ( ensureDiagramLayout(graph, doc.meta, options)));
+  const boxOf = (id) => {
+    const p = layout2.positions[id];
+    if (!p) return null;
+    const s = _nullishCoalesce(layout2.sizes[id], () => ( { width: 160, height: 56 }));
+    return { x: p[0], y: p[1], width: s.width, height: s.height };
+  };
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  for (const id of Object.keys(layout2.positions)) {
+    const b = boxOf(id);
+    minX = Math.min(minX, b.x);
+    minY = Math.min(minY, b.y);
+    maxX = Math.max(maxX, b.x + b.width);
+    maxY = Math.max(maxY, b.y + b.height);
+  }
+  if (minX === Infinity) minX = minY = maxX = maxY = 0;
+  const naturalWidth = Math.max(1, Math.ceil(maxX - minX + pad * 2));
+  const naturalHeight = Math.max(1, Math.ceil(maxY - minY + pad * 2));
+  const fit = Math.min(1, (_nullishCoalesce(options.maxWidth, () => ( Infinity))) / naturalWidth, (_nullishCoalesce(options.maxHeight, () => ( Infinity))) / naturalHeight);
+  const width = Math.max(1, Math.round(naturalWidth * fit));
+  const height = Math.max(1, Math.round(naturalHeight * fit));
+  const ox = pad - minX;
+  const oy = pad - minY;
+  const fs = theme.fontSize;
+  const title = _nullishCoalesce(_nullishCoalesce(options.title, () => ( graph.title)), () => ( `${doc.family} diagram`));
+  const out = [];
+  out.push(
+    `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${naturalWidth} ${naturalHeight}" role="img" aria-label="${esc(title)}" font-family="${esc(theme.fontFamily)}" font-size="${fs}">`,
+    `<title>${esc(title)}</title>`,
+    "<defs>",
+    `<marker id="pd-arrow-closed" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 Z" fill="${esc(theme.edge)}"/></marker>`,
+    `<marker id="pd-arrow-open" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10" fill="none" stroke="${esc(theme.edge)}" stroke-width="1.5"/></marker>`,
+    "</defs>"
+  );
+  if (!options.transparent) out.push(`<rect width="${naturalWidth}" height="${naturalHeight}" fill="${esc(theme.background)}"/>`);
+  out.push(`<g transform="translate(${n2(ox)} ${n2(oy)})">`);
+  const depth2 = (id) => {
+    let d = 0;
+    let cur = _optionalChain([graph, 'access', _354 => _354.groups, 'access', _355 => _355.find, 'call', _356 => _356((g) => g.id === id), 'optionalAccess', _357 => _357.parentId]);
+    while (cur && d < 50) {
+      d++;
+      cur = _optionalChain([graph, 'access', _358 => _358.groups, 'access', _359 => _359.find, 'call', _360 => _360((g) => g.id === cur), 'optionalAccess', _361 => _361.parentId]);
+    }
+    return d;
+  };
+  for (const g of [...graph.groups].sort((a, b) => depth2(a.id) - depth2(b.id))) {
+    const b = boxOf(g.id);
+    if (!b) continue;
+    const st = resolveMermaidStyles(g.classes, g.styles, graph.classDefs);
+    out.push(
+      `<g data-group="${esc(g.id)}"><rect x="${n2(b.x)}" y="${n2(b.y)}" width="${n2(b.width)}" height="${n2(b.height)}" rx="8" fill="${esc(_nullishCoalesce(st.fill, () => ( theme.groupFill)))}" stroke="${esc(_nullishCoalesce(st.stroke, () => ( theme.groupStroke)))}" stroke-dasharray="4 3"/>`,
+      `<text x="${n2(b.x + 10)}" y="${n2(b.y + 18)}" fill="${esc(_nullishCoalesce(st.color, () => ( theme.groupText)))}" font-size="${fs - 1}" font-weight="600">${esc(mermaidLabelLines(g.label).join(" "))}</text></g>`
+    );
+  }
+  for (const e of graph.edges) {
+    const a = boxOf(e.source);
+    const b = boxOf(e.target);
+    if (!a || !b || e.pattern === "invisible") continue;
+    const ca = { x: a.x + a.width / 2, y: a.y + a.height / 2 };
+    const cb = { x: b.x + b.width / 2, y: b.y + b.height / 2 };
+    const p = exitPoint(a, cb);
+    const q = exitPoint(b, ca);
+    const st = resolveMermaidStyles(e.classes, e.styles, graph.classDefs);
+    const end = mermaidEdgeMarker(e.arrowEnd);
+    const start = mermaidEdgeMarker(e.arrowStart);
+    const marker = (m) => m === "arrow" ? "url(#pd-arrow-open)" : m ? "url(#pd-arrow-closed)" : "";
+    const dash = mermaidEdgeDash(e.pattern);
+    out.push(
+      `<line data-edge="${esc(e.id)}" x1="${n2(p.x)}" y1="${n2(p.y)}" x2="${n2(q.x)}" y2="${n2(q.y)}" stroke="${esc(_nullishCoalesce(st.stroke, () => ( theme.edge)))}" stroke-width="${e.pattern === "thick" ? 3 : 1.5}"${dash ? ` stroke-dasharray="${dash}"` : ""}${end ? ` marker-end="${marker(end)}"` : ""}${start ? ` marker-start="${marker(start)}"` : ""}/>`
+    );
+    if (e.label) {
+      const text = mermaidLabelLines(e.label).join(" ");
+      const w = text.length * fs * 0.55 + 10;
+      const mx = (p.x + q.x) / 2;
+      const my = (p.y + q.y) / 2;
+      out.push(
+        `<rect x="${n2(mx - w / 2)}" y="${n2(my - fs * 0.75)}" width="${n2(w)}" height="${n2(fs * 1.5)}" rx="3" fill="${esc(theme.edgeLabelBackground)}"/>`,
+        `<text x="${n2(mx)}" y="${n2(my)}" text-anchor="middle" dominant-baseline="central" fill="${esc(_nullishCoalesce(st.color, () => ( theme.text)))}" font-size="${fs - 1}">${esc(text)}</text>`
+      );
+    }
+  }
+  for (const node of graph.nodes) {
+    const b = boxOf(node.id);
+    if (!b) continue;
+    const st = resolveMermaidStyles(node.classes, node.styles, graph.classDefs);
+    const fill = _nullishCoalesce(st.fill, () => ( theme.nodeFill));
+    const stroke = _nullishCoalesce(st.stroke, () => ( theme.nodeStroke));
+    const color = _nullishCoalesce(st.color, () => ( theme.text));
+    const strokeWidth = _nullishCoalesce(_optionalChain([st, 'access', _362 => _362["stroke-width"], 'optionalAccess', _363 => _363.replace, 'call', _364 => _364("px", "")]), () => ( "1.25"));
+    const paint = (kind) => kind === "shape" ? `fill="${esc(fill)}" stroke="${esc(stroke)}" stroke-width="${esc(strokeWidth)}"` : kind === "line" ? `fill="none" stroke="${esc(stroke)}" stroke-width="${esc(strokeWidth)}"` : kind === "filled" ? `fill="${esc(stroke)}" stroke="${esc(stroke)}"` : 'fill="none" stroke="none"';
+    out.push(`<g data-node="${esc(node.id)}" transform="translate(${n2(b.x)} ${n2(b.y)})">`);
+    for (const path of mermaidShapePaths(node.shape, b.width, b.height)) out.push(`<path d="${path.d}" ${paint(path.paint)}/>`);
+    const lines = mermaidLabelLines(node.label).filter((l, i, all) => l || all.length === 1);
+    const members = mermaidNodeMembers(node.data);
+    const lh = fs * 1.3;
+    if (members.length) {
+      lines.forEach((line3, i) => out.push(`<text x="${n2(b.width / 2)}" y="${n2(14 + lh * i)}" text-anchor="middle" dominant-baseline="central" fill="${esc(color)}" font-weight="600">${esc(line3)}</text>`));
+      const top = 14 + lh * lines.length - lh / 2 + 4;
+      out.push(`<line x1="0" y1="${n2(top)}" x2="${n2(b.width)}" y2="${n2(top)}" stroke="${esc(stroke)}" stroke-width="1"/>`);
+      members.forEach((m, i) => out.push(`<text x="8" y="${n2(top + 4 + lh * (i + 0.5))}" dominant-baseline="central" fill="${esc(color)}" font-size="${fs - 1}">${esc(m)}</text>`));
+    } else {
+      const first = b.height / 2 - (lines.length - 1) * lh / 2;
+      lines.forEach((line3, i) => out.push(`<text x="${n2(b.width / 2)}" y="${n2(first + lh * i)}" text-anchor="middle" dominant-baseline="central" fill="${esc(color)}">${esc(line3)}</text>`));
+    }
+    out.push("</g>");
+  }
+  out.push("</g></svg>");
+  return { svg: out.join(""), width, height, naturalWidth, naturalHeight };
+}
+function mermaidThumbnailSvg(doc, options = {}) {
+  return mermaidToSvg(doc, { maxWidth: 240, maxHeight: 160, padding: 8, ...options });
+}
+var DIAGRAM_RASTER_MAX_SIZE = 2048;
+function rasterSize(width, height, scale = 2, maxSize = DIAGRAM_RASTER_MAX_SIZE) {
+  if (!(width > 0) || !(height > 0)) throw new Error(`An image needs a positive width and height; got ${width} \xD7 ${height}.`);
+  const factor = Math.min(scale > 0 ? scale : 1, maxSize / Math.max(width, height));
+  return { width: Math.max(1, Math.round(width * factor)), height: Math.max(1, Math.round(height * factor)), scale: factor };
+}
+var NO_DOM = 'Rasterizing needs a browser DOM (document, Image and a 2D canvas). Outside a browser, use the SVG (mermaidToSvg, or render_diagram with format "svg") with an SVG renderer.';
+async function rasterizeSvg(svg, options) {
+  const doc = _nullishCoalesce(options.document, () => ( globalThis.document));
+  const ImageCtor = _nullishCoalesce(_optionalChain([doc, 'optionalAccess', _365 => _365.defaultView, 'optionalAccess', _366 => _366.Image]), () => ( globalThis.Image));
+  if (!doc || typeof doc.createElement !== "function" || !ImageCtor) throw new Error(NO_DOM);
+  const size = rasterSize(options.width, options.height, options.scale, options.maxSize);
+  const canvas = doc.createElement("canvas");
+  canvas.width = size.width;
+  canvas.height = size.height;
+  let context = null;
+  try {
+    context = canvas.getContext("2d");
+  } catch (e9) {
+    context = null;
+  }
+  if (!context) throw new Error(NO_DOM);
+  const image = new ImageCtor();
+  await new Promise((resolve, reject) => {
+    image.onload = () => resolve();
+    image.onerror = () => reject(new Error("The SVG could not be loaded as an image; check that it is a complete <svg> document with the SVG namespace."));
+    image.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+  });
+  const background = _nullishCoalesce(options.background, () => ( "#ffffff"));
+  if (background !== "transparent") {
+    context.fillStyle = background;
+    context.fillRect(0, 0, size.width, size.height);
+  }
+  context.drawImage(image, 0, 0, size.width, size.height);
+  const url = canvas.toDataURL("image/png");
+  if (!url.startsWith("data:image/png")) throw new Error("This canvas cannot export PNG (toDataURL returned no image).");
+  return { data: url.slice(url.indexOf(",") + 1), mimeType: "image/png", width: size.width, height: size.height };
+}
+function diagramFileName(doc, extension2) {
+  const base = (_nullishCoalesce(doc.graph.title, () => ( ""))).toLowerCase().replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").slice(0, 60);
+  return `${base || `${doc.family}-diagram`}.${extension2}`;
+}
+async function downloadDiagramPng(doc, options = {}) {
+  const drawn = mermaidToSvg(doc, options);
+  const background = _nullishCoalesce(options.background, () => ( (options.transparent ? "transparent" : _nullishCoalesce(_optionalChain([options, 'access', _367 => _367.theme, 'optionalAccess', _368 => _368.background]), () => ( DIAGRAM_SVG_LIGHT_THEME.background)))));
+  const image = await rasterizeSvg(drawn.svg, { ...options, width: drawn.width, height: drawn.height, background });
+  const filename = _nullishCoalesce(options.filename, () => ( diagramFileName(doc, "png")));
+  const page = _nullishCoalesce(options.document, () => ( document));
+  const link = page.createElement("a");
+  link.href = `data:image/png;base64,${image.data}`;
+  link.download = filename;
+  page.body.appendChild(link);
+  link.click();
+  link.remove();
+  return { ...image, filename };
+}
+
 // src/canvas/mermaid/index.ts
 function mermaidToCanvas(doc, options = {}) {
   const layout2 = _nullishCoalesce(options.layout, () => ( ensureDiagramLayout(doc.graph, doc.meta, options)));
@@ -9090,7 +9308,7 @@ function mermaidToCanvas(doc, options = {}) {
   };
 }
 function mermaidMovesFromCanvas(layout2, moved, all = moved, options = {}) {
-  const byId = new Map([...all, ...moved].map((n2) => [n2.id, n2]));
+  const byId = new Map([...all, ...moved].map((n3) => [n3.id, n3]));
   const absolute = (id, seen = /* @__PURE__ */ new Set()) => {
     const node = byId.get(id);
     if (!node) return _nullishCoalesce(layout2.positions[id], () => ( [0, 0]));
@@ -9099,16 +9317,16 @@ function mermaidMovesFromCanvas(layout2, moved, all = moved, options = {}) {
     const [px2, py] = absolute(node.parentId, seen);
     return [px2 + node.position.x, py + node.position.y];
   };
-  const moves = moved.map((n2) => ({ id: n2.id, position: absolute(n2.id) })).filter(({ id, position: [x, y] }) => {
+  const moves = moved.map((n3) => ({ id: n3.id, position: absolute(n3.id) })).filter(({ id, position: [x, y] }) => {
     const before = layout2.positions[id];
     return !before || Math.abs(before[0] - x) >= 0.5 || Math.abs(before[1] - y) >= 0.5;
   });
   const movedIds = new Set(moves.map((m) => m.id));
-  for (const n2 of all) {
-    if (movedIds.has(n2.id)) continue;
-    let parent = n2.parentId;
-    while (parent && !movedIds.has(parent)) parent = _optionalChain([byId, 'access', _354 => _354.get, 'call', _355 => _355(parent), 'optionalAccess', _356 => _356.parentId]);
-    if (parent) moves.push({ id: n2.id, position: absolute(n2.id) });
+  for (const n3 of all) {
+    if (movedIds.has(n3.id)) continue;
+    let parent = n3.parentId;
+    while (parent && !movedIds.has(parent)) parent = _optionalChain([byId, 'access', _369 => _369.get, 'call', _370 => _370(parent), 'optionalAccess', _371 => _371.parentId]);
+    if (parent) moves.push({ id: n3.id, position: absolute(n3.id) });
   }
   if (!moves.length) return null;
   if (options.stored) {
@@ -9143,10 +9361,10 @@ function getAgentCardAnchor(agentId = "agent", nodeId = "node", zone = 0, option
   const seed = hashString(`${agentId}:${nodeId}:${zoneName}`);
   const offsetX = seed % 17 - 8;
   const offsetY = (seed >> 4) % 9 - 4;
-  const jitterX = _optionalChain([options, 'optionalAccess', _357 => _357.randomJitter]) ? (Math.random() - 0.5) * 24 : 0;
-  const jitterY = _optionalChain([options, 'optionalAccess', _358 => _358.randomJitter]) ? (Math.random() - 0.5) * 16 : 0;
-  const maxX = _optionalChain([options, 'optionalAccess', _359 => _359.width]) ? Math.max(24, options.width - 20) : 230;
-  const maxY = _optionalChain([options, 'optionalAccess', _360 => _360.height]) ? Math.max(20, options.height - 15) : 145;
+  const jitterX = _optionalChain([options, 'optionalAccess', _372 => _372.randomJitter]) ? (Math.random() - 0.5) * 24 : 0;
+  const jitterY = _optionalChain([options, 'optionalAccess', _373 => _373.randomJitter]) ? (Math.random() - 0.5) * 16 : 0;
+  const maxX = _optionalChain([options, 'optionalAccess', _374 => _374.width]) ? Math.max(24, options.width - 20) : 230;
+  const maxY = _optionalChain([options, 'optionalAccess', _375 => _375.height]) ? Math.max(20, options.height - 15) : 145;
   return {
     x: Math.max(16, Math.min(maxX, Math.round(base.x + offsetX + jitterX))),
     y: Math.max(14, Math.min(maxY, Math.round(base.y + offsetY + jitterY))),
@@ -9155,8 +9373,8 @@ function getAgentCardAnchor(agentId = "agent", nodeId = "node", zone = 0, option
 }
 function calculateCurvedPath(fromX, fromY, toX, toY, progress, options) {
   const p = Math.max(0, Math.min(1, progress));
-  const arcHeight = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _361 => _361.arcHeight]), () => ( -30));
-  const wobble = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _362 => _362.wobble]), () => ( 0));
+  const arcHeight = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _376 => _376.arcHeight]), () => ( -30));
+  const wobble = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _377 => _377.wobble]), () => ( 0));
   const arc = Math.sin(p * Math.PI) * arcHeight;
   const sway = Math.sin(p * Math.PI * 2) * wobble;
   const currentX = fromX + (toX - fromX) * p + sway;
@@ -9183,7 +9401,7 @@ function getNaturalMovementTiming(distance, seedStr = "drag") {
 function getCursorTransitionDuration(distance, seedStr = "cursor", options) {
   const seed = hashString(seedStr);
   const jitter = seed % 60 - 30;
-  const variance = _optionalChain([options, 'optionalAccess', _363 => _363.naturalVariance]) ? 0.85 + Math.random() * 0.3 : 1;
+  const variance = _optionalChain([options, 'optionalAccess', _378 => _378.naturalVariance]) ? 0.85 + Math.random() * 0.3 : 1;
   let baseDuration = 560;
   if (distance < 60) {
     baseDuration = 340;
@@ -9220,10 +9438,10 @@ function formatAgentCursorName(nameOrUsername) {
 }
 function isAgentCursor(cursor) {
   if (cursor.isAgent) return true;
-  if (_optionalChain([cursor, 'access', _364 => _364.userId, 'optionalAccess', _365 => _365.startsWith, 'call', _366 => _366("agent_")]) || _optionalChain([cursor, 'access', _367 => _367.userId, 'optionalAccess', _368 => _368.startsWith, 'call', _369 => _369("agent-")])) return true;
-  if (_optionalChain([cursor, 'access', _370 => _370.id, 'optionalAccess', _371 => _371.startsWith, 'call', _372 => _372("agent-")]) || _optionalChain([cursor, 'access', _373 => _373.id, 'optionalAccess', _374 => _374.startsWith, 'call', _375 => _375("agent_")])) return true;
-  if (_optionalChain([cursor, 'access', _376 => _376.username, 'optionalAccess', _377 => _377.startsWith, 'call', _378 => _378("@agent_")]) || _optionalChain([cursor, 'access', _379 => _379.username, 'optionalAccess', _380 => _380.startsWith, 'call', _381 => _381("agent_")])) return true;
-  const roleLower = _optionalChain([cursor, 'access', _382 => _382.role, 'optionalAccess', _383 => _383.toLowerCase, 'call', _384 => _384()]) || "";
+  if (_optionalChain([cursor, 'access', _379 => _379.userId, 'optionalAccess', _380 => _380.startsWith, 'call', _381 => _381("agent_")]) || _optionalChain([cursor, 'access', _382 => _382.userId, 'optionalAccess', _383 => _383.startsWith, 'call', _384 => _384("agent-")])) return true;
+  if (_optionalChain([cursor, 'access', _385 => _385.id, 'optionalAccess', _386 => _386.startsWith, 'call', _387 => _387("agent-")]) || _optionalChain([cursor, 'access', _388 => _388.id, 'optionalAccess', _389 => _389.startsWith, 'call', _390 => _390("agent_")])) return true;
+  if (_optionalChain([cursor, 'access', _391 => _391.username, 'optionalAccess', _392 => _392.startsWith, 'call', _393 => _393("@agent_")]) || _optionalChain([cursor, 'access', _394 => _394.username, 'optionalAccess', _395 => _395.startsWith, 'call', _396 => _396("agent_")])) return true;
+  const roleLower = _optionalChain([cursor, 'access', _397 => _397.role, 'optionalAccess', _398 => _398.toLowerCase, 'call', _399 => _399()]) || "";
   if (roleLower.includes("agent") || roleLower.includes("specialist") || roleLower === "planner" || roleLower === "coordinator" || roleLower === "executor" || roleLower === "validator" || roleLower === "supervisor") {
     return true;
   }
@@ -9654,5 +9872,14 @@ function isAgentCursor(cursor) {
 
 
 
-exports.ANIMATABLE_PROPERTIES = ANIMATABLE_PROPERTIES; exports.ANIMATION_DATA_KEY = ANIMATION_DATA_KEY; exports.ANIMATION_EASING_LABELS = _chunkXZ4L3R4Kcjs.ANIMATION_EASING_LABELS; exports.ANIMATION_EASING_PRESETS = _chunkXZ4L3R4Kcjs.ANIMATION_EASING_PRESETS; exports.ANIMATION_TIME_EPSILON = _chunkO4ONBPZWcjs.ANIMATION_TIME_EPSILON; exports.AUTO_LAYOUT_DATA_KEY = AUTO_LAYOUT_DATA_KEY; exports.AnimationEditError = AnimationEditError; exports.AnimationPlayer = _chunkO4ONBPZWcjs.AnimationPlayer; exports.CANVAS_COMPONENT_DRAG_TYPE = CANVAS_COMPONENT_DRAG_TYPE; exports.CANVAS_GRADIENT_PRESETS = _chunkYNSK4MGTcjs.CANVAS_GRADIENT_PRESETS; exports.CANVAS_TOKEN_PROPERTIES = CANVAS_TOKEN_PROPERTIES; exports.CARD_INSPECTION_ZONES = CARD_INSPECTION_ZONES; exports.CHILD_LAYOUT_DATA_KEY = CHILD_LAYOUT_DATA_KEY; exports.COMPONENT_DATA_KEY = COMPONENT_DATA_KEY; exports.COMPONENT_OVERRIDES_DATA_KEY = COMPONENT_OVERRIDES_DATA_KEY; exports.COMPONENT_PROPERTY_REFS_DATA_KEY = COMPONENT_PROPERTY_REFS_DATA_KEY; exports.COMPONENT_SET_DATA_KEY = COMPONENT_SET_DATA_KEY; exports.COMPONENT_SOURCE_DATA_KEY = COMPONENT_SOURCE_DATA_KEY; exports.CONNECTION_LINE_TYPES = CONNECTION_LINE_TYPES; exports.CSS_ANIMATION_PROPERTIES = CSS_ANIMATION_PROPERTIES; exports.CUBIC_BEZIER_PRESETS = _chunkXZ4L3R4Kcjs.CUBIC_BEZIER_PRESETS; exports.CanvasScenesStore = CanvasScenesStore; exports.DEFAULT_ARRANGE_SHORTCUTS = _chunk26BVFKHUcjs.DEFAULT_ARRANGE_SHORTCUTS; exports.DEFAULT_CURSOR_INACTIVITY_MS = DEFAULT_CURSOR_INACTIVITY_MS; exports.DEFAULT_DIAGRAM_NODE_HEIGHT = DEFAULT_DIAGRAM_NODE_HEIGHT; exports.DEFAULT_DIAGRAM_NODE_WIDTH = DEFAULT_DIAGRAM_NODE_WIDTH; exports.DEFAULT_NODE_HEIGHT = _chunkWADCJ7A7cjs.DEFAULT_NODE_HEIGHT; exports.DEFAULT_NODE_WIDTH = _chunkWADCJ7A7cjs.DEFAULT_NODE_WIDTH; exports.DEFAULT_PLACEMENT_GAP = _chunkWADCJ7A7cjs.DEFAULT_PLACEMENT_GAP; exports.DiagramStream = DiagramStream; exports.INSTANCE_DATA_KEY = INSTANCE_DATA_KEY; exports.LOCKED_DATA_KEY = LOCKED_DATA_KEY; exports.LOCKED_PREVIOUS_FLAGS_KEY = LOCKED_PREVIOUS_FLAGS_KEY; exports.MAX_KEYFRAME_REFS = MAX_KEYFRAME_REFS; exports.MERMAID_SHAPE_PAINT = MERMAID_SHAPE_PAINT; exports.ManualClock = _chunkO4ONBPZWcjs.ManualClock; exports.PATHFINDER_OPERATIONS = _chunkYNSK4MGTcjs.PATHFINDER_OPERATIONS; exports.PIXERATE_BRAND_GRADIENT = _chunkYNSK4MGTcjs.PIXERATE_BRAND_GRADIENT; exports.PathOpsError = _chunkYNSK4MGTcjs.PathOpsError; exports.PlanarMap = _chunkYNSK4MGTcjs.PlanarMap; exports.RESIZE_HANDLES = RESIZE_HANDLES; exports.SHAPE_DATA_KEY = SHAPE_DATA_KEY; exports.SHAPE_KINDS = _chunkYNSK4MGTcjs.SHAPE_KINDS; exports.SHAPE_NODE_TYPE = SHAPE_NODE_TYPE; exports.SHAPE_OPERATIONS = SHAPE_OPERATIONS; exports.StreamingLayoutManager = StreamingLayoutManager; exports.TOKEN_BINDINGS_DATA_KEY = TOKEN_BINDINGS_DATA_KEY; exports.TOKEN_MODES_DATA_KEY = TOKEN_MODES_DATA_KEY; exports.addCanvasVariant = addCanvasVariant; exports.addKeyframesAtTime = addKeyframesAtTime; exports.alignNodes = alignNodes; exports.angleToSvgLinearCoords = _chunkYNSK4MGTcjs.angleToSvgLinearCoords; exports.animateNode = animateNode; exports.applyAnimation = applyAnimation; exports.applyAnimationOverrides = applyAnimationOverrides; exports.applyConstraints = applyConstraints; exports.applyNodeUpdates = applyNodeUpdates; exports.applyShapeCombination = applyShapeCombination; exports.applyShapeReplacement = applyShapeReplacement; exports.arcToCubics = _chunkYNSK4MGTcjs.arcToCubics; exports.autoLayoutDiagram = autoLayoutDiagram; exports.bezierPathArea = _chunkYNSK4MGTcjs.bezierPathArea; exports.bezierPathBounds = _chunkYNSK4MGTcjs.bezierPathBounds; exports.bezierPathLength = _chunkYNSK4MGTcjs.bezierPathLength; exports.bezierPathPointAtLength = _chunkYNSK4MGTcjs.bezierPathPointAtLength; exports.bezierPathSignedArea = _chunkYNSK4MGTcjs.bezierPathSignedArea; exports.bezierPathToSvg = _chunkYNSK4MGTcjs.bezierPathToSvg; exports.bindCanvasComponentProperty = bindCanvasComponentProperty; exports.bindCanvasToken = bindCanvasToken; exports.blendDiagramLayout = blendDiagramLayout; exports.blendLayout = blendLayout; exports.boundsOf = _chunkWADCJ7A7cjs.boundsOf; exports.calculateCursorArrowRotation = calculateCursorArrowRotation; exports.calculateCurvedPath = calculateCurvedPath; exports.calculateDagreReflowDisplacement = calculateDagreReflowDisplacement; exports.calculateDirectionalDisplacement = calculateDirectionalDisplacement; exports.canCombineShapeNodes = canCombineShapeNodes; exports.canOffsetShapeNodes = canOffsetShapeNodes; exports.canOutlineShapeNodeStrokes = canOutlineShapeNodeStrokes; exports.canvasHeight = canvasHeight; exports.centerNodes = _chunkWADCJ7A7cjs.centerNodes; exports.centre = _chunkWADCJ7A7cjs.centre; exports.clampAnimationValue = clampAnimationValue; exports.clampLayoutSize = clampLayoutSize; exports.closeContour = _chunkYNSK4MGTcjs.closeContour; exports.collectDescendantIds = collectDescendantIds; exports.combineCanvasComponentsAsVariants = combineCanvasComponentsAsVariants; exports.combineShapeNodes = combineShapeNodes; exports.computeNodesBoundingBox = computeNodesBoundingBox; exports.computeSnapGuides = computeSnapGuides; exports.connectedDiagramOnly = connectedDiagramOnly; exports.connectedOnly = connectedOnly; exports.contourEnclosesArea = _chunkYNSK4MGTcjs.contourEnclosesArea; exports.contourSignedArea = _chunkYNSK4MGTcjs.contourSignedArea; exports.contoursToPath = _chunkYNSK4MGTcjs.contoursToPath; exports.copyKeyframes = copyKeyframes; exports.countPathSegments = _chunkYNSK4MGTcjs.countPathSegments; exports.createAnimationPlayer = _chunkO4ONBPZWcjs.createAnimationPlayer; exports.createBezierTrajectory = createBezierTrajectory; exports.createCanvasAnimationController = createCanvasAnimationController; exports.createCanvasArrangeController = createCanvasArrangeController; exports.createCanvasAutoLayoutController = createCanvasAutoLayoutController; exports.createCanvasComponent = createCanvasComponent; exports.createCanvasComponentsController = createCanvasComponentsController; exports.createCanvasDrawController = createCanvasDrawController; exports.createCanvasInstance = createCanvasInstance; exports.createCanvasScenesStore = createCanvasScenesStore; exports.createDefaultStrokeStyle = createDefaultStrokeStyle; exports.createFanOutTrajectory = createFanOutTrajectory; exports.createGuideIndex = createGuideIndex; exports.createNodeGuideIndex = createNodeGuideIndex; exports.createNodeLookup = createNodeLookup; exports.cubicBezierAt = _chunkXZ4L3R4Kcjs.cubicBezierAt; exports.cubicPointAt = _chunkYNSK4MGTcjs.cubicPointAt; exports.cubicsToPathData = _chunkYNSK4MGTcjs.cubicsToPathData; exports.cutOutPiece = _chunkYNSK4MGTcjs.cutOutPiece; exports.dashContours = _chunkYNSK4MGTcjs.dashContours; exports.defaultEasing = defaultEasing; exports.deleteKeyframes = deleteKeyframes; exports.detachCanvasInstance = detachCanvasInstance; exports.detachTokenBindings = detachTokenBindings; exports.diagramCanvasHeight = diagramCanvasHeight; exports.diagramGroupSize = diagramGroupSize; exports.diagramImageSize = diagramImageSize; exports.diagramLayoutBounds = diagramLayoutBounds; exports.diffOverrideGroups = diffOverrideGroups; exports.distanceToBezierPath = _chunkYNSK4MGTcjs.distanceToBezierPath; exports.distributeNodes = distributeNodes; exports.dividePaths = _chunkYNSK4MGTcjs.dividePaths; exports.dividePolygons = _chunkYNSK4MGTcjs.dividePolygons; exports.easeDiagramTween = easeDiagramTween; exports.easingFromInfluence = _chunkXZ4L3R4Kcjs.easingFromInfluence; exports.easingLabel = _chunkXZ4L3R4Kcjs.easingLabel; exports.easingToCss = _chunkXZ4L3R4Kcjs.easingToCss; exports.elasticAt = _chunkXZ4L3R4Kcjs.elasticAt; exports.ensureDiagramLayout = ensureDiagramLayout; exports.ensureLayout = _chunkWADCJ7A7cjs.ensureLayout; exports.estimateCanvasHeight = estimateCanvasHeight; exports.estimateDiagramCanvasHeight = estimateDiagramCanvasHeight; exports.estimateDiagramNodeSize = estimateDiagramNodeSize; exports.estimateNodeSize = _chunkWADCJ7A7cjs.estimateNodeSize; exports.evaluateAnimation = evaluateAnimation; exports.evaluateEasing = _chunkXZ4L3R4Kcjs.evaluateEasing; exports.evaluateTrack = _chunkO4ONBPZWcjs.evaluateTrack; exports.excludePaths = _chunkYNSK4MGTcjs.excludePaths; exports.exportCssAnimation = exportCssAnimation; exports.findConnectorSnap = findConnectorSnap; exports.findStrokesAtPoint = findStrokesAtPoint; exports.findVariant = findVariant; exports.fitCubicRun = _chunkYNSK4MGTcjs.fitCubicRun; exports.fitCubicWithTangents = _chunkYNSK4MGTcjs.fitCubicWithTangents; exports.fitCubics = _chunkYNSK4MGTcjs.fitCubics; exports.fitFreehandPath = _chunkYNSK4MGTcjs.fitFreehandPath; exports.fitPathData = _chunkYNSK4MGTcjs.fitPathData; exports.fitViewportToNodes = fitViewportToNodes; exports.fitViewportToRect = fitViewportToRect; exports.flattenSvgPath = _chunkYNSK4MGTcjs.flattenSvgPath; exports.flowSide = _chunkWADCJ7A7cjs.flowSide; exports.formatAgentCursorName = formatAgentCursorName; exports.formatAnimationTime = formatAnimationTime; exports.formatNumber = _chunkYNSK4MGTcjs.formatNumber; exports.formatOklab = _chunkMR3Z4OQIcjs.formatOklab; exports.formatVariantName = formatVariantName; exports.getAbsolutePosition = getAbsolutePosition; exports.getAgentCardAnchor = getAgentCardAnchor; exports.getAnimatableProperty = getAnimatableProperty; exports.getAnimatedProperties = getAnimatedProperties; exports.getAnimatedValue = getAnimatedValue; exports.getAnimationDuration = getAnimationDuration; exports.getAnimationTrack = getAnimationTrack; exports.getAutoLayout = getAutoLayout; exports.getAutoLayoutGrid = getAutoLayoutGrid; exports.getAutoLayoutInsertTarget = getAutoLayoutInsertTarget; exports.getBindableTokenProperties = getBindableTokenProperties; exports.getCanvasComponentDragId = getCanvasComponentDragId; exports.getCanvasTokenProperty = getCanvasTokenProperty; exports.getCenteredNodePosition = _chunkWADCJ7A7cjs.getCenteredNodePosition; exports.getChildLayout = getChildLayout; exports.getComponentData = getComponentData; exports.getComponentInstances = getComponentInstances; exports.getComponentPropertyDefs = getComponentPropertyDefs; exports.getComponentPropertyRefs = getComponentPropertyRefs; exports.getComponentSourceId = getComponentSourceId; exports.getCssPropertyAnimations = getCssPropertyAnimations; exports.getCursorTransitionDuration = getCursorTransitionDuration; exports.getDefaultVariant = getDefaultVariant; exports.getEffectiveTokenModes = getEffectiveTokenModes; exports.getFlowChildren = getFlowChildren; exports.getInstanceData = getInstanceData; exports.getInstanceProperties = getInstanceProperties; exports.getInstanceStatus = getInstanceStatus; exports.getKeyframeTimes = getKeyframeTimes; exports.getLayerName = getLayerName; exports.getLayoutParent = getLayoutParent; exports.getLayoutSizing = getLayoutSizing; exports.getLayoutedNodes = _chunkWADCJ7A7cjs.getLayoutedNodes; exports.getNaturalMovementTiming = getNaturalMovementTiming; exports.getNextVariantValues = getNextVariantValues; exports.getNodeAnimation = getNodeAnimation; exports.getNodeOverrides = getNodeOverrides; exports.getNodeRect = getNodeRect; exports.getNodeShape = getNodeShape; exports.getNodeSize = getNodeSize; exports.getNodeTokenBindings = getNodeTokenBindings; exports.getNodeTokenModes = getNodeTokenModes; exports.getOwningComponent = getOwningComponent; exports.getOwningInstance = getOwningInstance; exports.getResizingNodeRect = getResizingNodeRect; exports.getRootInstance = getRootInstance; exports.getShapeRenderData = _chunkYNSK4MGTcjs.getShapeRenderData; exports.getShapeSvg = _chunkYNSK4MGTcjs.getShapeSvg; exports.getTimelineRows = getTimelineRows; exports.getTimelineTicks = getTimelineTicks; exports.getTokenPropertyScope = getTokenPropertyScope; exports.getTokensForProperty = getTokensForProperty; exports.getVariantConflicts = getVariantConflicts; exports.getVariantOptions = getVariantOptions; exports.getVariantSet = getVariantSet; exports.getVariantValues = getVariantValues; exports.gradientToSvgDef = _chunkYNSK4MGTcjs.gradientToSvgDef; exports.handlePoint = handlePoint; exports.hasVisibleStroke = hasVisibleStroke; exports.hashString = hashString; exports.hatchPath = _chunkYNSK4MGTcjs.hatchPath; exports.inferResizeHandle = inferResizeHandle; exports.inspectCanvasInstance = inspectCanvasInstance; exports.inspectNodeTokens = inspectNodeTokens; exports.interiorPoint = _chunkYNSK4MGTcjs.interiorPoint; exports.interpolateAnimationValue = _chunkO4ONBPZWcjs.interpolateAnimationValue; exports.intersectPaths = _chunkYNSK4MGTcjs.intersectPaths; exports.intersectPolygons = _chunkYNSK4MGTcjs.intersectPolygons; exports.invertNodeUpdates = invertNodeUpdates; exports.isAgentCursor = isAgentCursor; exports.isAnimationEasing = _chunkXZ4L3R4Kcjs.isAnimationEasing; exports.isAnimationKeyframe = _chunkO4ONBPZWcjs.isAnimationKeyframe; exports.isAutoLayoutFrame = isAutoLayoutFrame; exports.isCanvasComponent = isCanvasComponent; exports.isCanvasComponentSet = isCanvasComponentSet; exports.isCanvasGradient = _chunkYNSK4MGTcjs.isCanvasGradient; exports.isCanvasInstance = isCanvasInstance; exports.isCssExportExact = isCssExportExact; exports.isEventFromTextInput = isEventFromTextInput; exports.isInsideInstance = isInsideInstance; exports.isKeyframeSelected = isKeyframeSelected; exports.isLocked = isLocked; exports.isMeasureModifierHeld = isMeasureModifierHeld; exports.isNodeAnimated = isNodeAnimated; exports.isShapeDescription = _chunkYNSK4MGTcjs.isShapeDescription; exports.isShapeNode = isShapeNode; exports.isStraightCubic = _chunkYNSK4MGTcjs.isStraightCubic; exports.isValidCanvasEdge = isValidCanvasEdge; exports.isValidCanvasNode = isValidCanvasNode; exports.isValidCanvasScene = isValidCanvasScene; exports.isValidUrl = isValidUrl; exports.layoutAll = layoutAll; exports.layoutBounds = layoutBounds; exports.layoutFrame = layoutFrame; exports.layoutUp = layoutUp; exports.layoutUpMany = layoutUpMany; exports.linearPositionTrajectory = linearPositionTrajectory; exports.linearTrajectory = linearTrajectory; exports.listCanvasComponents = listCanvasComponents; exports.lockNodes = lockNodes; exports.makeSizingCoherent = makeSizingCoherent; exports.matchArrangeShortcut = _chunk26BVFKHUcjs.matchArrangeShortcut; exports.matchSize = matchSize; exports.measureBetween = measureBetween; exports.measureLabel = measureLabel; exports.measureSelection = measureSelection; exports.measureToLine = measureToLine; exports.mergeNodeUpdates = mergeNodeUpdates; exports.mermaidEdgeDash = mermaidEdgeDash; exports.mermaidEdgeMarker = mermaidEdgeMarker; exports.mermaidEdgeWidth = mermaidEdgeWidth; exports.mermaidFlowEdges = mermaidFlowEdges; exports.mermaidFlowNodes = mermaidFlowNodes; exports.mermaidLabelLines = mermaidLabelLines; exports.mermaidMarkerId = mermaidMarkerId; exports.mermaidMovesFromCanvas = mermaidMovesFromCanvas; exports.mermaidNodeMembers = mermaidNodeMembers; exports.mermaidNodePaint = mermaidNodePaint; exports.mermaidShapePaths = mermaidShapePaths; exports.mermaidToCanvas = mermaidToCanvas; exports.mixColorsOklab = _chunkMR3Z4OQIcjs.mixColorsOklab; exports.moveKeyframes = moveKeyframes; exports.moveLayoutChild = moveLayoutChild; exports.multiPolygonArea = _chunkYNSK4MGTcjs.multiPolygonArea; exports.multiPolygonBounds = _chunkYNSK4MGTcjs.multiPolygonBounds; exports.nearestHandlePositions = nearestHandlePositions; exports.normalizeBezierPath = _chunkYNSK4MGTcjs.normalizeBezierPath; exports.normalizeKeyframes = _chunkO4ONBPZWcjs.normalizeKeyframes; exports.offsetPath = _chunkYNSK4MGTcjs.offsetPath; exports.offsetShapeNodes = offsetShapeNodes; exports.oklabToRgb = _chunkMR3Z4OQIcjs.oklabToRgb; exports.oppositePosition = oppositePosition; exports.outlineShapeNodeStrokes = outlineShapeNodeStrokes; exports.outlineStroke = _chunkYNSK4MGTcjs.outlineStroke; exports.overlaps = _chunkWADCJ7A7cjs.overlaps; exports.pageHidden = _chunkO4ONBPZWcjs.pageHidden; exports.parseCanvasClipboardData = parseCanvasClipboardData; exports.parseCanvasScenes = parseCanvasScenes; exports.parseCssEasing = _chunkXZ4L3R4Kcjs.parseCssEasing; exports.parseCssGradient = _chunkYNSK4MGTcjs.parseCssGradient; exports.parseKeyframeClipboard = parseKeyframeClipboard; exports.parseMermaidStyles = parseMermaidStyles; exports.parseNodeStyleDeclarations = parseNodeStyleDeclarations; exports.parseOklab = _chunkMR3Z4OQIcjs.parseOklab; exports.parseSvgPath = _chunkYNSK4MGTcjs.parseSvgPath; exports.parseVariantName = parseVariantName; exports.pasteKeyframes = pasteKeyframes; exports.pathBoolean = _chunkYNSK4MGTcjs.pathBoolean; exports.pathBooleanSelect = _chunkYNSK4MGTcjs.pathBooleanSelect; exports.pathToContours = _chunkYNSK4MGTcjs.pathToContours; exports.pathfinder = _chunkYNSK4MGTcjs.pathfinder; exports.placeBeside = _chunkWADCJ7A7cjs.placeBeside; exports.planarSplit = _chunkYNSK4MGTcjs.planarSplit; exports.playWebAnimations = playWebAnimations; exports.pointInBezierPath = _chunkYNSK4MGTcjs.pointInBezierPath; exports.pointInMultiPolygon = _chunkYNSK4MGTcjs.pointInMultiPolygon; exports.pointInRings = _chunkYNSK4MGTcjs.pointInRings; exports.polygonArea = _chunkYNSK4MGTcjs.polygonArea; exports.polygonBoolean = _chunkYNSK4MGTcjs.polygonBoolean; exports.polygonToSvgPath = _chunkYNSK4MGTcjs.polygonToSvgPath; exports.positionToSide = positionToSide; exports.pruneCanvasTokenModes = pruneCanvasTokenModes; exports.pushCanvasInstanceOverrides = pushCanvasInstanceOverrides; exports.readAnimatableValue = readAnimatableValue; exports.readNodeStyleProperty = readNodeStyleProperty; exports.readOverrideGroup = readOverrideGroup; exports.readStyleSize = readStyleSize; exports.realClock = _chunkO4ONBPZWcjs.realClock; exports.recordAnimationChanges = recordAnimationChanges; exports.relayoutUpdates = relayoutUpdates; exports.remapPastedNodes = remapPastedNodes; exports.removeCanvasVariant = removeCanvasVariant; exports.removeTrack = removeTrack; exports.renameCanvasVariantProperty = renameCanvasVariantProperty; exports.renameCanvasVariantValue = renameCanvasVariantValue; exports.reorderNodes = reorderNodes; exports.repositionNodesTo = repositionNodesTo; exports.resetCanvasInstanceOverrides = resetCanvasInstanceOverrides; exports.resizeHandleAxes = resizeHandleAxes; exports.resolveCanvasGradient = _chunkYNSK4MGTcjs.resolveCanvasGradient; exports.resolveCanvasTokens = resolveCanvasTokens; exports.resolveEasing = _chunkXZ4L3R4Kcjs.resolveEasing; exports.resolveMermaidStyles = resolveMermaidStyles; exports.resolvePadding = resolvePadding; exports.restoreCanvasMainComponent = restoreCanvasMainComponent; exports.revertShapeCombination = revertShapeCombination; exports.rgbToOklab = _chunkMR3Z4OQIcjs.rgbToOklab; exports.ringSignedArea = _chunkYNSK4MGTcjs.ringSignedArea; exports.runMultiNodeTransition = runMultiNodeTransition; exports.sampleAnimationFrames = sampleAnimationFrames; exports.scaleKeyframes = scaleKeyframes; exports.segmentBounds = _chunkYNSK4MGTcjs.segmentBounds; exports.segmentCurvature = _chunkYNSK4MGTcjs.segmentCurvature; exports.segmentDerivative = _chunkYNSK4MGTcjs.segmentDerivative; exports.segmentExtrema = _chunkYNSK4MGTcjs.segmentExtrema; exports.segmentIntersections = _chunkYNSK4MGTcjs.segmentIntersections; exports.segmentLength = _chunkYNSK4MGTcjs.segmentLength; exports.segmentNearest = _chunkYNSK4MGTcjs.segmentNearest; exports.segmentParamAtLength = _chunkYNSK4MGTcjs.segmentParamAtLength; exports.segmentPoint = _chunkYNSK4MGTcjs.segmentPoint; exports.segmentTangent = _chunkYNSK4MGTcjs.segmentTangent; exports.serializeCanvasNodes = serializeCanvasNodes; exports.setCanvasComponentProperty = setCanvasComponentProperty; exports.setCanvasInstanceProperties = setCanvasInstanceProperties; exports.setCanvasTokenMode = setCanvasTokenMode; exports.setCanvasVariantProperties = setCanvasVariantProperties; exports.setKeyframe = setKeyframe; exports.setKeyframeEasing = setKeyframeEasing; exports.setMotionPath = setMotionPath; exports.setTrackEnabled = setTrackEnabled; exports.shapeNodeToBezierPath = shapeNodeToBezierPath; exports.shapeNodeToPolygon = shapeNodeToPolygon; exports.shapeToBezierPath = shapeToBezierPath; exports.shapeToPolygon = _chunkYNSK4MGTcjs.shapeToPolygon; exports.sideToPosition = sideToPosition; exports.simplifyRing = _chunkYNSK4MGTcjs.simplifyRing; exports.snapKeyframeDelta = snapKeyframeDelta; exports.snapNodeDrag = snapNodeDrag; exports.snapNodeResize = snapNodeResize; exports.snapResize = snapResize; exports.snapTimeToFrame = snapTimeToFrame; exports.snapToGrid = snapToGrid; exports.splitSegment = _chunkYNSK4MGTcjs.splitSegment; exports.springAt = _chunkXZ4L3R4Kcjs.springAt; exports.streamedDiagramText = streamedDiagramText; exports.streamlinePoints = streamlinePoints; exports.strokeBoundingBox = strokeBoundingBox; exports.strokeOutlineRings = _chunkYNSK4MGTcjs.strokeOutlineRings; exports.strokePointsToPathData = strokePointsToPathData; exports.strokeToShapeNode = strokeToShapeNode; exports.subSegment = _chunkYNSK4MGTcjs.subSegment; exports.subtractPaths = _chunkYNSK4MGTcjs.subtractPaths; exports.subtractPolygons = _chunkYNSK4MGTcjs.subtractPolygons; exports.swapCanvasInstance = swapCanvasInstance; exports.syncAllCanvasInstances = syncAllCanvasInstances; exports.syncCanvasComponents = syncCanvasComponents; exports.syncCanvasInstance = syncCanvasInstance; exports.timeToX = timeToX; exports.toBezierPath = _chunkYNSK4MGTcjs.toBezierPath; exports.toWebAnimations = toWebAnimations; exports.toggleLockNodes = toggleLockNodes; exports.transformBezierPath = _chunkYNSK4MGTcjs.transformBezierPath; exports.trimSegments = _chunkYNSK4MGTcjs.trimSegments; exports.unionPolygons = _chunkYNSK4MGTcjs.unionPolygons; exports.unitePaths = _chunkYNSK4MGTcjs.unitePaths; exports.unlockNodes = unlockNodes; exports.updateKeyframe = updateKeyframe; exports.windingNumber = _chunkYNSK4MGTcjs.windingNumber; exports.withNodeAnimation = withNodeAnimation; exports.withStyleOpacity = withStyleOpacity; exports.withStyleSize = withStyleSize; exports.wouldCreateComponentCycle = wouldCreateComponentCycle; exports.wrapAnimationTime = _chunkO4ONBPZWcjs.wrapAnimationTime; exports.writeNodeStyleProperty = writeNodeStyleProperty; exports.writeOverrideGroup = writeOverrideGroup; exports.xToTime = xToTime; exports.xorPolygons = _chunkYNSK4MGTcjs.xorPolygons;
+
+
+
+
+
+
+
+
+
+exports.ANIMATABLE_PROPERTIES = ANIMATABLE_PROPERTIES; exports.ANIMATION_DATA_KEY = ANIMATION_DATA_KEY; exports.ANIMATION_EASING_LABELS = _chunkXZ4L3R4Kcjs.ANIMATION_EASING_LABELS; exports.ANIMATION_EASING_PRESETS = _chunkXZ4L3R4Kcjs.ANIMATION_EASING_PRESETS; exports.ANIMATION_TIME_EPSILON = _chunkO4ONBPZWcjs.ANIMATION_TIME_EPSILON; exports.AUTO_LAYOUT_DATA_KEY = AUTO_LAYOUT_DATA_KEY; exports.AnimationEditError = AnimationEditError; exports.AnimationPlayer = _chunkO4ONBPZWcjs.AnimationPlayer; exports.CANVAS_COMPONENT_DRAG_TYPE = CANVAS_COMPONENT_DRAG_TYPE; exports.CANVAS_GRADIENT_PRESETS = _chunkO2UH7LZEcjs.CANVAS_GRADIENT_PRESETS; exports.CANVAS_TOKEN_PROPERTIES = CANVAS_TOKEN_PROPERTIES; exports.CARD_INSPECTION_ZONES = CARD_INSPECTION_ZONES; exports.CHILD_LAYOUT_DATA_KEY = CHILD_LAYOUT_DATA_KEY; exports.COMPONENT_DATA_KEY = COMPONENT_DATA_KEY; exports.COMPONENT_OVERRIDES_DATA_KEY = COMPONENT_OVERRIDES_DATA_KEY; exports.COMPONENT_PROPERTY_REFS_DATA_KEY = COMPONENT_PROPERTY_REFS_DATA_KEY; exports.COMPONENT_SET_DATA_KEY = COMPONENT_SET_DATA_KEY; exports.COMPONENT_SOURCE_DATA_KEY = COMPONENT_SOURCE_DATA_KEY; exports.CONNECTION_LINE_TYPES = CONNECTION_LINE_TYPES; exports.CSS_ANIMATION_PROPERTIES = CSS_ANIMATION_PROPERTIES; exports.CUBIC_BEZIER_PRESETS = _chunkXZ4L3R4Kcjs.CUBIC_BEZIER_PRESETS; exports.CanvasScenesStore = CanvasScenesStore; exports.DEFAULT_ARRANGE_SHORTCUTS = _chunk26BVFKHUcjs.DEFAULT_ARRANGE_SHORTCUTS; exports.DEFAULT_CURSOR_INACTIVITY_MS = DEFAULT_CURSOR_INACTIVITY_MS; exports.DEFAULT_DIAGRAM_NODE_HEIGHT = DEFAULT_DIAGRAM_NODE_HEIGHT; exports.DEFAULT_DIAGRAM_NODE_WIDTH = DEFAULT_DIAGRAM_NODE_WIDTH; exports.DEFAULT_NODE_HEIGHT = _chunkWADCJ7A7cjs.DEFAULT_NODE_HEIGHT; exports.DEFAULT_NODE_WIDTH = _chunkWADCJ7A7cjs.DEFAULT_NODE_WIDTH; exports.DEFAULT_PLACEMENT_GAP = _chunkWADCJ7A7cjs.DEFAULT_PLACEMENT_GAP; exports.DIAGRAM_RASTER_MAX_SIZE = DIAGRAM_RASTER_MAX_SIZE; exports.DIAGRAM_SVG_DARK_THEME = DIAGRAM_SVG_DARK_THEME; exports.DIAGRAM_SVG_LIGHT_THEME = DIAGRAM_SVG_LIGHT_THEME; exports.DiagramStream = DiagramStream; exports.INSTANCE_DATA_KEY = INSTANCE_DATA_KEY; exports.LOCKED_DATA_KEY = LOCKED_DATA_KEY; exports.LOCKED_PREVIOUS_FLAGS_KEY = LOCKED_PREVIOUS_FLAGS_KEY; exports.MAX_KEYFRAME_REFS = MAX_KEYFRAME_REFS; exports.MERMAID_SHAPE_PAINT = MERMAID_SHAPE_PAINT; exports.ManualClock = _chunkO4ONBPZWcjs.ManualClock; exports.PATHFINDER_OPERATIONS = _chunkMLREO6J3cjs.PATHFINDER_OPERATIONS; exports.PIXERATE_BRAND_GRADIENT = _chunkO2UH7LZEcjs.PIXERATE_BRAND_GRADIENT; exports.PathOpsError = _chunkO2UH7LZEcjs.PathOpsError; exports.PlanarMap = _chunkMLREO6J3cjs.PlanarMap; exports.RESIZE_HANDLES = RESIZE_HANDLES; exports.SHAPE_DATA_KEY = SHAPE_DATA_KEY; exports.SHAPE_KINDS = _chunkO2UH7LZEcjs.SHAPE_KINDS; exports.SHAPE_NODE_TYPE = SHAPE_NODE_TYPE; exports.SHAPE_OPERATIONS = SHAPE_OPERATIONS; exports.StreamingLayoutManager = StreamingLayoutManager; exports.TOKEN_BINDINGS_DATA_KEY = TOKEN_BINDINGS_DATA_KEY; exports.TOKEN_MODES_DATA_KEY = TOKEN_MODES_DATA_KEY; exports.addCanvasVariant = addCanvasVariant; exports.addKeyframesAtTime = addKeyframesAtTime; exports.alignNodes = alignNodes; exports.angleToSvgLinearCoords = _chunkO2UH7LZEcjs.angleToSvgLinearCoords; exports.animateNode = animateNode; exports.applyAnimation = applyAnimation; exports.applyAnimationOverrides = applyAnimationOverrides; exports.applyConstraints = applyConstraints; exports.applyNodeUpdates = applyNodeUpdates; exports.applyShapeCombination = applyShapeCombination; exports.applyShapeReplacement = applyShapeReplacement; exports.arcToCubics = _chunkO2UH7LZEcjs.arcToCubics; exports.autoLayoutDiagram = autoLayoutDiagram; exports.bezierPathArea = _chunkO2UH7LZEcjs.bezierPathArea; exports.bezierPathBounds = _chunkO2UH7LZEcjs.bezierPathBounds; exports.bezierPathLength = _chunkO2UH7LZEcjs.bezierPathLength; exports.bezierPathPointAtLength = _chunkO2UH7LZEcjs.bezierPathPointAtLength; exports.bezierPathSignedArea = _chunkO2UH7LZEcjs.bezierPathSignedArea; exports.bezierPathToSvg = _chunkO2UH7LZEcjs.bezierPathToSvg; exports.bindCanvasComponentProperty = bindCanvasComponentProperty; exports.bindCanvasToken = bindCanvasToken; exports.blendDiagramLayout = blendDiagramLayout; exports.blendLayout = blendLayout; exports.boundsOf = _chunkWADCJ7A7cjs.boundsOf; exports.calculateCursorArrowRotation = calculateCursorArrowRotation; exports.calculateCurvedPath = calculateCurvedPath; exports.calculateDagreReflowDisplacement = calculateDagreReflowDisplacement; exports.calculateDirectionalDisplacement = calculateDirectionalDisplacement; exports.canCombineShapeNodes = canCombineShapeNodes; exports.canOffsetShapeNodes = canOffsetShapeNodes; exports.canOutlineShapeNodeStrokes = canOutlineShapeNodeStrokes; exports.canvasHeight = canvasHeight; exports.centerNodes = _chunkWADCJ7A7cjs.centerNodes; exports.centre = _chunkWADCJ7A7cjs.centre; exports.clampAnimationValue = clampAnimationValue; exports.clampLayoutSize = clampLayoutSize; exports.closeContour = _chunkO2UH7LZEcjs.closeContour; exports.collectDescendantIds = collectDescendantIds; exports.combineCanvasComponentsAsVariants = combineCanvasComponentsAsVariants; exports.combineShapeNodes = combineShapeNodes; exports.computeNodesBoundingBox = computeNodesBoundingBox; exports.computeSnapGuides = computeSnapGuides; exports.connectedDiagramOnly = connectedDiagramOnly; exports.connectedOnly = connectedOnly; exports.contourEnclosesArea = _chunkMLREO6J3cjs.contourEnclosesArea; exports.contourSignedArea = _chunkO2UH7LZEcjs.contourSignedArea; exports.contoursToPath = _chunkO2UH7LZEcjs.contoursToPath; exports.copyKeyframes = copyKeyframes; exports.countPathSegments = _chunkO2UH7LZEcjs.countPathSegments; exports.createAnimationPlayer = _chunkO4ONBPZWcjs.createAnimationPlayer; exports.createBezierTrajectory = createBezierTrajectory; exports.createCanvasAnimationController = createCanvasAnimationController; exports.createCanvasArrangeController = createCanvasArrangeController; exports.createCanvasAutoLayoutController = createCanvasAutoLayoutController; exports.createCanvasComponent = createCanvasComponent; exports.createCanvasComponentsController = createCanvasComponentsController; exports.createCanvasDrawController = createCanvasDrawController; exports.createCanvasInstance = createCanvasInstance; exports.createCanvasScenesStore = createCanvasScenesStore; exports.createDefaultStrokeStyle = createDefaultStrokeStyle; exports.createFanOutTrajectory = createFanOutTrajectory; exports.createGuideIndex = createGuideIndex; exports.createNodeGuideIndex = createNodeGuideIndex; exports.createNodeLookup = createNodeLookup; exports.cubicBezierAt = _chunkXZ4L3R4Kcjs.cubicBezierAt; exports.cubicPointAt = _chunkO2UH7LZEcjs.cubicPointAt; exports.cubicsToPathData = _chunkO2UH7LZEcjs.cubicsToPathData; exports.cutOutPiece = _chunkMLREO6J3cjs.cutOutPiece; exports.dashContours = _chunkO2UH7LZEcjs.dashContours; exports.defaultEasing = defaultEasing; exports.deleteKeyframes = deleteKeyframes; exports.detachCanvasInstance = detachCanvasInstance; exports.detachTokenBindings = detachTokenBindings; exports.diagramCanvasHeight = diagramCanvasHeight; exports.diagramFileName = diagramFileName; exports.diagramGroupSize = diagramGroupSize; exports.diagramImageSize = diagramImageSize; exports.diagramLayoutBounds = diagramLayoutBounds; exports.diffOverrideGroups = diffOverrideGroups; exports.distanceToBezierPath = _chunkO2UH7LZEcjs.distanceToBezierPath; exports.distributeNodes = distributeNodes; exports.dividePaths = _chunkO2UH7LZEcjs.dividePaths; exports.dividePolygons = _chunkO2UH7LZEcjs.dividePolygons; exports.downloadDiagramPng = downloadDiagramPng; exports.easeDiagramTween = easeDiagramTween; exports.easingFromInfluence = _chunkXZ4L3R4Kcjs.easingFromInfluence; exports.easingLabel = _chunkXZ4L3R4Kcjs.easingLabel; exports.easingToCss = _chunkXZ4L3R4Kcjs.easingToCss; exports.elasticAt = _chunkXZ4L3R4Kcjs.elasticAt; exports.ensureDiagramLayout = ensureDiagramLayout; exports.ensureLayout = _chunkWADCJ7A7cjs.ensureLayout; exports.estimateCanvasHeight = estimateCanvasHeight; exports.estimateDiagramCanvasHeight = estimateDiagramCanvasHeight; exports.estimateDiagramNodeSize = estimateDiagramNodeSize; exports.estimateNodeSize = _chunkWADCJ7A7cjs.estimateNodeSize; exports.evaluateAnimation = evaluateAnimation; exports.evaluateEasing = _chunkXZ4L3R4Kcjs.evaluateEasing; exports.evaluateTrack = _chunkO4ONBPZWcjs.evaluateTrack; exports.excludePaths = _chunkO2UH7LZEcjs.excludePaths; exports.exportCssAnimation = exportCssAnimation; exports.findConnectorSnap = findConnectorSnap; exports.findStrokesAtPoint = findStrokesAtPoint; exports.findVariant = findVariant; exports.fitCubicRun = _chunkO2UH7LZEcjs.fitCubicRun; exports.fitCubicWithTangents = _chunkO2UH7LZEcjs.fitCubicWithTangents; exports.fitCubics = _chunkO2UH7LZEcjs.fitCubics; exports.fitFreehandPath = _chunkO2UH7LZEcjs.fitFreehandPath; exports.fitPathData = _chunkO2UH7LZEcjs.fitPathData; exports.fitViewportToNodes = fitViewportToNodes; exports.fitViewportToRect = fitViewportToRect; exports.flattenSvgPath = _chunkO2UH7LZEcjs.flattenSvgPath; exports.flowSide = _chunkWADCJ7A7cjs.flowSide; exports.formatAgentCursorName = formatAgentCursorName; exports.formatAnimationTime = formatAnimationTime; exports.formatNumber = _chunkO2UH7LZEcjs.formatNumber; exports.formatOklab = _chunkMR3Z4OQIcjs.formatOklab; exports.formatVariantName = formatVariantName; exports.getAbsolutePosition = getAbsolutePosition; exports.getAgentCardAnchor = getAgentCardAnchor; exports.getAnimatableProperty = getAnimatableProperty; exports.getAnimatedProperties = getAnimatedProperties; exports.getAnimatedValue = getAnimatedValue; exports.getAnimationDuration = getAnimationDuration; exports.getAnimationTrack = getAnimationTrack; exports.getAutoLayout = getAutoLayout; exports.getAutoLayoutGrid = getAutoLayoutGrid; exports.getAutoLayoutInsertTarget = getAutoLayoutInsertTarget; exports.getBindableTokenProperties = getBindableTokenProperties; exports.getCanvasComponentDragId = getCanvasComponentDragId; exports.getCanvasTokenProperty = getCanvasTokenProperty; exports.getCenteredNodePosition = _chunkWADCJ7A7cjs.getCenteredNodePosition; exports.getChildLayout = getChildLayout; exports.getComponentData = getComponentData; exports.getComponentInstances = getComponentInstances; exports.getComponentPropertyDefs = getComponentPropertyDefs; exports.getComponentPropertyRefs = getComponentPropertyRefs; exports.getComponentSourceId = getComponentSourceId; exports.getCssPropertyAnimations = getCssPropertyAnimations; exports.getCursorTransitionDuration = getCursorTransitionDuration; exports.getDefaultVariant = getDefaultVariant; exports.getEffectiveTokenModes = getEffectiveTokenModes; exports.getFlowChildren = getFlowChildren; exports.getInstanceData = getInstanceData; exports.getInstanceProperties = getInstanceProperties; exports.getInstanceStatus = getInstanceStatus; exports.getKeyframeTimes = getKeyframeTimes; exports.getLayerName = getLayerName; exports.getLayoutParent = getLayoutParent; exports.getLayoutSizing = getLayoutSizing; exports.getLayoutedNodes = _chunkWADCJ7A7cjs.getLayoutedNodes; exports.getNaturalMovementTiming = getNaturalMovementTiming; exports.getNextVariantValues = getNextVariantValues; exports.getNodeAnimation = getNodeAnimation; exports.getNodeOverrides = getNodeOverrides; exports.getNodeRect = getNodeRect; exports.getNodeShape = getNodeShape; exports.getNodeSize = getNodeSize; exports.getNodeTokenBindings = getNodeTokenBindings; exports.getNodeTokenModes = getNodeTokenModes; exports.getOwningComponent = getOwningComponent; exports.getOwningInstance = getOwningInstance; exports.getResizingNodeRect = getResizingNodeRect; exports.getRootInstance = getRootInstance; exports.getShapeRenderData = _chunkO2UH7LZEcjs.getShapeRenderData; exports.getShapeSvg = _chunkO2UH7LZEcjs.getShapeSvg; exports.getTimelineRows = getTimelineRows; exports.getTimelineTicks = getTimelineTicks; exports.getTokenPropertyScope = getTokenPropertyScope; exports.getTokensForProperty = getTokensForProperty; exports.getVariantConflicts = getVariantConflicts; exports.getVariantOptions = getVariantOptions; exports.getVariantSet = getVariantSet; exports.getVariantValues = getVariantValues; exports.gradientToSvgDef = _chunkO2UH7LZEcjs.gradientToSvgDef; exports.handlePoint = handlePoint; exports.hasVisibleStroke = hasVisibleStroke; exports.hashString = hashString; exports.hatchPath = _chunkMLREO6J3cjs.hatchPath; exports.inferResizeHandle = inferResizeHandle; exports.inspectCanvasInstance = inspectCanvasInstance; exports.inspectNodeTokens = inspectNodeTokens; exports.interiorPoint = _chunkMLREO6J3cjs.interiorPoint; exports.interpolateAnimationValue = _chunkO4ONBPZWcjs.interpolateAnimationValue; exports.intersectPaths = _chunkO2UH7LZEcjs.intersectPaths; exports.intersectPolygons = _chunkO2UH7LZEcjs.intersectPolygons; exports.invertNodeUpdates = invertNodeUpdates; exports.isAgentCursor = isAgentCursor; exports.isAnimationEasing = _chunkXZ4L3R4Kcjs.isAnimationEasing; exports.isAnimationKeyframe = _chunkO4ONBPZWcjs.isAnimationKeyframe; exports.isAutoLayoutFrame = isAutoLayoutFrame; exports.isCanvasComponent = isCanvasComponent; exports.isCanvasComponentSet = isCanvasComponentSet; exports.isCanvasGradient = _chunkO2UH7LZEcjs.isCanvasGradient; exports.isCanvasInstance = isCanvasInstance; exports.isCssExportExact = isCssExportExact; exports.isEventFromTextInput = isEventFromTextInput; exports.isInsideInstance = isInsideInstance; exports.isKeyframeSelected = isKeyframeSelected; exports.isLocked = isLocked; exports.isMeasureModifierHeld = isMeasureModifierHeld; exports.isNodeAnimated = isNodeAnimated; exports.isShapeDescription = _chunkO2UH7LZEcjs.isShapeDescription; exports.isShapeNode = isShapeNode; exports.isStraightCubic = _chunkO2UH7LZEcjs.isStraightCubic; exports.isValidCanvasEdge = isValidCanvasEdge; exports.isValidCanvasNode = isValidCanvasNode; exports.isValidCanvasScene = isValidCanvasScene; exports.isValidUrl = isValidUrl; exports.layoutAll = layoutAll; exports.layoutBounds = layoutBounds; exports.layoutFrame = layoutFrame; exports.layoutUp = layoutUp; exports.layoutUpMany = layoutUpMany; exports.linearPositionTrajectory = linearPositionTrajectory; exports.linearTrajectory = linearTrajectory; exports.listCanvasComponents = listCanvasComponents; exports.lockNodes = lockNodes; exports.makeSizingCoherent = makeSizingCoherent; exports.matchArrangeShortcut = _chunk26BVFKHUcjs.matchArrangeShortcut; exports.matchSize = matchSize; exports.measureBetween = measureBetween; exports.measureLabel = measureLabel; exports.measureSelection = measureSelection; exports.measureToLine = measureToLine; exports.mergeNodeUpdates = mergeNodeUpdates; exports.mermaidEdgeDash = mermaidEdgeDash; exports.mermaidEdgeMarker = mermaidEdgeMarker; exports.mermaidEdgeWidth = mermaidEdgeWidth; exports.mermaidFlowEdges = mermaidFlowEdges; exports.mermaidFlowNodes = mermaidFlowNodes; exports.mermaidLabelLines = mermaidLabelLines; exports.mermaidMarkerId = mermaidMarkerId; exports.mermaidMovesFromCanvas = mermaidMovesFromCanvas; exports.mermaidNodeMembers = mermaidNodeMembers; exports.mermaidNodePaint = mermaidNodePaint; exports.mermaidShapePaths = mermaidShapePaths; exports.mermaidThumbnailSvg = mermaidThumbnailSvg; exports.mermaidToCanvas = mermaidToCanvas; exports.mermaidToSvg = mermaidToSvg; exports.mixColorsOklab = _chunkMR3Z4OQIcjs.mixColorsOklab; exports.moveKeyframes = moveKeyframes; exports.moveLayoutChild = moveLayoutChild; exports.multiPolygonArea = _chunkO2UH7LZEcjs.multiPolygonArea; exports.multiPolygonBounds = _chunkO2UH7LZEcjs.multiPolygonBounds; exports.nearestHandlePositions = nearestHandlePositions; exports.normalizeBezierPath = _chunkO2UH7LZEcjs.normalizeBezierPath; exports.normalizeKeyframes = _chunkO4ONBPZWcjs.normalizeKeyframes; exports.offsetPath = _chunkO2UH7LZEcjs.offsetPath; exports.offsetShapeNodes = offsetShapeNodes; exports.oklabToRgb = _chunkMR3Z4OQIcjs.oklabToRgb; exports.oppositePosition = oppositePosition; exports.outlineShapeNodeStrokes = outlineShapeNodeStrokes; exports.outlineStroke = _chunkO2UH7LZEcjs.outlineStroke; exports.overlaps = _chunkWADCJ7A7cjs.overlaps; exports.pageHidden = _chunkO4ONBPZWcjs.pageHidden; exports.parseCanvasClipboardData = parseCanvasClipboardData; exports.parseCanvasScenes = parseCanvasScenes; exports.parseCssEasing = _chunkXZ4L3R4Kcjs.parseCssEasing; exports.parseCssGradient = _chunkO2UH7LZEcjs.parseCssGradient; exports.parseKeyframeClipboard = parseKeyframeClipboard; exports.parseMermaidStyles = parseMermaidStyles; exports.parseNodeStyleDeclarations = parseNodeStyleDeclarations; exports.parseOklab = _chunkMR3Z4OQIcjs.parseOklab; exports.parseSvgPath = _chunkO2UH7LZEcjs.parseSvgPath; exports.parseVariantName = parseVariantName; exports.pasteKeyframes = pasteKeyframes; exports.pathBoolean = _chunkO2UH7LZEcjs.pathBoolean; exports.pathBooleanSelect = _chunkO2UH7LZEcjs.pathBooleanSelect; exports.pathToContours = _chunkO2UH7LZEcjs.pathToContours; exports.pathfinder = _chunkMLREO6J3cjs.pathfinder; exports.placeBeside = _chunkWADCJ7A7cjs.placeBeside; exports.planarSplit = _chunkO2UH7LZEcjs.planarSplit; exports.playWebAnimations = playWebAnimations; exports.pointInBezierPath = _chunkO2UH7LZEcjs.pointInBezierPath; exports.pointInMultiPolygon = _chunkO2UH7LZEcjs.pointInMultiPolygon; exports.pointInRings = _chunkO2UH7LZEcjs.pointInRings; exports.polygonArea = _chunkO2UH7LZEcjs.polygonArea; exports.polygonBoolean = _chunkO2UH7LZEcjs.polygonBoolean; exports.polygonToSvgPath = _chunkO2UH7LZEcjs.polygonToSvgPath; exports.positionToSide = positionToSide; exports.pruneCanvasTokenModes = pruneCanvasTokenModes; exports.pushCanvasInstanceOverrides = pushCanvasInstanceOverrides; exports.rasterSize = rasterSize; exports.rasterizeSvg = rasterizeSvg; exports.readAnimatableValue = readAnimatableValue; exports.readNodeStyleProperty = readNodeStyleProperty; exports.readOverrideGroup = readOverrideGroup; exports.readStyleSize = readStyleSize; exports.realClock = _chunkO4ONBPZWcjs.realClock; exports.recordAnimationChanges = recordAnimationChanges; exports.relayoutUpdates = relayoutUpdates; exports.remapPastedNodes = remapPastedNodes; exports.removeCanvasVariant = removeCanvasVariant; exports.removeTrack = removeTrack; exports.renameCanvasVariantProperty = renameCanvasVariantProperty; exports.renameCanvasVariantValue = renameCanvasVariantValue; exports.reorderNodes = reorderNodes; exports.repositionNodesTo = repositionNodesTo; exports.resetCanvasInstanceOverrides = resetCanvasInstanceOverrides; exports.resizeHandleAxes = resizeHandleAxes; exports.resolveCanvasGradient = _chunkO2UH7LZEcjs.resolveCanvasGradient; exports.resolveCanvasTokens = resolveCanvasTokens; exports.resolveEasing = _chunkXZ4L3R4Kcjs.resolveEasing; exports.resolveMermaidStyles = resolveMermaidStyles; exports.resolvePadding = resolvePadding; exports.restoreCanvasMainComponent = restoreCanvasMainComponent; exports.revertShapeCombination = revertShapeCombination; exports.rgbToOklab = _chunkMR3Z4OQIcjs.rgbToOklab; exports.ringSignedArea = _chunkO2UH7LZEcjs.ringSignedArea; exports.runMultiNodeTransition = runMultiNodeTransition; exports.sampleAnimationFrames = sampleAnimationFrames; exports.scaleKeyframes = scaleKeyframes; exports.segmentBounds = _chunkO2UH7LZEcjs.segmentBounds; exports.segmentCurvature = _chunkO2UH7LZEcjs.segmentCurvature; exports.segmentDerivative = _chunkO2UH7LZEcjs.segmentDerivative; exports.segmentExtrema = _chunkO2UH7LZEcjs.segmentExtrema; exports.segmentIntersections = _chunkO2UH7LZEcjs.segmentIntersections; exports.segmentLength = _chunkO2UH7LZEcjs.segmentLength; exports.segmentNearest = _chunkO2UH7LZEcjs.segmentNearest; exports.segmentParamAtLength = _chunkO2UH7LZEcjs.segmentParamAtLength; exports.segmentPoint = _chunkO2UH7LZEcjs.segmentPoint; exports.segmentTangent = _chunkO2UH7LZEcjs.segmentTangent; exports.serializeCanvasNodes = serializeCanvasNodes; exports.setCanvasComponentProperty = setCanvasComponentProperty; exports.setCanvasInstanceProperties = setCanvasInstanceProperties; exports.setCanvasTokenMode = setCanvasTokenMode; exports.setCanvasVariantProperties = setCanvasVariantProperties; exports.setKeyframe = setKeyframe; exports.setKeyframeEasing = setKeyframeEasing; exports.setMotionPath = setMotionPath; exports.setTrackEnabled = setTrackEnabled; exports.shapeNodeToBezierPath = shapeNodeToBezierPath; exports.shapeNodeToPolygon = shapeNodeToPolygon; exports.shapeToBezierPath = shapeToBezierPath; exports.shapeToPolygon = _chunkO2UH7LZEcjs.shapeToPolygon; exports.sideToPosition = sideToPosition; exports.simplifyRing = _chunkO2UH7LZEcjs.simplifyRing; exports.snapKeyframeDelta = snapKeyframeDelta; exports.snapNodeDrag = snapNodeDrag; exports.snapNodeResize = snapNodeResize; exports.snapResize = snapResize; exports.snapTimeToFrame = snapTimeToFrame; exports.snapToGrid = snapToGrid; exports.splitSegment = _chunkO2UH7LZEcjs.splitSegment; exports.springAt = _chunkXZ4L3R4Kcjs.springAt; exports.streamedDiagramText = streamedDiagramText; exports.streamlinePoints = streamlinePoints; exports.strokeBoundingBox = strokeBoundingBox; exports.strokeOutlineRings = _chunkO2UH7LZEcjs.strokeOutlineRings; exports.strokePointsToPathData = strokePointsToPathData; exports.strokeToShapeNode = strokeToShapeNode; exports.subSegment = _chunkO2UH7LZEcjs.subSegment; exports.subtractPaths = _chunkO2UH7LZEcjs.subtractPaths; exports.subtractPolygons = _chunkO2UH7LZEcjs.subtractPolygons; exports.swapCanvasInstance = swapCanvasInstance; exports.syncAllCanvasInstances = syncAllCanvasInstances; exports.syncCanvasComponents = syncCanvasComponents; exports.syncCanvasInstance = syncCanvasInstance; exports.timeToX = timeToX; exports.toBezierPath = _chunkO2UH7LZEcjs.toBezierPath; exports.toWebAnimations = toWebAnimations; exports.toggleLockNodes = toggleLockNodes; exports.transformBezierPath = _chunkO2UH7LZEcjs.transformBezierPath; exports.trimSegments = _chunkO2UH7LZEcjs.trimSegments; exports.unionPolygons = _chunkO2UH7LZEcjs.unionPolygons; exports.unitePaths = _chunkO2UH7LZEcjs.unitePaths; exports.unlockNodes = unlockNodes; exports.updateKeyframe = updateKeyframe; exports.windingNumber = _chunkO2UH7LZEcjs.windingNumber; exports.withNodeAnimation = withNodeAnimation; exports.withStyleOpacity = withStyleOpacity; exports.withStyleSize = withStyleSize; exports.wouldCreateComponentCycle = wouldCreateComponentCycle; exports.wrapAnimationTime = _chunkO4ONBPZWcjs.wrapAnimationTime; exports.writeNodeStyleProperty = writeNodeStyleProperty; exports.writeOverrideGroup = writeOverrideGroup; exports.xToTime = xToTime; exports.xorPolygons = _chunkO2UH7LZEcjs.xorPolygons;
 //# sourceMappingURL=index.cjs.map