@pixerate/editor 0.274.0 → 0.275.0

package/dist/{chunk-SNAFFCAX.cjs → chunk-OLZXXAER.cjs}

@@ -8,7 +8,7 @@
 
 
 
-var _chunkGHGBIAWQcjs = require('./chunk-GHGBIAWQ.cjs');
+var _chunk6QNDGMK7cjs = require('./chunk-6QNDGMK7.cjs');
 
 
 
@@ -74,7 +74,7 @@ var _chunkJBZRVLXVcjs = require('./chunk-JBZRVLXV.cjs');
 
 
 
-var _chunkN5IMDAHMcjs = require('./chunk-N5IMDAHM.cjs');
+var _chunkDHC4E2DUcjs = require('./chunk-DHC4E2DU.cjs');
 
 
 
@@ -2793,7 +2793,7 @@ function effectDabField(img, rect, cov, centre, mixed, field, steps = 0, dab = n
 var samplers = /* @__PURE__ */ new WeakMap();
 function stampSampler(ref, art, hardness = 1) {
   const sampler = baseSampler(ref, art);
-  if (!sampler || hardness >= 1 || !_chunkGHGBIAWQcjs.isBrushSourceRef.call(void 0, ref)) return sampler;
+  if (!sampler || hardness >= 1 || !_chunk6QNDGMK7cjs.isBrushSourceRef.call(void 0, ref)) return sampler;
   const h = Math.max(0, hardness);
   return (u, v2, seed) => {
     const r = Math.hypot(u, v2) / Math.SQRT2;
@@ -2868,7 +2868,7 @@ function rasterizeStampDab(d, sample, seed, rect, out) {
 }
 function brushStickerRefs(brush) {
   const refs = brush.engine === "sticker" ? [...brush.sticker.stamps] : brush.engine === "particle" ? [...brush.particle.dotTextures] : brush.engine === "dab" && brush.stamp ? [brush.stamp] : [];
-  return [...new Set(refs.filter((r) => r.includes(":") && !r.startsWith("editor:") && !_chunkGHGBIAWQcjs.isBrushSourceRef.call(void 0, r)))];
+  return [...new Set(refs.filter((r) => r.includes(":") && !r.startsWith("editor:") && !_chunk6QNDGMK7cjs.isBrushSourceRef.call(void 0, r)))];
 }
 function sprayDroplets(d, spray, seed) {
   const count = 1 + Math.round(spray.density * 31);
@@ -3405,6 +3405,10 @@ var DryStroke = (_class3 = class {
       sampleEffectField(this.options.effect, rect, vals, field, d);
     }
     this.coverage.accumulate(rect, vals, m.opacity, null, field);
+    if (this.options.film) {
+      if (this.brush.engine === "eraser") this.options.film.erase(rect, vals, m.opacity * this.brush.tip.opacity);
+      else if (this.brush.iridescence) this.options.film.deposit(rect, vals, m.opacity * this.brush.tip.opacity, this.brush.iridescence, d.pressure);
+    }
     rects.push(rect);
     this.dabCount++;
   }
@@ -3611,11 +3615,10 @@ var PaintDabStroke = (_class4 = class {
       if (this.gradientAlpha) laid = this.tipAlpha(d, rect, cov);
     } else total = ex.paint(this.paint);
     if (total > 0 && flow > 0) {
+      const dep = Math.min(1, total) * d.alpha * brush.tip.opacity * d.opacity * flow;
       if (this.coverage) this.depositWithCeiling(d, rect, laid, field, ex, flow);
-      else {
-        const dep = Math.min(1, total) * d.alpha * brush.tip.opacity * d.opacity * flow;
-        if (dep > 0) this.medium.deposit(rect, laid, dep, this.paint, ex.paintPigment, field);
-      }
+      else if (dep > 0) this.medium.deposit(rect, laid, dep, this.paint, ex.paintPigment, field);
+      if (brush.iridescence && this.options.film && dep > 0) this.options.film.deposit(rect, laid, dep, brush.iridescence, d.pressure);
     }
     ex.drain();
   }
@@ -3700,7 +3703,7 @@ var PaintDabStroke = (_class4 = class {
 
 // src/paint-editor/wet.ts
 var STROKE_WATER = 0.9;
-var STROKE_MASS = _chunkN5IMDAHMcjs.PIGMENT_UNIT * 2.5;
+var STROKE_MASS = _chunkDHC4E2DUcjs.PIGMENT_UNIT * 2.5;
 var STROKE_LIGHT = 1.5;
 var COVERAGE_STEPS = 4096;
 function union(a, b) {
@@ -3731,15 +3734,15 @@ var WetStrokeDriver = (_class5 = class {
     const perDab = Math.min(1, spacing * 1.2);
     const thin = wet.thinner;
     const body = wet.body * (1 - thin);
-    this.medium = new (0, _chunkN5IMDAHMcjs.WetMedium)(init.world, init.laneId, {
+    this.medium = new (0, _chunkDHC4E2DUcjs.WetMedium)(init.world, init.laneId, {
       water: STROKE_WATER * Math.min(1, wet.water * (1 + thin)) * perDab,
       mass: STROKE_MASS * wet.pigment * (1 - 0.6 * thin) * perDab,
       body,
       light: 0
     });
     if (wet.tool === "paint" && brush.ghost && wet.pigment > 0) {
-      const one = _chunkN5IMDAHMcjs.pigmentOf.call(void 0, init.color, body);
-      init.world.startGhost(init.laneId, [one[0], one[1], one[2], one[3]], brush.ghost.linger, _nullishCoalesce(init.speed, () => ( 120)));
+      const one = _chunkDHC4E2DUcjs.pigmentOf.call(void 0, init.color, body);
+      init.world.startGhost(init.laneId, [one[0], one[1], one[2], one[3]], brush.ghost.linger, _nullishCoalesce(init.speed, () => ( 120)), _nullishCoalesce(brush.ghost.trigger, () => ( "immediate")));
     }
     this.lightBase = wet.tool === "paint" ? STROKE_LIGHT * brush.light.amount * (1 - 0.6 * thin) * perDab : 0;
     const rates = _chunkNIBFKXMDcjs.exchangeRates.call(void 0, brush.behavior.pickup, brush.behavior.mix, wet.load, brush.behavior.mixing);
@@ -3904,8 +3907,11 @@ var WetStrokeDriver = (_class5 = class {
           const field = new Float32Array(ec.length * 3);
           effectDabField(effect, rect, ec, this.centre, this.paint, field, COVERAGE_STEPS, d);
           this.medium.deposit(rect, ec, Math.min(1, total) * k, this.paint, null, field);
-        } else if (total > 0 && flow > 0) this.medium.deposit(rect, cov, Math.min(1, total) * k * flow, this.paint, null);
-        else world.paint(laneId, rect, cov, this.medium.options.water * k, null);
+          if (brush.iridescence && this.init.film) this.init.film.deposit(rect, ec, Math.min(1, total) * k, brush.iridescence, d.pressure);
+        } else if (total > 0 && flow > 0) {
+          this.medium.deposit(rect, cov, Math.min(1, total) * k * flow, this.paint, null);
+          if (brush.iridescence && this.init.film) this.init.film.deposit(rect, cov, Math.min(1, total) * k * flow, brush.iridescence, d.pressure);
+        } else world.paint(laneId, rect, cov, this.medium.options.water * k, null);
         ex.drain();
         if (wet.rewet > 0) world.rewet(laneId, rect, cov, wet.rewet * k * 0.15, this.init.paperColor);
         break;
@@ -3932,6 +3938,7 @@ var WetStrokeDriver = (_class5 = class {
       }
       case "blot":
         world.remove(laneId, rect, cov, wet.strength * 0.8 * k, wet.strength * 0.6 * k, wet.strength * 0.15 * k, wet.strength * 0.5 * k);
+        _optionalChain([this, 'access', _83 => _83.init, 'access', _84 => _84.film, 'optionalAccess', _85 => _85.erase, 'call', _86 => _86(rect, cov, wet.strength * 0.6 * k)]);
         break;
     }
     st.last = d;
@@ -3957,7 +3964,7 @@ var PaintWetLayers = (_class6 = class {
   
   
   __init41() {this.world = null}
-  __init42() {this.tilt = { ..._chunkN5IMDAHMcjs.FLAT }}
+  __init42() {this.tilt = { ..._chunkDHC4E2DUcjs.FLAT }}
   __init43() {this.settings = /* @__PURE__ */ new Map()}
   __init44() {this.paused = false}
   /** Wet strokes dry as soon as they end (one undo step with the stroke). */
@@ -3981,8 +3988,8 @@ var PaintWetLayers = (_class6 = class {
   /** Starts the GPU engine for the world (once; it may turn out unavailable). */
   startGpu() {
     if (this.gpuMode === "off" || this.gpu || this.gpuStarting || this.gpuSupport) return;
-    const provider = this.options.gpuProvider === void 0 ? _chunkN5IMDAHMcjs.findWebGpu.call(void 0, ) : this.options.gpuProvider;
-    this.gpuStarting = _chunkN5IMDAHMcjs.createWetGpuEngine.call(void 0, provider).then(({ engine, support }) => {
+    const provider = this.options.gpuProvider === void 0 ? _chunkDHC4E2DUcjs.findWebGpu.call(void 0, ) : this.options.gpuProvider;
+    this.gpuStarting = _chunkDHC4E2DUcjs.createWetGpuEngine.call(void 0, provider).then(({ engine, support }) => {
       this.gpuSupport = support;
       if (!engine) return;
       if (this.gpuMode === "off" || !this.world) {
@@ -4012,8 +4019,8 @@ var PaintWetLayers = (_class6 = class {
     if (mode === this.gpuMode) return this.engineInfo();
     this.gpuMode = mode;
     if (mode === "off") {
-      _optionalChain([this, 'access', _83 => _83.world, 'optionalAccess', _84 => _84.attachGpu, 'call', _85 => _85(null)]);
-      _optionalChain([this, 'access', _86 => _86.gpu, 'optionalAccess', _87 => _87.destroy, 'call', _88 => _88()]);
+      _optionalChain([this, 'access', _87 => _87.world, 'optionalAccess', _88 => _88.attachGpu, 'call', _89 => _89(null)]);
+      _optionalChain([this, 'access', _90 => _90.gpu, 'optionalAccess', _91 => _91.destroy, 'call', _92 => _92()]);
       this.gpu = null;
       this.gpuSupport = null;
     } else if (this.world) this.startGpu();
@@ -4021,13 +4028,13 @@ var PaintWetLayers = (_class6 = class {
   }
   engineInfo() {
     const w = this.world;
-    const base = { mode: this.gpuMode, adapter: _nullishCoalesce(_optionalChain([this, 'access', _89 => _89.gpuSupport, 'optionalAccess', _90 => _90.adapter]), () => ( null)), maxTiles: _nullishCoalesce(_optionalChain([this, 'access', _91 => _91.gpuSupport, 'optionalAccess', _92 => _92.maxSlots]), () => ( 0)), minTiles: this.gpuMinTiles, activeTiles: _nullishCoalesce(_optionalChain([w, 'optionalAccess', _93 => _93.activeTiles, 'call', _94 => _94()]), () => ( 0)), cpu: this.backend() };
+    const base = { mode: this.gpuMode, adapter: _nullishCoalesce(_optionalChain([this, 'access', _93 => _93.gpuSupport, 'optionalAccess', _94 => _94.adapter]), () => ( null)), maxTiles: _nullishCoalesce(_optionalChain([this, 'access', _95 => _95.gpuSupport, 'optionalAccess', _96 => _96.maxSlots]), () => ( 0)), minTiles: this.gpuMinTiles, activeTiles: _nullishCoalesce(_optionalChain([w, 'optionalAccess', _97 => _97.activeTiles, 'call', _98 => _98()]), () => ( 0)), cpu: this.backend() };
     if (this.gpuMode === "off") return { ...base, state: "off", reason: "Forced to the CPU." };
     if (this.gpuStarting) return { ...base, state: "starting", reason: null };
-    if (_optionalChain([w, 'optionalAccess', _95 => _95.gpuError])) return { ...base, state: "failed", reason: w.gpuError };
+    if (_optionalChain([w, 'optionalAccess', _99 => _99.gpuError])) return { ...base, state: "failed", reason: w.gpuError };
     if (this.gpuSupport && !this.gpuSupport.supported) return { ...base, state: "unavailable", reason: this.gpuSupport.reason };
     if (!this.gpu) return { ...base, state: "not-started", reason: "Starts with the first wet stroke." };
-    if (_optionalChain([w, 'optionalAccess', _96 => _96.gpuActive])) return { ...base, state: "active", reason: null };
+    if (_optionalChain([w, 'optionalAccess', _100 => _100.gpuActive])) return { ...base, state: "active", reason: null };
     return { ...base, state: "standby", reason: `The GPU takes over at ${this.gpuMinTiles} wet tiles (256 px).` };
   }
   /** The world (made on first use, at the canvas size). */
@@ -4041,7 +4048,7 @@ var PaintWetLayers = (_class6 = class {
     return this.world;
   }
   makeWorld(width, height, paper) {
-    const world = new (0, _chunkN5IMDAHMcjs.WetWorld)(width, height, wetPaperInput(paper), { kernel: this.options.kernel, threads: this.options.threads });
+    const world = new (0, _chunkDHC4E2DUcjs.WetWorld)(width, height, wetPaperInput(paper), { kernel: this.options.kernel, threads: this.options.threads });
     world.setTilt(this.tilt);
     world.gpuMinTiles = this.gpuMinTiles;
     if (this.gpu) world.attachGpu(this.gpu);
@@ -4053,7 +4060,7 @@ var PaintWetLayers = (_class6 = class {
    * sides: the shift has to be whole wet tiles (256 px), and no wet stroke may be live.
    */
   canExtend(left2, top) {
-    return left2 % _chunkN5IMDAHMcjs.WET_TILE === 0 && top % _chunkN5IMDAHMcjs.WET_TILE === 0 && !this.driver;
+    return left2 % _chunkDHC4E2DUcjs.WET_TILE === 0 && top % _chunkDHC4E2DUcjs.WET_TILE === 0 && !this.driver;
   }
   /**
    * Keeps the wet paint while the canvas grows to `width`×`height` by `left` / `top` on those
@@ -4066,17 +4073,17 @@ var PaintWetLayers = (_class6 = class {
     if (!this.canExtend(left2, top)) throw new Error("Wet paint only moves by whole 256 px tiles, between strokes.");
     for (const [id, s] of this.settings) if (s.flow.center) this.settings.set(id, { ...s, flow: { ...s.flow, center: { x: s.flow.center.x + left2, y: s.flow.center.y + top } } });
     const old = this.world;
-    const snap = _optionalChain([old, 'optionalAccess', _97 => _97.laneIds, 'call', _98 => _98(), 'access', _99 => _99.length]) ? old.snapshot() : null;
+    const snap = _optionalChain([old, 'optionalAccess', _101 => _101.laneIds, 'call', _102 => _102(), 'access', _103 => _103.length]) ? old.snapshot() : null;
     this.dropWorld();
     this.lastTick = null;
     this.stepsOwed = 0;
     if (!old || !snap) return;
-    const moved = _chunkN5IMDAHMcjs.moveWetSnapshot.call(void 0, snap, old, { width, height }, left2, top, (l) => {
-      const flow = _optionalChain([this, 'access', _100 => _100.settings, 'access', _101 => _101.get, 'call', _102 => _102(l.id), 'optionalAccess', _103 => _103.flow]);
+    const moved = _chunkDHC4E2DUcjs.moveWetSnapshot.call(void 0, snap, old, { width, height }, left2, top, (l) => {
+      const flow = _optionalChain([this, 'access', _104 => _104.settings, 'access', _105 => _105.get, 'call', _106 => _106(l.id), 'optionalAccess', _107 => _107.flow]);
       return {
         base: _chunk474IQG74cjs.translateSurface.call(void 0, l.base, left2, top),
         ...l.light ? { light: _chunk474IQG74cjs.translateSurface.call(void 0, l.light, left2, top) } : {},
-        flow: l.flow && flow && flow.kind !== "none" ? _chunkN5IMDAHMcjs.flowField.call(void 0, flow, width, height) : l.flow
+        flow: l.flow && flow && flow.kind !== "none" ? _chunkDHC4E2DUcjs.flowField.call(void 0, flow, width, height) : l.flow
       };
     });
     this.world = this.makeWorld(width, height, paper);
@@ -4091,11 +4098,11 @@ var PaintWetLayers = (_class6 = class {
   }
   /** Layers holding a wet layer (wet or drying). */
   wetLayerIds() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _104 => _104.world, 'optionalAccess', _105 => _105.laneIds, 'call', _106 => _106()]), () => ( []));
+    return _nullishCoalesce(_optionalChain([this, 'access', _108 => _108.world, 'optionalAccess', _109 => _109.laneIds, 'call', _110 => _110()]), () => ( []));
   }
   /** Whether a batch is running (edits wait). */
   get busy() {
-    return Boolean(_optionalChain([this, 'access', _107 => _107.world, 'optionalAccess', _108 => _108.busy]));
+    return Boolean(_optionalChain([this, 'access', _111 => _111.world, 'optionalAccess', _112 => _112.busy]));
   }
   /** Resolves when no batch is running. */
   async idle() {
@@ -4104,7 +4111,7 @@ var PaintWetLayers = (_class6 = class {
   settingsOf(layerId, medium = "watercolor") {
     let s = this.settings.get(layerId);
     if (!s) {
-      s = { params: _chunkN5IMDAHMcjs.normalizeWetParams.call(void 0, WET_MEDIUM_PARAMS[medium], _chunkN5IMDAHMcjs.DEFAULT_WET_PARAMS), flow: { ..._chunkN5IMDAHMcjs.DEFAULT_FLOW } };
+      s = { params: _chunkDHC4E2DUcjs.normalizeWetParams.call(void 0, WET_MEDIUM_PARAMS[medium], _chunkDHC4E2DUcjs.DEFAULT_WET_PARAMS), flow: { ..._chunkDHC4E2DUcjs.DEFAULT_FLOW } };
       this.settings.set(layerId, s);
     }
     return s;
@@ -4117,52 +4124,52 @@ var PaintWetLayers = (_class6 = class {
       const s = this.settingsOf(layerId, medium);
       w.ensureLane(layerId, { params: s.params, base, light: this.host.layerLight(layerId), ghost: s.ghost });
       const { width, height } = this.host.canvas();
-      if (s.flow.kind !== "none") w.setFlow(layerId, _chunkN5IMDAHMcjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
+      if (s.flow.kind !== "none") w.setFlow(layerId, _chunkDHC4E2DUcjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
     }
     return w;
   }
   setParams(layerId, update) {
     const s = this.settingsOf(layerId);
-    s.params = _chunkN5IMDAHMcjs.normalizeWetParams.call(void 0, update, s.params);
-    if (_optionalChain([this, 'access', _109 => _109.world, 'optionalAccess', _110 => _110.hasLane, 'call', _111 => _111(layerId)])) this.world.setParams(layerId, s.params);
+    s.params = _chunkDHC4E2DUcjs.normalizeWetParams.call(void 0, update, s.params);
+    if (_optionalChain([this, 'access', _113 => _113.world, 'optionalAccess', _114 => _114.hasLane, 'call', _115 => _115(layerId)])) this.world.setParams(layerId, s.params);
     return { ...s.params };
   }
   setFlow(layerId, update) {
     const s = this.settingsOf(layerId);
-    s.flow = _chunkN5IMDAHMcjs.normalizeFlow.call(void 0, update, s.flow);
-    if (_optionalChain([this, 'access', _112 => _112.world, 'optionalAccess', _113 => _113.hasLane, 'call', _114 => _114(layerId)])) {
+    s.flow = _chunkDHC4E2DUcjs.normalizeFlow.call(void 0, update, s.flow);
+    if (_optionalChain([this, 'access', _116 => _116.world, 'optionalAccess', _117 => _117.hasLane, 'call', _118 => _118(layerId)])) {
       const { width, height } = this.host.canvas();
-      this.world.setFlow(layerId, _chunkN5IMDAHMcjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
+      this.world.setFlow(layerId, _chunkDHC4E2DUcjs.flowField.call(void 0, s.flow, width, height), s.flow.strength);
     }
     return { ...s.flow };
   }
   setTilt(update) {
-    this.tilt = _chunkN5IMDAHMcjs.normalizeTilt.call(void 0, update, this.tilt);
-    _optionalChain([this, 'access', _115 => _115.world, 'optionalAccess', _116 => _116.setTilt, 'call', _117 => _117(this.tilt)]);
+    this.tilt = _chunkDHC4E2DUcjs.normalizeTilt.call(void 0, update, this.tilt);
+    _optionalChain([this, 'access', _119 => _119.world, 'optionalAccess', _120 => _120.setTilt, 'call', _121 => _121(this.tilt)]);
     return { ...this.tilt };
   }
   /** The paper changed. */
   paperChanged() {
-    _optionalChain([this, 'access', _118 => _118.world, 'optionalAccess', _119 => _119.setPaper, 'call', _120 => _120(wetPaperInput(this.host.paper()))]);
+    _optionalChain([this, 'access', _122 => _122.world, 'optionalAccess', _123 => _123.setPaper, 'call', _124 => _124(wetPaperInput(this.host.paper()))]);
   }
   /** A layer as tools describe it. */
   info(layerId) {
     const s = this.settingsOf(layerId);
-    const st = _optionalChain([this, 'access', _121 => _121.world, 'optionalAccess', _122 => _122.hasLane, 'call', _123 => _123(layerId)]) ? this.world.stats(layerId) : null;
-    const g = _optionalChain([this, 'access', _124 => _124.world, 'optionalAccess', _125 => _125.hasLane, 'call', _126 => _126(layerId)]) ? this.world.getGhost(layerId) : _nullishCoalesce(s.ghost, () => ( null));
+    const st = _optionalChain([this, 'access', _125 => _125.world, 'optionalAccess', _126 => _126.hasLane, 'call', _127 => _127(layerId)]) ? this.world.stats(layerId) : null;
+    const g = _optionalChain([this, 'access', _128 => _128.world, 'optionalAccess', _129 => _129.hasLane, 'call', _130 => _130(layerId)]) ? this.world.getGhost(layerId) : _nullishCoalesce(s.ghost, () => ( null));
     return {
       layerId,
       wet: Boolean(st && st.wetCells > 0),
-      wetCells: _nullishCoalesce(_optionalChain([st, 'optionalAccess', _127 => _127.wetCells]), () => ( 0)),
-      wetBounds: _nullishCoalesce(_optionalChain([st, 'optionalAccess', _128 => _128.wetBounds]), () => ( null)),
-      activeTiles: _nullishCoalesce(_optionalChain([st, 'optionalAccess', _129 => _129.activeTiles]), () => ( 0)),
+      wetCells: _nullishCoalesce(_optionalChain([st, 'optionalAccess', _131 => _131.wetCells]), () => ( 0)),
+      wetBounds: _nullishCoalesce(_optionalChain([st, 'optionalAccess', _132 => _132.wetBounds]), () => ( null)),
+      activeTiles: _nullishCoalesce(_optionalChain([st, 'optionalAccess', _133 => _133.activeTiles]), () => ( 0)),
       params: { ...s.params },
       flow: { ...s.flow },
-      ...g ? { ghost: { remaining: Math.round(g.remaining * _chunkN5IMDAHMcjs.FREE_INTERVAL / this.speed * 100) / 100 } } : {}
+      ...g ? { ghost: { remaining: Math.round(g.remaining * _chunkDHC4E2DUcjs.FREE_INTERVAL / this.speed * 100) / 100 } } : {}
     };
   }
   backend() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _130 => _130.world, 'optionalAccess', _131 => _131.backend, 'call', _132 => _132()]), () => ( null));
+    return _nullishCoalesce(_optionalChain([this, 'access', _134 => _134.world, 'optionalAccess', _135 => _135.backend, 'call', _136 => _136()]), () => ( null));
   }
   /** Shows the current wet pixels (at most `maxTiles` reshaded per layer). */
   syncDisplays(maxTiles = Infinity) {
@@ -4211,12 +4218,12 @@ var PaintWetLayers = (_class6 = class {
     const w = this.world;
     if (!w) return;
     for (const id of w.laneIds()) {
-      if (w.isActive(id) || _optionalChain([this, 'access', _133 => _133.driver, 'optionalAccess', _134 => _134.init, 'access', _135 => _135.laneId]) === id) continue;
+      if (w.isActive(id) || _optionalChain([this, 'access', _137 => _137.driver, 'optionalAccess', _138 => _138.init, 'access', _139 => _139.laneId]) === id) continue;
       const base = w.getBase(id);
       const light = w.isLit(id) ? w.getLight(id) : null;
       w.removeLane(id);
       const s = this.settings.get(id);
-      if (_optionalChain([s, 'optionalAccess', _136 => _136.ghost])) delete s.ghost;
+      if (_optionalChain([s, 'optionalAccess', _140 => _140.ghost])) delete s.ghost;
       if (light && this.host.layerLight(id) !== light) this.host.updateLights(/* @__PURE__ */ new Map([[id, light]]));
       this.host.updateSurfaces(/* @__PURE__ */ new Map([[id, base]]), []);
     }
@@ -4295,7 +4302,7 @@ var PaintWetLayers = (_class6 = class {
     if (!d || !this.world) return;
     const rects = d.flush();
     if (rects.length) this.syncDisplays(DISPLAY_TILES_PER_TICK);
-    if (d.done) _optionalChain([this, 'access', _137 => _137.onDriverDone, 'optionalCall', _138 => _138(d)]);
+    if (d.done) _optionalChain([this, 'access', _141 => _141.onDriverDone, 'optionalCall', _142 => _142(d)]);
   }
   /** Called when a live stroke that ended mid-batch has finished applying. */
   __init56() {this.onDriverDone = null}
@@ -4336,16 +4343,34 @@ var PaintWetLayers = (_class6 = class {
     this.retireDry();
     return out;
   }
+  /** Starts the fade countdown of an agent-triggered ghost on `layerId`. */
+  releaseGhost(layerId, linger) {
+    const w = this.world;
+    if (_optionalChain([w, 'optionalAccess', _143 => _143.hasLane, 'call', _144 => _144(layerId)])) w.releaseGhost(layerId, linger, this.speed);
+    const s = this.settings.get(layerId);
+    if (_optionalChain([s, 'optionalAccess', _145 => _145.ghost, 'optionalAccess', _146 => _146.trigger]) === "agent") {
+      const sec = linger !== void 0 ? Math.max(0.5, Math.min(60, linger)) : s.ghost.linger;
+      const total = Math.max(1, Math.round(sec * this.speed / _chunkDHC4E2DUcjs.FREE_INTERVAL));
+      s.ghost = { ...s.ghost, linger: sec, total, remaining: total, trigger: void 0 };
+    }
+  }
+  /** Keeps an unclaimed agent-triggered ghost on `layerId` as ordinary wet paint. */
+  keepGhost(layerId) {
+    const w = this.world;
+    if (_optionalChain([w, 'optionalAccess', _147 => _147.hasLane, 'call', _148 => _148(layerId)])) w.keepGhost(layerId);
+    const s = this.settings.get(layerId);
+    if (_optionalChain([s, 'optionalAccess', _149 => _149.ghost])) delete s.ghost;
+  }
   /** The layer's light paint with all its wet paint dried (`null` without a wet layer or light), without changing anything. */
   bakedLight(layerId) {
     const w = this.world;
-    if (!_optionalChain([w, 'optionalAccess', _139 => _139.hasLane, 'call', _140 => _140(layerId)]) || !w.isLit(layerId)) return null;
+    if (!_optionalChain([w, 'optionalAccess', _150 => _150.hasLane, 'call', _151 => _151(layerId)]) || !w.isLit(layerId)) return null;
     return w.bakedLight(layerId);
   }
   /** The layer's pixels with all its wet paint dried (deterministic), without changing anything. */
   bakedSurface(layerId) {
     const w = this.world;
-    if (!_optionalChain([w, 'optionalAccess', _141 => _141.hasLane, 'call', _142 => _142(layerId)])) return null;
+    if (!_optionalChain([w, 'optionalAccess', _152 => _152.hasLane, 'call', _153 => _153(layerId)])) return null;
     return w.bakedSurface(layerId);
   }
   /** A snapshot of the world for undo (`null` when there is none). */
@@ -4366,13 +4391,13 @@ var PaintWetLayers = (_class6 = class {
     this.syncDisplays();
   }
   dropWorld() {
-    _optionalChain([this, 'access', _143 => _143.world, 'optionalAccess', _144 => _144.destroy, 'call', _145 => _145()]);
+    _optionalChain([this, 'access', _154 => _154.world, 'optionalAccess', _155 => _155.destroy, 'call', _156 => _156()]);
     this.world = null;
     this.driver = null;
   }
   /** Forgets everything wet (a new canvas, a resize, opening a document). */
   reset() {
-    _optionalChain([this, 'access', _146 => _146.world, 'optionalAccess', _147 => _147.destroy, 'call', _148 => _148()]);
+    _optionalChain([this, 'access', _157 => _157.world, 'optionalAccess', _158 => _158.destroy, 'call', _159 => _159()]);
     this.world = null;
     this.driver = null;
     this.settings.clear();
@@ -4402,15 +4427,15 @@ var PaintWetLayers = (_class6 = class {
     return out;
   }
   destroy() {
-    _optionalChain([this, 'access', _149 => _149.world, 'optionalAccess', _150 => _150.destroy, 'call', _151 => _151()]);
+    _optionalChain([this, 'access', _160 => _160.world, 'optionalAccess', _161 => _161.destroy, 'call', _162 => _162()]);
     this.world = null;
-    _optionalChain([this, 'access', _152 => _152.gpu, 'optionalAccess', _153 => _153.destroy, 'call', _154 => _154()]);
+    _optionalChain([this, 'access', _163 => _163.gpu, 'optionalAccess', _164 => _164.destroy, 'call', _165 => _165()]);
     this.gpu = null;
   }
 }, _class6);
 function wetPigmentOf(hex, body) {
   const [r, g, b] = hexToRgb8(hex);
-  return Array.from(_chunkN5IMDAHMcjs.pigmentOf.call(void 0, [r / 255, g / 255, b / 255], body));
+  return Array.from(_chunkDHC4E2DUcjs.pigmentOf.call(void 0, [r / 255, g / 255, b / 255], body));
 }
 
 // src/vector/brushstrokeMedia.ts
@@ -4446,8 +4471,8 @@ function place(input, brush, options, pad = 0) {
   const [r, g, b, a] = options.color;
   const hex = "#" + [r, g, b].map((v2) => Math.round(Math.min(255, Math.max(0, v2))).toString(16).padStart(2, "0")).join("");
   const source = _nullishCoalesce(options.paint, () => ( null));
-  const paint = _optionalChain([source, 'optionalAccess', _155 => _155.type]) === "gradient" ? _chunkNIBFKXMDcjs.resolvePaintGradient.call(void 0, _chunkNIBFKXMDcjs.scalePaintGradient.call(void 0, source, scale3), { paint: hex, secondary: "#ffffff" }) : null;
-  const color2 = _optionalChain([source, 'optionalAccess', _156 => _156.type]) === "color" ? hexRgb(source.color) : [r / 255, g / 255, b / 255];
+  const paint = _optionalChain([source, 'optionalAccess', _166 => _166.type]) === "gradient" ? _chunkNIBFKXMDcjs.resolvePaintGradient.call(void 0, _chunkNIBFKXMDcjs.scalePaintGradient.call(void 0, source, scale3), { paint: hex, secondary: "#ffffff" }) : null;
+  const color2 = _optionalChain([source, 'optionalAccess', _167 => _167.type]) === "color" ? hexRgb(source.color) : [r / 255, g / 255, b / 255];
   return { points, brush: sized, rect, scale: scale3, color: color2, alpha: Math.min(1, Math.max(0, a / 255)), paint };
 }
 function hexRgb(hex) {
@@ -4498,7 +4523,7 @@ var WetBrushstrokeJob = (_class7 = class {
       return;
     }
     const { rect, points } = this.placed;
-    this.world = new (0, _chunkN5IMDAHMcjs.WetWorld)(rect.width, rect.height, wetPaperInput(DEFAULT_PAPER), { kernel: "typescript", threads: 0 });
+    this.world = new (0, _chunkDHC4E2DUcjs.WetWorld)(rect.width, rect.height, wetPaperInput(DEFAULT_PAPER), { kernel: "typescript", threads: 0 });
     const medium = _nullishCoalesce(this.placed.brush.wet.medium, () => ( "watercolor"));
     this.world.ensureLane("s", { params: _nullishCoalesce(WET_MEDIUM_PARAMS[medium], () => ( {})) });
     const color2 = this.placed.color;
@@ -4557,7 +4582,7 @@ var WetBrushstrokeJob = (_class7 = class {
     return this.final;
   }
   destroy() {
-    _optionalChain([this, 'access', _157 => _157.world, 'optionalAccess', _158 => _158.destroy, 'call', _159 => _159()]);
+    _optionalChain([this, 'access', _168 => _168.world, 'optionalAccess', _169 => _169.destroy, 'call', _170 => _170()]);
   }
   bake() {
     if (!this.world || !this.placed) return EMPTY;
@@ -4582,8 +4607,8 @@ function renderBackdropBrushstroke(input, brush, options) {
   const area = { x: 0, y: 0, width: rect.width, height: rect.height };
   const before = options.backdrop ? options.backdrop(rect, placed.scale) : new Uint8ClampedArray(rect.width * rect.height * 4);
   if (before.length !== rect.width * rect.height * 4) throw new Error(`The backdrop must be ${rect.width}\xD7${rect.height} RGBA pixels.`);
-  const cached = _optionalChain([options, 'access', _160 => _160.cache, 'optionalCall', _161 => _161(before)]);
-  const hit = _optionalChain([cached, 'optionalAccess', _162 => _162.get, 'call', _163 => _163()]);
+  const cached = _optionalChain([options, 'access', _171 => _171.cache, 'optionalCall', _172 => _172(before)]);
+  const hit = _optionalChain([cached, 'optionalAccess', _173 => _173.get, 'call', _174 => _174()]);
   if (hit) return hit;
   const base = _chunk474IQG74cjs.writeRegion.call(void 0, _chunk474IQG74cjs.emptySurface.call(void 0, 4), area, before);
   const live = /* @__PURE__ */ new Map();
@@ -4591,7 +4616,7 @@ function renderBackdropBrushstroke(input, brush, options) {
     offset: { x: 0, y: 0 },
     lockTransparency: false,
     selection: null,
-    readTile: (tx, ty) => _nullishCoalesce(_nullishCoalesce(live.get(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)), () => ( _optionalChain([base, 'access', _164 => _164.tiles, 'access', _165 => _165.get, 'call', _166 => _166(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)), 'optionalAccess', _167 => _167.data]))), () => ( null)),
+    readTile: (tx, ty) => _nullishCoalesce(_nullishCoalesce(live.get(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)), () => ( _optionalChain([base, 'access', _175 => _175.tiles, 'access', _176 => _176.get, 'call', _177 => _177(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)), 'optionalAccess', _178 => _178.data]))), () => ( null)),
     writeTile: (tx, ty) => {
       const key = _chunk474IQG74cjs.tileKey.call(void 0, tx, ty);
       let t = live.get(key);
@@ -4609,17 +4634,17 @@ function renderBackdropBrushstroke(input, brush, options) {
   for (const [key, data] of live) tiles.set(key, { data, uniform: null });
   _chunk474IQG74cjs.readRegion.call(void 0, new (0, _chunk474IQG74cjs.TiledSurface)(4, tiles), area, after);
   const result = cropped(after, placed, stroke.dabCount, (i) => after[i] !== before[i] || after[i + 1] !== before[i + 1] || after[i + 2] !== before[i + 2] || after[i + 3] !== before[i + 3]);
-  _optionalChain([cached, 'optionalAccess', _168 => _168.set, 'call', _169 => _169(result)]);
+  _optionalChain([cached, 'optionalAccess', _179 => _179.set, 'call', _180 => _180(result)]);
   return result;
 }
 
 // src/vector/brushstroke.ts
 var VECTOR_BRUSHSTROKE_SCALE = 2;
-var PRESETS = _chunkGHGBIAWQcjs.listPresets.call(void 0, _chunkGHGBIAWQcjs.VECTOR_PROFILE).map((spec) => _chunkGHGBIAWQcjs.BUILTIN_BRUSHES.find((b) => b.id === spec.id));
+var PRESETS = _chunk6QNDGMK7cjs.listPresets.call(void 0, _chunk6QNDGMK7cjs.VECTOR_PROFILE).map((spec) => _chunk6QNDGMK7cjs.BUILTIN_BRUSHES.find((b) => b.id === spec.id));
 function admitted(spec) {
   try {
-    const brush = _chunkGHGBIAWQcjs.normalizeBrushSpec.call(void 0, spec);
-    return _chunkGHGBIAWQcjs.checkBrush.call(void 0, brush, _chunkGHGBIAWQcjs.VECTOR_PROFILE).ok && isVectorBrushstrokeEngine(_chunkGHGBIAWQcjs.resolveBrush.call(void 0, brush)) ? brush : null;
+    const brush = _chunk6QNDGMK7cjs.normalizeBrushSpec.call(void 0, spec);
+    return _chunk6QNDGMK7cjs.checkBrush.call(void 0, brush, _chunk6QNDGMK7cjs.VECTOR_PROFILE).ok && isVectorBrushstrokeEngine(_chunk6QNDGMK7cjs.resolveBrush.call(void 0, brush)) ? brush : null;
   } catch (e6) {
     return null;
   }
@@ -4631,7 +4656,7 @@ function vectorBrushstrokeBrushes(user = []) {
   const out = [...PRESETS];
   for (const raw of user) {
     const brush = admitted(raw);
-    if (brush && !out.some((b) => b.id === brush.id)) out.push(_chunkGHGBIAWQcjs.resolveBrush.call(void 0, brush));
+    if (brush && !out.some((b) => b.id === brush.id)) out.push(_chunk6QNDGMK7cjs.resolveBrush.call(void 0, brush));
   }
   return out;
 }
@@ -4641,7 +4666,7 @@ function vectorBrushstrokeBrush(id) {
 function vectorBrushstrokeBrushOf(brush) {
   if (brush.spec) {
     const saved = admitted(brush.spec);
-    return saved && saved.id === brush.brushId ? _chunkGHGBIAWQcjs.resolveBrush.call(void 0, saved) : null;
+    return saved && saved.id === brush.brushId ? _chunk6QNDGMK7cjs.resolveBrush.call(void 0, saved) : null;
   }
   return vectorBrushstrokeBrush(brush.brushId);
 }
@@ -4649,15 +4674,15 @@ function vectorBrushstrokeBrushError(id, user = []) {
   if (vectorBrushstrokeBrush(id)) return null;
   const saved = user.find((b) => b.id === id);
   const ids = vectorBrushstrokeBrushes(user).map((b) => b.id);
-  const reasons = (b) => _chunkGHGBIAWQcjs.checkBrush.call(void 0, b, _chunkGHGBIAWQcjs.VECTOR_PROFILE).issues.filter((i) => i.severity === "error").map((i) => `${i.reason} ${i.fix}`).join(" ") || "its engine does not paint brushstrokes.";
+  const reasons = (b) => _chunk6QNDGMK7cjs.checkBrush.call(void 0, b, _chunk6QNDGMK7cjs.VECTOR_PROFILE).issues.filter((i) => i.severity === "error").map((i) => `${i.reason} ${i.fix}`).join(" ") || "its engine does not paint brushstrokes.";
   if (saved) return admitted(saved) ? null : `Brush "${id}" (${saved.name}) can't paint a brushstroke: ${reasons(saved)} Use one of: ${ids.join(", ")}.`;
-  const preset2 = _chunkGHGBIAWQcjs.BRUSH_PRESETS.find((b) => b.id === id);
+  const preset2 = _chunk6QNDGMK7cjs.BRUSH_PRESETS.find((b) => b.id === id);
   if (preset2) return `Brush "${id}" (${preset2.name}) can't paint a brushstroke: ${reasons(preset2)} Use one of: ${ids.join(", ")}.`;
-  return `Unknown brush "${id}". ${_chunkGHGBIAWQcjs.closest.call(void 0, id, ids)}Use one of: ${ids.join(", ")} (vector.listBrushes lists them).`;
+  return `Unknown brush "${id}". ${_chunk6QNDGMK7cjs.closest.call(void 0, id, ids)}Use one of: ${ids.join(", ")} (vector.listBrushes lists them).`;
 }
 function vectorBrushstrokeDefaultColour(id, user = [], scheme = "light") {
-  const brush = _nullishCoalesce(_chunkGHGBIAWQcjs.BRUSH_PRESETS.find((b) => b.id === id), () => ( user.find((b) => b.id === id)));
-  return brush ? _chunkJBZRVLXVcjs.brushColourHex.call(void 0, _optionalChain([brush, 'access', _170 => _170.colour, 'optionalAccess', _171 => _171.default]), scheme) : null;
+  const brush = _nullishCoalesce(_chunk6QNDGMK7cjs.BRUSH_PRESETS.find((b) => b.id === id), () => ( user.find((b) => b.id === id)));
+  return brush ? _chunkJBZRVLXVcjs.brushColourHex.call(void 0, _optionalChain([brush, 'access', _181 => _181.colour, 'optionalAccess', _182 => _182.default]), scheme) : null;
 }
 function sanitizeVectorBrushstroke(value, user = []) {
   if (!value || typeof value !== "object") return null;
@@ -4781,7 +4806,7 @@ function strokePaintOf(node, layer, brush, length2) {
   const color2 = [c[0] * 255, c[1] * 255, c[2] * 255, c[3] * 255].map(Math.round);
   if (layer.brush.paint) return { color: color2, paint: layer.brush.paint, within: null };
   const g = layer.paint;
-  if (isVectorGradient(g) && _optionalChain([g, 'access', _172 => _172.stops, 'optionalAccess', _173 => _173.length])) {
+  if (isVectorGradient(g) && _optionalChain([g, 'access', _183 => _183.stops, 'optionalAccess', _184 => _184.length])) {
     const mode = _nullishCoalesce(g.strokeMode, () => ( "within"));
     if (mode === "along") return { color: [color2[0], color2[1], color2[2], 255], paint: gradientPaint(g, { by: "distance", length: Math.max(1, length2), repeat: REPEAT[_nullishCoalesce(g.spread, () => ( "pad"))], unit: "px" }), within: null };
     if (mode === "across") return { color: [color2[0], color2[1], color2[2], 255], paint: gradientPaint(g, { by: "across-tip" }), within: null };
@@ -4936,7 +4961,7 @@ function vectorBrushstrokeImages(node, layer, context = {}) {
   const source = usesVectorBackdrop(engine) && backdropSource ? backdropSource(document2, node, Math.max(0, index), settle) : null;
   const deps = source ? [...source.deps, wetGeneration] : null;
   let byLayer = layerCache.get(node);
-  const hit = _optionalChain([byLayer, 'optionalAccess', _174 => _174.get, 'call', _175 => _175(layer)]);
+  const hit = _optionalChain([byLayer, 'optionalAccess', _185 => _185.get, 'call', _186 => _186(layer)]);
   const stale = hit && (hit.pending.length && hit.pending.some((k) => wetSettled.has(k)) || settle === "now" && !hit.settled);
   if (hit && sameDeps(hit.deps, deps) && !stale) return hit.images;
   const brush = layer.brush.size ? { ...preset2, tip: { ...preset2.tip, size: layer.brush.size } } : preset2;
@@ -4961,7 +4986,7 @@ function vectorBrushstrokeImages(node, layer, context = {}) {
         const key = mediaKey(input, brush, options);
         stroke = renderBackdropBrushstroke(input, brush, {
           ...options,
-          backdrop: _nullishCoalesce(_optionalChain([source, 'optionalAccess', _176 => _176.backdrop]), () => ( null)),
+          backdrop: _nullishCoalesce(_optionalChain([source, 'optionalAccess', _187 => _187.backdrop]), () => ( null)),
           cache: (bytes) => {
             const k = `${key}:${hashBytes(bytes).toString(16)}`;
             return { get: () => backdropResults.get(k), set: (img) => backdropResults.set(k, img) };
@@ -5065,7 +5090,7 @@ function withVectorFills(node, fills) {
   const next = { ...node };
   if (fills.length === 0 || fills.length === 1 && isPlainVectorPaintLayer(fills[0])) {
     delete next.fills;
-    next.fill = _nullishCoalesce(_optionalChain([fills, 'access', _177 => _177[0], 'optionalAccess', _178 => _178.paint]), () => ( null));
+    next.fill = _nullishCoalesce(_optionalChain([fills, 'access', _188 => _188[0], 'optionalAccess', _189 => _189.paint]), () => ( null));
     return next;
   }
   next.fills = fills.map((l) => ({ ...l }));
@@ -5090,8 +5115,8 @@ function withVectorStrokes(node, strokes) {
 var json = (v2) => JSON.stringify(_nullishCoalesce(v2, () => ( null)));
 function strokeShorthandDiff(node, top) {
   const out = [];
-  if (json(node.stroke) !== json(_optionalChain([top, 'optionalAccess', _179 => _179.paint]))) out.push("stroke");
-  for (const key of VECTOR_STROKE_SETTING_KEYS) if (json(node[key]) !== json(_optionalChain([top, 'optionalAccess', _180 => _180[key]]))) out.push(key);
+  if (json(node.stroke) !== json(_optionalChain([top, 'optionalAccess', _190 => _190.paint]))) out.push("stroke");
+  for (const key of VECTOR_STROKE_SETTING_KEYS) if (json(node[key]) !== json(_optionalChain([top, 'optionalAccess', _191 => _191[key]]))) out.push(key);
   return out;
 }
 var checked = /* @__PURE__ */ new WeakSet();
@@ -5108,7 +5133,7 @@ function normalizeVectorPaintStacks(node, prefer = "shorthand") {
   if (Array.isArray(node.fills)) {
     let fills = node.fills;
     const top = fills[fills.length - 1];
-    if (prefer === "shorthand" && json(node.fill) !== json(_optionalChain([top, 'optionalAccess', _181 => _181.paint]))) {
+    if (prefer === "shorthand" && json(node.fill) !== json(_optionalChain([top, 'optionalAccess', _192 => _192.paint]))) {
       if (!draws(node.fill)) fills = [];
       else fills = top ? [...fills.slice(0, -1), { ...top, paint: node.fill }] : [{ paint: node.fill }];
     }
@@ -5324,8 +5349,8 @@ var Measured = class {
   append(sa, sb, out) {
     for (const piece of _chunkGF2RBSDMcjs.trimSegments.call(void 0, this.segs, sa, sb, this.lens)) {
       if (degenerate(piece)) continue;
-      const last = _optionalChain([out, 'access', _182 => _182[out.length - 1], 'optionalAccess', _183 => _183.segs]);
-      const end = _optionalChain([last, 'optionalAccess', _184 => _184[last.length - 1], 'optionalAccess', _185 => _185.at, 'call', _186 => _186(-1)]);
+      const last = _optionalChain([out, 'access', _193 => _193[out.length - 1], 'optionalAccess', _194 => _194.segs]);
+      const end = _optionalChain([last, 'optionalAccess', _195 => _195[last.length - 1], 'optionalAccess', _196 => _196.at, 'call', _197 => _197(-1)]);
       if (!end || Math.hypot(end[0] - piece[0][0], end[1] - piece[0][1]) > 1e-6) out.push({ segs: [piece], closed: false });
       else last.push(piece);
     }
@@ -5637,9 +5662,9 @@ function vectorRepeaterCopies(r, pivot) {
   for (let i = 0; i < n; i++) {
     const k = i + offset;
     let m = translateMatrix(-pivot.x, -pivot.y);
-    m = multiplyMatrices(m, scaleMatrix(Math.pow((_nullishCoalesce(_optionalChain([r, 'access', _187 => _187.scale, 'optionalAccess', _188 => _188.x]), () => ( 100))) / 100, k), Math.pow((_nullishCoalesce(_optionalChain([r, 'access', _189 => _189.scale, 'optionalAccess', _190 => _190.y]), () => ( 100))) / 100, k)));
+    m = multiplyMatrices(m, scaleMatrix(Math.pow((_nullishCoalesce(_optionalChain([r, 'access', _198 => _198.scale, 'optionalAccess', _199 => _199.x]), () => ( 100))) / 100, k), Math.pow((_nullishCoalesce(_optionalChain([r, 'access', _200 => _200.scale, 'optionalAccess', _201 => _201.y]), () => ( 100))) / 100, k)));
     m = multiplyMatrices(m, rotateMatrix((_nullishCoalesce(r.rotation, () => ( 0))) * k));
-    m = multiplyMatrices(m, translateMatrix(pivot.x + (_nullishCoalesce(_optionalChain([r, 'access', _191 => _191.position, 'optionalAccess', _192 => _192.x]), () => ( 0))) * k, pivot.y + (_nullishCoalesce(_optionalChain([r, 'access', _193 => _193.position, 'optionalAccess', _194 => _194.y]), () => ( 0))) * k));
+    m = multiplyMatrices(m, translateMatrix(pivot.x + (_nullishCoalesce(_optionalChain([r, 'access', _202 => _202.position, 'optionalAccess', _203 => _203.x]), () => ( 0))) * k, pivot.y + (_nullishCoalesce(_optionalChain([r, 'access', _204 => _204.position, 'optionalAccess', _205 => _205.y]), () => ( 0))) * k));
     const t = n > 1 ? i / (n - 1) : 0;
     const partial = i + 1 === n && fract > 0 ? fract : 1;
     out.push({ index: i, matrix: m, opacity: Math.min(1, Math.max(0, (so + (eo - so) * t) * partial)) });
@@ -5803,7 +5828,7 @@ function mapBezierPath(path, f, tolerance = 0.1, options = {}) {
 
 // src/vector/frames.ts
 function isVectorFrame(node) {
-  return _optionalChain([node, 'optionalAccess', _195 => _195.type]) === "group" && !!node.frame && !node.blend && !node.liveBoolean && !node.mask;
+  return _optionalChain([node, 'optionalAccess', _206 => _206.type]) === "group" && !!node.frame && !node.blend && !node.liveBoolean && !node.mask;
 }
 function vectorFrameRectPath(frame) {
   const { x, y, width: w, height: h } = frame;
@@ -5848,8 +5873,8 @@ function placeSpan(rule, a0, a1, f0, f1, g0, g1) {
   }
 }
 function vectorFrameChildMatrix(resizing, box, from, to) {
-  const [x0, x1] = placeSpan(_nullishCoalesce(H[_nullishCoalesce(_optionalChain([resizing, 'optionalAccess', _196 => _196.horizontal]), () => ( "left"))], () => ( "start")), box.x, box.x + box.width, from.x, from.x + from.width, to.x, to.x + to.width);
-  const [y0, y1] = placeSpan(_nullishCoalesce(V[_nullishCoalesce(_optionalChain([resizing, 'optionalAccess', _197 => _197.vertical]), () => ( "top"))], () => ( "start")), box.y, box.y + box.height, from.y, from.y + from.height, to.y, to.y + to.height);
+  const [x0, x1] = placeSpan(_nullishCoalesce(H[_nullishCoalesce(_optionalChain([resizing, 'optionalAccess', _207 => _207.horizontal]), () => ( "left"))], () => ( "start")), box.x, box.x + box.width, from.x, from.x + from.width, to.x, to.x + to.width);
+  const [y0, y1] = placeSpan(_nullishCoalesce(V[_nullishCoalesce(_optionalChain([resizing, 'optionalAccess', _208 => _208.vertical]), () => ( "top"))], () => ( "start")), box.y, box.y + box.height, from.y, from.y + from.height, to.y, to.y + to.height);
   const sx = box.width > 1e-9 ? (x1 - x0) / box.width : 1;
   const sy = box.height > 1e-9 ? (y1 - y0) / box.height : 1;
   return [sx, 0, 0, sy, x0 - sx * box.x, y0 - sy * box.y];
@@ -5905,7 +5930,7 @@ function vectorFrameDocument(doc, id, find) {
     height,
     ...doc.background ? { background: doc.background } : {},
     nodes: [placed],
-    ..._optionalChain([doc, 'access', _198 => _198.symbols, 'optionalAccess', _199 => _199.length]) ? { symbols: doc.symbols } : {}
+    ..._optionalChain([doc, 'access', _209 => _209.symbols, 'optionalAccess', _210 => _210.length]) ? { symbols: doc.symbols } : {}
   };
 }
 function getVectorFramePanel(state) {
@@ -5925,7 +5950,7 @@ function getVectorFramePanel(state) {
   const one = (values) => values.every((v2) => v2 === values[0]) ? values[0] : "mixed";
   return {
     frame: f ? { id: f.id, name: _nullishCoalesce(f.name, () => ( "Frame")), artboard: parents.get(f.id) === null, frame: f.frame } : null,
-    resizing: children.length ? { ids: children.map((c) => c.id), horizontal: one(children.map((c) => _nullishCoalesce(_optionalChain([c, 'access', _200 => _200.resizing, 'optionalAccess', _201 => _201.horizontal]), () => ( "left")))), vertical: one(children.map((c) => _nullishCoalesce(_optionalChain([c, 'access', _202 => _202.resizing, 'optionalAccess', _203 => _203.vertical]), () => ( "top")))) } : null
+    resizing: children.length ? { ids: children.map((c) => c.id), horizontal: one(children.map((c) => _nullishCoalesce(_optionalChain([c, 'access', _211 => _211.resizing, 'optionalAccess', _212 => _212.horizontal]), () => ( "left")))), vertical: one(children.map((c) => _nullishCoalesce(_optionalChain([c, 'access', _213 => _213.resizing, 'optionalAccess', _214 => _214.vertical]), () => ( "top")))) } : null
   };
 }
 
@@ -6311,7 +6336,7 @@ function normalizeVectorFilterParams(type, params, base) {
   if (!isVectorFilterType(type)) return null;
   const out = { ...VECTOR_FILTER_DEFAULTS[type], ..._nullishCoalesce(base, () => ( {})) };
   for (const spec of VECTOR_FILTER_PARAM_SPECS[type]) {
-    const v2 = _optionalChain([params, 'optionalAccess', _204 => _204[spec.key]]);
+    const v2 = _optionalChain([params, 'optionalAccess', _215 => _215[spec.key]]);
     if (v2 === void 0) continue;
     if (spec.kind === "number" && typeof v2 === "number" && Number.isFinite(v2)) out[spec.key] = Math.min(_nullishCoalesce(spec.max, () => ( Infinity)), Math.max(_nullishCoalesce(spec.min, () => ( -Infinity)), v2));
     else if (spec.kind === "color" && typeof v2 === "string" && v2.trim()) out[spec.key] = v2.trim();
@@ -6443,7 +6468,7 @@ function vectorFilterSvg(filters, id, bounds) {
     primitives.push(fe("feGaussianBlur", { in: body, stdDeviation: round(f.params.radius / 2), result: name("body") }));
     body = name("body");
   }
-  const lastResult = _optionalChain([primitives, 'access', _205 => _205[primitives.length - 1], 'optionalAccess', _206 => _206.attrs, 'access', _207 => _207.result]);
+  const lastResult = _optionalChain([primitives, 'access', _216 => _216[primitives.length - 1], 'optionalAccess', _217 => _217.attrs, 'access', _218 => _218.result]);
   if (lastResult !== body) primitives.push(fe("feMerge", {}, [fe("feMergeNode", { in: body })]));
   const pad = vectorFilterReach(active) + 2;
   return {
@@ -6458,7 +6483,7 @@ function vectorFilterSvg(filters, id, bounds) {
 var escapeAttr = (value) => value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 function primitiveMarkup(p) {
   const attrs = Object.entries(p.attrs).map(([k, v2]) => ` ${k}="${escapeAttr(String(v2))}"`).join("");
-  return _optionalChain([p, 'access', _208 => _208.children, 'optionalAccess', _209 => _209.length]) ? `<${p.tag}${attrs}>${p.children.map(primitiveMarkup).join("")}</${p.tag}>` : `<${p.tag}${attrs}/>`;
+  return _optionalChain([p, 'access', _219 => _219.children, 'optionalAccess', _220 => _220.length]) ? `<${p.tag}${attrs}>${p.children.map(primitiveMarkup).join("")}</${p.tag}>` : `<${p.tag}${attrs}/>`;
 }
 function vectorFilterMarkup(filter, extra = "") {
   return `<filter id="${escapeAttr(filter.id)}" filterUnits="userSpaceOnUse" x="${filter.x}" y="${filter.y}" width="${filter.width}" height="${filter.height}" color-interpolation-filters="sRGB"${extra}>${filter.primitives.map(primitiveMarkup).join("")}</filter>`;
@@ -6476,7 +6501,7 @@ function sanitizeVectorMask(value) {
   return r.invert === true ? { type: r.type, invert: true } : { type: r.type };
 }
 function isVectorMaskGroup(node) {
-  return _optionalChain([node, 'optionalAccess', _210 => _210.type]) === "group" && !!node.mask && isVectorMaskType(node.mask.type) && !node.blend && !node.liveBoolean && node.children.length > 0;
+  return _optionalChain([node, 'optionalAccess', _221 => _221.type]) === "group" && !!node.mask && isVectorMaskType(node.mask.type) && !node.blend && !node.liveBoolean && node.children.length > 0;
 }
 function isVectorMaskActive(node) {
   return isVectorMaskGroup(node) && node.children[0].visible !== false;
@@ -6511,7 +6536,7 @@ function vectorMaskRegionShapes(node, type, parent = IDENTITY_MATRIX, self = tru
   if (!self && node.visible === false) return [];
   if (isVectorFrame(node)) node = vectorFrameDrawn(node);
   const m = multiplyMatrices(nodeMatrix(node), parent);
-  if (isVectorMaskActive(node) || node.type === "group" && _optionalChain([node, 'access', _211 => _211.effects, 'optionalAccess', _212 => _212.length])) {
+  if (isVectorMaskActive(node) || node.type === "group" && _optionalChain([node, 'access', _222 => _222.effects, 'optionalAccess', _223 => _223.length])) {
     return vectorAppearanceShapes(node).flatMap((s) => regionOfPath(s.path, s.source, type, m));
   }
   const drawn = expandVectorAppearance(node);
@@ -6716,7 +6741,7 @@ function fitRuns(runs, length2, fallback) {
   }
   if (left2 > 0) {
     if (out.length) out[out.length - 1] = { ...out[out.length - 1], length: out[out.length - 1].length + left2 };
-    else out.push({ length: left2, style: _nullishCoalesce(_optionalChain([runs, 'access', _213 => _213[runs.length - 1], 'optionalAccess', _214 => _214.style]), () => ( fallback)) });
+    else out.push({ length: left2, style: _nullishCoalesce(_optionalChain([runs, 'access', _224 => _224[runs.length - 1], 'optionalAccess', _225 => _225.style]), () => ( fallback)) });
   }
   return compact(out);
 }
@@ -6726,7 +6751,7 @@ function styleAt(runs, index, fallback) {
     if (index < at2 + r.length) return r.style;
     at2 += r.length;
   }
-  return _nullishCoalesce(_optionalChain([runs, 'access', _215 => _215[runs.length - 1], 'optionalAccess', _216 => _216.style]), () => ( fallback));
+  return _nullishCoalesce(_optionalChain([runs, 'access', _226 => _226[runs.length - 1], 'optionalAccess', _227 => _227.style]), () => ( fallback));
 }
 function restyleRange(runs, start, end, patch) {
   const out = [];
@@ -6782,7 +6807,7 @@ function paragraphRanges(text) {
   return out;
 }
 function fitParagraphRuns(runs, text) {
-  const fallback = _nullishCoalesce(_optionalChain([runs, 'access', _217 => _217[0], 'optionalAccess', _218 => _218.style]), () => ( {}));
+  const fallback = _nullishCoalesce(_optionalChain([runs, 'access', _228 => _228[0], 'optionalAccess', _229 => _229.style]), () => ( {}));
   const out = compact(paragraphRanges(text).map((p) => ({ length: p.end - p.start, style: styleAt(runs, p.start, fallback) })));
   return out.length ? out : [{ length: 0, style: fallback }];
 }
@@ -6832,7 +6857,7 @@ function textLineRect(l) {
 var layoutCache = /* @__PURE__ */ new WeakMap();
 function layoutText(layer, shaper) {
   let byShaper = layoutCache.get(layer);
-  const hit = _optionalChain([byShaper, 'optionalAccess', _219 => _219.get, 'call', _220 => _220(shaper.id)]);
+  const hit = _optionalChain([byShaper, 'optionalAccess', _230 => _230.get, 'call', _231 => _231(shaper.id)]);
   if (hit) return hit;
   const out = computeLayout(layer, shaper);
   if (!byShaper) {
@@ -6896,7 +6921,7 @@ function computeLayout(layer, shaper) {
         const code = seg.charCodeAt(k);
         if (isLow(code) && index > 0 && isHigh(text.charCodeAt(index - 1))) {
           const prev = chars[chars.length - 1];
-          if (_optionalChain([prev, 'optionalAccess', _221 => _221.up])) {
+          if (_optionalChain([prev, 'optionalAccess', _232 => _232.up])) {
             chars.push({ index, ch: seg[k], advance: 0, style, up: prev.up, low: true });
           } else chars.push({ index, ch: seg[k], advance, style, low: true });
           continue;
@@ -7224,7 +7249,7 @@ function createCanvasTextShaper(options = {}) {
     return null;
   })));
   const canvas = make(1, 1);
-  const ctx = _optionalChain([canvas, 'optionalAccess', _222 => _222.getContext, 'call', _223 => _223("2d")]);
+  const ctx = _optionalChain([canvas, 'optionalAccess', _233 => _233.getContext, 'call', _234 => _234("2d")]);
   if (!ctx || typeof ctx.measureText !== "function") return null;
   const fallback = _nullishCoalesce(options.fallbackFamily, () => ( "sans-serif"));
   const available = /* @__PURE__ */ new Map();
@@ -7297,10 +7322,10 @@ function createOutlineTextShaper(fonts, options = {}) {
   const entries = fonts.map((f) => {
     const e = "face" in f ? f : { face: f };
     const names = e.face.names;
-    const family = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(e.family, () => ( _optionalChain([names, 'optionalAccess', _224 => _224.fontFamily, 'optionalAccess', _225 => _225.en]))), () => ( Object.values(_nullishCoalesce(_optionalChain([names, 'optionalAccess', _226 => _226.fontFamily]), () => ( {})))[0])), () => ( "Font"));
-    const weight = _nullishCoalesce(_nullishCoalesce(e.weight, () => ( _optionalChain([e, 'access', _227 => _227.face, 'access', _228 => _228.tables, 'optionalAccess', _229 => _229.os2, 'optionalAccess', _230 => _230.usWeightClass]))), () => ( 400));
-    const italic = _nullishCoalesce(e.italic, () => ( Boolean((_nullishCoalesce(_optionalChain([e, 'access', _231 => _231.face, 'access', _232 => _232.tables, 'optionalAccess', _233 => _233.os2, 'optionalAccess', _234 => _234.fsSelection]), () => ( 0))) & 1)));
-    const postScript = _nullishCoalesce(_optionalChain([names, 'optionalAccess', _235 => _235.postScriptName, 'optionalAccess', _236 => _236.en]), () => ( Object.values(_nullishCoalesce(_optionalChain([names, 'optionalAccess', _237 => _237.postScriptName]), () => ( {})))[0]));
+    const family = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(e.family, () => ( _optionalChain([names, 'optionalAccess', _235 => _235.fontFamily, 'optionalAccess', _236 => _236.en]))), () => ( Object.values(_nullishCoalesce(_optionalChain([names, 'optionalAccess', _237 => _237.fontFamily]), () => ( {})))[0])), () => ( "Font"));
+    const weight = _nullishCoalesce(_nullishCoalesce(e.weight, () => ( _optionalChain([e, 'access', _238 => _238.face, 'access', _239 => _239.tables, 'optionalAccess', _240 => _240.os2, 'optionalAccess', _241 => _241.usWeightClass]))), () => ( 400));
+    const italic = _nullishCoalesce(e.italic, () => ( Boolean((_nullishCoalesce(_optionalChain([e, 'access', _242 => _242.face, 'access', _243 => _243.tables, 'optionalAccess', _244 => _244.os2, 'optionalAccess', _245 => _245.fsSelection]), () => ( 0))) & 1)));
+    const postScript = _nullishCoalesce(_optionalChain([names, 'optionalAccess', _246 => _246.postScriptName, 'optionalAccess', _247 => _247.en]), () => ( Object.values(_nullishCoalesce(_optionalChain([names, 'optionalAccess', _248 => _248.postScriptName]), () => ( {})))[0]));
     return { face: e.face, family, key: family.toLowerCase(), weight, italic, postScript };
   });
   const fallbackKey = (_nullishCoalesce(options.fallback, () => ( entries[0].family))).toLowerCase();
@@ -7347,12 +7372,12 @@ function createOutlineTextShaper(fonts, options = {}) {
       return out;
     },
     outline(text, font, x, y, opts) {
-      return toPath(pick(font).entry.face.getPath(text, x, y, font.size, _optionalChain([opts, 'optionalAccess', _238 => _238.vertical]) ? { kerning: true, vertical: true } : { kerning: true }).commands);
+      return toPath(pick(font).entry.face.getPath(text, x, y, font.size, _optionalChain([opts, 'optionalAccess', _249 => _249.vertical]) ? { kerning: true, vertical: true } : { kerning: true }).commands);
     },
     vertical(char, font) {
       const { face } = pick(font).entry;
       const k = font.size / face.unitsPerEm;
-      const v2 = _optionalChain([face, 'access', _239 => _239.getVerticalMetrics, 'optionalCall', _240 => _240(char)]);
+      const v2 = _optionalChain([face, 'access', _250 => _250.getVerticalMetrics, 'optionalCall', _251 => _251(char)]);
       if (v2) return { advance: v2.advance * k, originY: v2.originY * k, alternate: v2.alternate };
       return { advance: (face.ascender - face.descender) * k, originY: face.ascender * k, alternate: false };
     },
@@ -7413,7 +7438,7 @@ function vectorTextHasOutlines() {
   return typeof getVectorTextShaper().outline === "function";
 }
 function vectorTextFamilies() {
-  return _nullishCoalesce(_optionalChain([getVectorTextShaper, 'call', _241 => _241(), 'access', _242 => _242.families, 'optionalCall', _243 => _243()]), () => ( ["sans-serif", "serif", "monospace"]));
+  return _nullishCoalesce(_optionalChain([getVectorTextShaper, 'call', _252 => _252(), 'access', _253 => _253.families, 'optionalCall', _254 => _254()]), () => ( ["sans-serif", "serif", "monospace"]));
 }
 var DEFAULT_VECTOR_FONT = { fontFamily: "sans-serif", fontWeight: 400, fontSize: 24 };
 var VECTOR_CHARACTER_STYLE_KEYS = ["fontFamily", "fontWeight", "italic", "fontSize", "tracking", "leading", "baselineShift", "underline", "strikethrough", "upright"];
@@ -7589,7 +7614,7 @@ function computeLayout2(node, shaper) {
   const fragments = [];
   const lines = [];
   let overflow = false;
-  const fillOf = (f) => _optionalChain([runs, 'access', _244 => _244.find, 'call', _245 => _245((r) => f.start >= r.start && f.start < r.end), 'optionalAccess', _246 => _246.fill]);
+  const fillOf = (f) => _optionalChain([runs, 'access', _255 => _255.find, 'call', _256 => _256((r) => f.start >= r.start && f.start < r.end), 'optionalAccess', _257 => _257.fill]);
   const styleOf = (f) => {
     const { color: _c, opacity: _o, postScriptName: _p, ...style } = f.style;
     return style;
@@ -7628,11 +7653,11 @@ function computeLayout2(node, shaper) {
   } else {
     const line = text.lines[0];
     const measure = measureVectorPath(subpathPath(frame.path), !!frame.flip);
-    const align = _nullishCoalesce(_optionalChain([node, 'access', _247 => _247.paragraph, 'optionalAccess', _248 => _248.align]), () => ( "left"));
+    const align = _nullishCoalesce(_optionalChain([node, 'access', _258 => _258.paragraph, 'optionalAccess', _259 => _259.align]), () => ( "left"));
     const start = Math.max(0, _nullishCoalesce(frame.start, () => ( 0)));
     const end = Math.max(0, _nullishCoalesce(frame.end, () => ( 0)));
     const upright = frame.orientation === "upright";
-    const baselineOffset = pathBaselineOffset(_nullishCoalesce(frame.baseline, () => ( "baseline")), _nullishCoalesce(_optionalChain([line, 'optionalAccess', _249 => _249.ascent]), () => ( 0)), _nullishCoalesce(_optionalChain([line, 'optionalAccess', _250 => _250.descent]), () => ( 0)));
+    const baselineOffset = pathBaselineOffset(_nullishCoalesce(frame.baseline, () => ( "baseline")), _nullishCoalesce(_optionalChain([line, 'optionalAccess', _260 => _260.ascent]), () => ( 0)), _nullishCoalesce(_optionalChain([line, 'optionalAccess', _261 => _261.descent]), () => ( 0)));
     if (line) {
       const chars = line.chars.filter((c) => {
         const lo = block.text.charCodeAt(c.index);
@@ -7641,7 +7666,7 @@ function computeLayout2(node, shaper) {
       const advanceOf = (c) => {
         const pair = charAt(block.text, c.index).length === 2;
         const low = pair ? line.chars.find((d) => d.index === c.index + 1) : void 0;
-        return c.advance + (_nullishCoalesce(_optionalChain([low, 'optionalAccess', _251 => _251.advance]), () => ( 0)));
+        return c.advance + (_nullishCoalesce(_optionalChain([low, 'optionalAccess', _262 => _262.advance]), () => ( 0)));
       };
       const pivots = chars.map((c) => c.x + advanceOf(c) / 2);
       const positions = vectorPathTextPositions(pivots, [line.x, line.x + line.width], align, measure.length, start, end);
@@ -7696,7 +7721,7 @@ function computeLayout2(node, shaper) {
     if (x0 < Infinity) bounds = { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
     else if (frame.kind === "point") {
       const l = text.lines[0];
-      bounds = { x: frame.x, y: frame.y - (_nullishCoalesce(_optionalChain([l, 'optionalAccess', _252 => _252.ascent]), () => ( 0))), width: 0, height: (_nullishCoalesce(_optionalChain([l, 'optionalAccess', _253 => _253.ascent]), () => ( 0))) + (_nullishCoalesce(_optionalChain([l, 'optionalAccess', _254 => _254.descent]), () => ( 0))) };
+      bounds = { x: frame.x, y: frame.y - (_nullishCoalesce(_optionalChain([l, 'optionalAccess', _263 => _263.ascent]), () => ( 0))), width: 0, height: (_nullishCoalesce(_optionalChain([l, 'optionalAccess', _264 => _264.ascent]), () => ( 0))) + (_nullishCoalesce(_optionalChain([l, 'optionalAccess', _265 => _265.descent]), () => ( 0))) };
     }
   }
   return { shaper: shaper.id, glyphs, fragments, lines, origin, text, bounds, overflow, missingFonts: text.missingFonts };
@@ -7817,7 +7842,7 @@ function vectorTextCaret(node, index) {
     const t = { x: Math.cos(r), y: Math.sin(r) };
     const n2 = { x: -t.y, y: t.x };
     const o = { x: g2.x + t.x * u, y: g2.y + t.y * u };
-    return { top: { x: o.x - n2.x * g2.ascent, y: o.y - n2.y * g2.ascent }, bottom: { x: o.x + n2.x * g2.descent, y: o.y + n2.y * g2.descent }, line: _nullishCoalesce(_optionalChain([layout, 'access', _255 => _255.fragments, 'access', _256 => _256[g2.fragment], 'optionalAccess', _257 => _257.line]), () => ( 0)) };
+    return { top: { x: o.x - n2.x * g2.ascent, y: o.y - n2.y * g2.ascent }, bottom: { x: o.x + n2.x * g2.descent, y: o.y + n2.y * g2.descent }, line: _nullishCoalesce(_optionalChain([layout, 'access', _266 => _266.fragments, 'access', _267 => _267[g2.fragment], 'optionalAccess', _268 => _268.line]), () => ( 0)) };
   };
   if (node.frame.kind !== "path") {
     const c = caretAt(layout.text, index);
@@ -7957,7 +7982,7 @@ function sanitizeVectorTextFrame(value, path = "frame") {
     return { kind: "area", x: num2(f.x, `${path}.x`, -1e7, 1e7), y: num2(f.y, `${path}.y`, -1e7, 1e7), width: num2(f.width, `${path}.width`, 0, 1e7), height: num2(f.height, `${path}.height`, 0, 1e7) };
   if (f.kind === "path") {
     const sp = f.path;
-    if (!sp || !Array.isArray(sp.anchors) || sp.anchors.length < 2 || !sp.anchors.every((a) => isNum(_optionalChain([a, 'optionalAccess', _258 => _258.x])) && isNum(_optionalChain([a, 'optionalAccess', _259 => _259.y])))) fail(`${path}.path must be a subpath with at least two anchors.`);
+    if (!sp || !Array.isArray(sp.anchors) || sp.anchors.length < 2 || !sp.anchors.every((a) => isNum(_optionalChain([a, 'optionalAccess', _269 => _269.x])) && isNum(_optionalChain([a, 'optionalAccess', _270 => _270.y])))) fail(`${path}.path must be a subpath with at least two anchors.`);
     const out = { kind: "path", path: { closed: !!sp.closed, anchors: sp.anchors.map((a) => ({ ...a })) } };
     if (f.start !== void 0 && f.start !== 0) out.start = num2(f.start, `${path}.start`, 0, 1e7);
     if (f.end !== void 0 && f.end !== 0) out.end = num2(f.end, `${path}.end`, 0, 1e7);
@@ -7975,7 +8000,7 @@ function sanitizeVectorTextFrame(value, path = "frame") {
   return fail(`${path}.kind must be point, area or path, got ${JSON.stringify(f.kind)}.`);
 }
 function normalizeVectorTextRuns(text, runs) {
-  if (!_optionalChain([runs, 'optionalAccess', _260 => _260.length])) return null;
+  if (!_optionalChain([runs, 'optionalAccess', _271 => _271.length])) return null;
   const cleaned = fitVectorTextRuns(
     runs.map((r) => ({ length: r.length, style: stripUndefined(r.style) })),
     text.length
@@ -8015,7 +8040,7 @@ function replaceVectorText(node, start, end, insert) {
   const clean2 = insert.replace(/\r\n?/g, "\n");
   const text = node.text.slice(0, start) + clean2 + node.text.slice(end);
   let runs = null;
-  if (_optionalChain([node, 'access', _261 => _261.runs, 'optionalAccess', _262 => _262.length])) {
+  if (_optionalChain([node, 'access', _272 => _272.runs, 'optionalAccess', _273 => _273.length])) {
     const fitted = fitVectorTextRuns(node.runs, node.text.length);
     const style = styleAt(fitted, start > 0 ? start - 1 : start, {});
     runs = normalizeVectorTextRuns(text, spliceRuns(fitted, start, end, clean2.length, style));
@@ -8031,7 +8056,7 @@ function styleVectorText(node, start, end, patch) {
   if (whole) {
     let next2 = { ...node, font: patchVectorCharacterStyle(node.font, fields, "style") };
     const keys = Object.keys(fields).filter((k) => fields[k] !== void 0);
-    if (_optionalChain([next2, 'access', _263 => _263.runs, 'optionalAccess', _264 => _264.length]) && (keys.length || fill !== void 0)) {
+    if (_optionalChain([next2, 'access', _274 => _274.runs, 'optionalAccess', _275 => _275.length]) && (keys.length || fill !== void 0)) {
       const runs2 = normalizeVectorTextRuns(
         next2.text,
         next2.runs.map((r) => {
@@ -8076,7 +8101,7 @@ function bakeVectorTextGeometry(node, m) {
     ...s.baselineShift !== void 0 ? { baselineShift: s.baselineShift * k } : {}
   });
   const font = scaleStyle(node.font);
-  const runs = _optionalChain([node, 'access', _265 => _265.runs, 'optionalAccess', _266 => _266.map, 'call', _267 => _267((r) => ({ length: r.length, style: scaleStyle(r.style) }))]);
+  const runs = _optionalChain([node, 'access', _276 => _276.runs, 'optionalAccess', _277 => _277.map, 'call', _278 => _278((r) => ({ length: r.length, style: scaleStyle(r.style) }))]);
   const p = node.paragraph;
   const paragraph = p ? {
     ...p,
@@ -8365,7 +8390,7 @@ function vectorInstanceGroup(node, bake) {
   const m = _nullishCoalesce(node.transform, () => ( [1, 0, 0, 1, 0, 0]));
   const { rigid, residual } = decomposeRigid(m);
   const k = Math.sqrt(Math.abs(residual[0] * residual[3] - residual[1] * residual[2]));
-  const hidden = new Set(_nullishCoalesce(_optionalChain([node, 'access', _268 => _268.overrides, 'optionalAccess', _269 => _269.hidden]), () => ( [])));
+  const hidden = new Set(_nullishCoalesce(_optionalChain([node, 'access', _279 => _279.overrides, 'optionalAccess', _280 => _280.hidden]), () => ( [])));
   const keep = (list) => list.filter((n) => !hidden.has(n.id)).map((n) => n.type === "group" ? { ...n, children: keep(n.children) } : n);
   let children = prefixVectorIds(keep(_nullishCoalesce(node.art, () => ( []))), node.id);
   if (!isIdentityMatrix(residual)) children = children.map((c) => bake(c, residual));
@@ -8378,8 +8403,8 @@ function vectorInstanceGroup(node, bake) {
   if (node.locked) group.locked = true;
   if (node.opacity !== void 0) group.opacity = node.opacity;
   if (node.blendMode) group.blendMode = node.blendMode;
-  if (_optionalChain([node, 'access', _270 => _270.filters, 'optionalAccess', _271 => _271.length])) group.filters = node.filters;
-  if (_optionalChain([node, 'access', _272 => _272.effects, 'optionalAccess', _273 => _273.length])) group.effects = node.effects;
+  if (_optionalChain([node, 'access', _281 => _281.filters, 'optionalAccess', _282 => _282.length])) group.filters = node.filters;
+  if (_optionalChain([node, 'access', _283 => _283.effects, 'optionalAccess', _284 => _284.length])) group.effects = node.effects;
   if (node.booleanOperation) group.booleanOperation = node.booleanOperation;
   if (node.blendStep) group.blendStep = true;
   return group;
@@ -8632,8 +8657,8 @@ function vectorLensDrawn(node) {
         if (wire) {
           contents.push(shapePath(shape, id, changed, { fill: null, fills: void 0, stroke: wire, strokes: void 0, strokeWidth: 1, strokeAlign: void 0, strokeDasharray: void 0, strokeWidthProfile: void 0, opacity: Math.min(1, Math.max(0, lens.amount / 100)) }));
         } else if (recolour) {
-          const fills = _optionalChain([shape, 'access', _274 => _274.source, 'access', _275 => _275.fills, 'optionalAccess', _276 => _276.map, 'call', _277 => _277((l) => ({ ...l, paint: _nullishCoalesce(mapVectorPaintColors(l.paint, recolour), () => ( null)) }))]);
-          const strokes = _optionalChain([shape, 'access', _278 => _278.source, 'access', _279 => _279.strokes, 'optionalAccess', _280 => _280.map, 'call', _281 => _281((l) => ({ ...l, paint: _nullishCoalesce(mapVectorPaintColors(l.paint, recolour), () => ( null)) }))]);
+          const fills = _optionalChain([shape, 'access', _285 => _285.source, 'access', _286 => _286.fills, 'optionalAccess', _287 => _287.map, 'call', _288 => _288((l) => ({ ...l, paint: _nullishCoalesce(mapVectorPaintColors(l.paint, recolour), () => ( null)) }))]);
+          const strokes = _optionalChain([shape, 'access', _289 => _289.source, 'access', _290 => _290.strokes, 'optionalAccess', _291 => _291.map, 'call', _292 => _292((l) => ({ ...l, paint: _nullishCoalesce(mapVectorPaintColors(l.paint, recolour), () => ( null)) }))]);
           contents.push(shapePath(shape, id, changed, { fill: _nullishCoalesce(mapVectorPaintColors(shape.source.fill, recolour), () => ( null)), stroke: _nullishCoalesce(mapVectorPaintColors(shape.source.stroke, recolour), () => ( null)), ...fills ? { fills } : {}, ...strokes ? { strokes } : {} }));
         } else contents.push(shapePath(shape, id, changed));
       }
@@ -8646,7 +8671,7 @@ function vectorLensDrawn(node) {
   const { lens: _l, lensView: _v, transform: _t, opacity: _o, effects: _e, blendMode: _bm, filters: _f, ...style } = node;
   const fillOpacity = lens.type === "transparency" ? 1 - Math.min(100, Math.max(0, lens.amount)) / 100 : 0;
   children.push({ ...style, id: `${node.id}~lens-fill`, stroke: null, strokes: void 0, opacity: fillOpacity });
-  const stroked = (_nullishCoalesce(_optionalChain([node, 'access', _282 => _282.strokes, 'optionalAccess', _283 => _283.length]), () => ( 0))) > 0 || node.stroke != null && node.stroke !== "none";
+  const stroked = (_nullishCoalesce(_optionalChain([node, 'access', _293 => _293.strokes, 'optionalAccess', _294 => _294.length]), () => ( 0))) > 0 || node.stroke != null && node.stroke !== "none";
   if (stroked) children.push({ ...style, id: `${node.id}~lens-stroke`, fill: null, fills: void 0 });
   const out = {
     id: node.id,
@@ -8655,7 +8680,7 @@ function vectorLensDrawn(node) {
     ...node.transform ? { transform: node.transform } : {},
     ...node.opacity !== void 0 ? { opacity: node.opacity } : {},
     ...node.blendMode ? { blendMode: node.blendMode } : {},
-    ..._optionalChain([node, 'access', _284 => _284.filters, 'optionalAccess', _285 => _285.length]) ? { filters: node.filters } : {},
+    ..._optionalChain([node, 'access', _295 => _295.filters, 'optionalAccess', _296 => _296.length]) ? { filters: node.filters } : {},
     children
   };
   drawnCache2.set(node, out);
@@ -9656,7 +9681,7 @@ function normalizeVectorEffectParams(type, params, base) {
   if (!defaults) return null;
   const out = { ...defaults, ..._nullishCoalesce(base, () => ( {})) };
   for (const spec of VECTOR_EFFECT_PARAM_SPECS[type]) {
-    const v2 = _optionalChain([params, 'optionalAccess', _286 => _286[spec.key]]);
+    const v2 = _optionalChain([params, 'optionalAccess', _297 => _297[spec.key]]);
     if (v2 === void 0) continue;
     if (spec.kind === "number" && typeof v2 === "number" && Number.isFinite(v2)) out[spec.key] = Math.min(_nullishCoalesce(spec.max, () => ( Infinity)), Math.max(_nullishCoalesce(spec.min, () => ( -Infinity)), v2));
     else if (spec.kind === "boolean" && typeof v2 === "boolean") out[spec.key] = v2;
@@ -9668,7 +9693,7 @@ function normalizeVectorEffectParams(type, params, base) {
     const o = out;
     o.rows = Math.round(o.rows);
     o.columns = Math.round(o.columns);
-    const given = _optionalChain([params, 'optionalAccess', _287 => _287.mesh]);
+    const given = _optionalChain([params, 'optionalAccess', _298 => _298.mesh]);
     let mesh = given !== void 0 ? isValidWarpMesh(given) ? cloneMesh(given) : null : o.mesh;
     if (o.style !== "mesh") mesh = null;
     if (mesh && given !== void 0) {
@@ -9685,10 +9710,10 @@ function createVectorEffect(type, id, params) {
 }
 var isEnabled = (e) => e.enabled !== false && !!VECTOR_EFFECT_DEFAULTS[e.type];
 function activeVectorEffects(node) {
-  return _nullishCoalesce(_optionalChain([node, 'access', _288 => _288.effects, 'optionalAccess', _289 => _289.filter, 'call', _290 => _290(isEnabled)]), () => ( []));
+  return _nullishCoalesce(_optionalChain([node, 'access', _299 => _299.effects, 'optionalAccess', _300 => _300.filter, 'call', _301 => _301(isEnabled)]), () => ( []));
 }
 function hasOwnVectorAppearance(node) {
-  return node.type === "text" || node.type === "instance" || node.type === "group" && !!node.liveBoolean || isVectorFrame(node) || isVectorSymmetryGroup(node) || isVectorLens(node) || !!_optionalChain([node, 'access', _291 => _291.effects, 'optionalAccess', _292 => _292.some, 'call', _293 => _293(isEnabled)]);
+  return node.type === "text" || node.type === "instance" || node.type === "group" && !!node.liveBoolean || isVectorFrame(node) || isVectorSymmetryGroup(node) || isVectorLens(node) || !!_optionalChain([node, 'access', _302 => _302.effects, 'optionalAccess', _303 => _303.some, 'call', _304 => _304(isEnabled)]);
 }
 var liveCache = /* @__PURE__ */ new WeakMap();
 function hasVectorAppearance(node) {
@@ -9700,7 +9725,7 @@ function hasVectorAppearance(node) {
   return v2;
 }
 function isVectorLiveBoolean(node) {
-  return _optionalChain([node, 'optionalAccess', _294 => _294.type]) === "group" && !!node.liveBoolean;
+  return _optionalChain([node, 'optionalAccess', _305 => _305.type]) === "group" && !!node.liveBoolean;
 }
 function vectorOperandOperation(group, child) {
   return _nullishCoalesce(_nullishCoalesce(child.booleanOperation, () => ( group.liveBoolean)), () => ( "union"));
@@ -9817,7 +9842,7 @@ var compareOrder = (a, b) => {
   for (let i = 0; i < n; i++) if (a[i] !== b[i]) return a[i] - b[i];
   return a.length - b.length;
 };
-var add3 = (a, b) => ({ x: a.x + (_nullishCoalesce(_optionalChain([b, 'optionalAccess', _295 => _295.x]), () => ( 0))), y: a.y + (_nullishCoalesce(_optionalChain([b, 'optionalAccess', _296 => _296.y]), () => ( 0))) });
+var add3 = (a, b) => ({ x: a.x + (_nullishCoalesce(_optionalChain([b, 'optionalAccess', _306 => _306.x]), () => ( 0))), y: a.y + (_nullishCoalesce(_optionalChain([b, 'optionalAccess', _307 => _307.y]), () => ( 0))) });
 var mapPaths = (shapes, fn) => {
   const out = fn(shapes.map((s) => s.path));
   return shapes.map((s, i) => ({ ...s, path: _nullishCoalesce(out[i], () => ( [])) }));
@@ -9845,7 +9870,7 @@ function contourShapes(shapes, c) {
     const power = 2 ** (Math.min(100, Math.max(-100, c.acceleration)) / 50);
     for (let k = 1; k <= n; k++) {
       const [path] = offsetPaths([s.path], (outside ? 1 : -1) * step * k, c.join, c.miterLimit, 1, 0);
-      if (!_optionalChain([path, 'optionalAccess', _297 => _297.length])) break;
+      if (!_optionalChain([path, 'optionalAccess', _308 => _308.length])) break;
       const t = (k / n) ** power;
       const source = { ...s.source, fill: _nullishCoalesce(blendPaint(s.source.fill, c.fillColor, t), () => ( null)), stroke: _nullishCoalesce(blendPaint(s.source.stroke, c.strokeColor, t), () => ( null)), fills: void 0, strokes: void 0 };
       out.push({ source, path, opacity: s.opacity, order: [outside ? n - k : k, ...s.order] });
@@ -9920,8 +9945,8 @@ function bevelShapes(shapes, b) {
       out.push({ source, path: f.path, opacity: s.opacity, order: [...s.order, 1, k] });
     });
     const [middle] = offsetPaths([s.path], -b.width, "miter", 4, 1, 0);
-    if (_optionalChain([middle, 'optionalAccess', _298 => _298.length])) out.push({ ...s, source: fillOnly, path: middle, order: [...s.order, 2] });
-    const hasStroke = _optionalChain([s, 'access', _299 => _299.source, 'access', _300 => _300.strokes, 'optionalAccess', _301 => _301.length]) || s.source.stroke != null && s.source.stroke !== "none";
+    if (_optionalChain([middle, 'optionalAccess', _309 => _309.length])) out.push({ ...s, source: fillOnly, path: middle, order: [...s.order, 2] });
+    const hasStroke = _optionalChain([s, 'access', _310 => _310.source, 'access', _311 => _311.strokes, 'optionalAccess', _312 => _312.length]) || s.source.stroke != null && s.source.stroke !== "none";
     if (hasStroke) out.push({ ...s, source: { ...s.source, fill: null, fills: void 0 }, order: [...s.order, 3] });
   }
   return out;
@@ -10054,10 +10079,10 @@ function vectorEffectInputBounds(node, effectId) {
   return paths ? pathsBounds(paths) : null;
 }
 function vectorNodeEnvelope(node) {
-  return _nullishCoalesce(_optionalChain([node, 'optionalAccess', _302 => _302.effects, 'optionalAccess', _303 => _303.find, 'call', _304 => _304((e) => e.type === "envelope" && e.enabled !== false)]), () => ( null));
+  return _nullishCoalesce(_optionalChain([node, 'optionalAccess', _313 => _313.effects, 'optionalAccess', _314 => _314.find, 'call', _315 => _315((e) => e.type === "envelope" && e.enabled !== false)]), () => ( null));
 }
 function vectorEnvelopeFrame(node, effectId) {
-  const e = effectId ? _optionalChain([node, 'access', _305 => _305.effects, 'optionalAccess', _306 => _306.find, 'call', _307 => _307((x) => x.id === effectId)]) : vectorNodeEnvelope(node);
+  const e = effectId ? _optionalChain([node, 'access', _316 => _316.effects, 'optionalAccess', _317 => _317.find, 'call', _318 => _318((x) => x.id === effectId)]) : vectorNodeEnvelope(node);
   if (!e || e.type !== "envelope") return null;
   const bounds = vectorEffectInputBounds(node, e.id);
   if (!bounds || !(bounds.width > 0 && bounds.height > 0)) return null;
@@ -10118,7 +10143,7 @@ function placement(node) {
     ...node.blendStep ? { blendStep: true } : {},
     ...node.booleanOperation ? { booleanOperation: node.booleanOperation } : {},
     ...node.blendMode ? { blendMode: node.blendMode } : {},
-    ..._optionalChain([node, 'access', _308 => _308.filters, 'optionalAccess', _309 => _309.length]) ? { filters: node.filters } : {}
+    ..._optionalChain([node, 'access', _319 => _319.filters, 'optionalAccess', _320 => _320.length]) ? { filters: node.filters } : {}
   };
 }
 function vectorAppearanceNodes(node) {
@@ -10250,7 +10275,7 @@ function vectorMasterPages(doc) {
 function fillTokens(node, page, pages) {
   const map = (s) => s.replace(/\{page\}/g, String(page)).replace(/\{pages\}/g, String(pages));
   if (!/\{pages?\}/.test(node.text)) return node;
-  if (!_optionalChain([node, 'access', _310 => _310.runs, 'optionalAccess', _311 => _311.length])) return { ...node, text: map(node.text) };
+  if (!_optionalChain([node, 'access', _321 => _321.runs, 'optionalAccess', _322 => _322.length])) return { ...node, text: map(node.text) };
   let at2 = 0;
   let text = "";
   const runs = [];
@@ -10273,7 +10298,7 @@ function vectorMasterArt(master, page, number, count) {
   const f = page.frame;
   const key = `${page.id}|${f.x}|${f.y}|${f.width}|${f.height}|${number}|${count}`;
   let byKey = artCache.get(master);
-  const hit = _optionalChain([byKey, 'optionalAccess', _312 => _312.get, 'call', _313 => _313(key)]);
+  const hit = _optionalChain([byKey, 'optionalAccess', _323 => _323.get, 'call', _324 => _324(key)]);
   if (hit) return hit;
   const art = master.children.filter((c) => c.visible !== false).map((c) => {
     const box = vectorNodeBounds(c);
@@ -10318,7 +10343,7 @@ function stripVectorMasterArt(doc) {
 // src/vector/connectors.ts
 var SIDES = ["top", "right", "bottom", "left", "center"];
 function isVectorConnector(node) {
-  return _optionalChain([node, 'optionalAccess', _314 => _314.type]) === "path" && !!node.connector;
+  return _optionalChain([node, 'optionalAccess', _325 => _325.type]) === "path" && !!node.connector;
 }
 function vectorConnectionSites(nodes, id) {
   const node = findVectorNode(nodes, id);
@@ -10375,7 +10400,7 @@ function facingSite(sites, toward) {
 }
 function storedEnds(node, world) {
   const sp = node.subpaths[0];
-  if (!_optionalChain([sp, 'optionalAccess', _315 => _315.anchors, 'access', _316 => _316.length])) return null;
+  if (!_optionalChain([sp, 'optionalAccess', _326 => _326.anchors, 'access', _327 => _327.length])) return null;
   const a = sp.anchors[0];
   const b = sp.anchors[sp.anchors.length - 1];
   return [applyMatrix(world, a), applyMatrix(world, b)];
@@ -10482,8 +10507,8 @@ function routeVectorConnector(nodes, id) {
   }));
   return {
     subpaths: [{ closed: false, anchors: local }],
-    startSide: _nullishCoalesce(_optionalChain([s, 'optionalAccess', _317 => _317.side]), () => ( null)),
-    endSide: _nullishCoalesce(_optionalChain([e, 'optionalAccess', _318 => _318.side]), () => ( null)),
+    startSide: _nullishCoalesce(_optionalChain([s, 'optionalAccess', _328 => _328.side]), () => ( null)),
+    endSide: _nullishCoalesce(_optionalChain([e, 'optionalAccess', _329 => _329.side]), () => ( null)),
     dropped: { start: !!startGlue && !s, end: !!endGlue && !e }
   };
 }
@@ -10495,7 +10520,7 @@ function sameSubpaths(a, b) {
     const o = b[i];
     return sp.closed === o.closed && sp.anchors.length === o.anchors.length && sp.anchors.every((p, k) => {
       const q = o.anchors[k];
-      return samePoint(p, q) && samePoint(p.in, q.in) && samePoint(p.out, q.out) && (_nullishCoalesce(_optionalChain([p, 'access', _319 => _319.corner, 'optionalAccess', _320 => _320.radius]), () => ( 0))) === (_nullishCoalesce(_optionalChain([q, 'access', _321 => _321.corner, 'optionalAccess', _322 => _322.radius]), () => ( 0)));
+      return samePoint(p, q) && samePoint(p.in, q.in) && samePoint(p.out, q.out) && (_nullishCoalesce(_optionalChain([p, 'access', _330 => _330.corner, 'optionalAccess', _331 => _331.radius]), () => ( 0))) === (_nullishCoalesce(_optionalChain([q, 'access', _332 => _332.corner, 'optionalAccess', _333 => _333.radius]), () => ( 0)));
     });
   });
 }
@@ -10774,7 +10799,7 @@ function applyVectorCornersAttribute(subpaths, value) {
   for (const item of value.trim().split(/\s+/)) {
     const m = /^(\d+)\.(\d+):([\d.eE+-]+)(?::([a-z]+))?$/.exec(item);
     if (!m) continue;
-    const a = _optionalChain([subpaths, 'access', _323 => _323[+m[1]], 'optionalAccess', _324 => _324.anchors, 'access', _325 => _325[+m[2]]]);
+    const a = _optionalChain([subpaths, 'access', _334 => _334[+m[1]], 'optionalAccess', _335 => _335.anchors, 'access', _336 => _336[+m[2]]]);
     const radius = parseFloat(m[3]);
     if (!a || !(radius > 0)) continue;
     const kind = VECTOR_CORNER_KINDS.includes(m[4]) ? m[4] : void 0;
@@ -10799,7 +10824,7 @@ function vectorPaintToSvg(paint, gradientId, options = {}) {
     const area2 = bounds2 ? { x: bounds2.x - reach2, y: bounds2.y - reach2, width: bounds2.width + 2 * reach2, height: bounds2.height + 2 * reach2 } : null;
     const key2 = `${gradientId}|${_nullishCoalesce(options.role, () => ( "fill"))}|${_nullishCoalesce(options.precision, () => ( 3))}|${area2 ? [area2.x, area2.y, area2.width, area2.height].join(",") : ""}`;
     let byKey2 = paintCache.get(paint);
-    const hit = _optionalChain([byKey2, 'optionalAccess', _326 => _326.get, 'call', _327 => _327(key2)]);
+    const hit = _optionalChain([byKey2, 'optionalAccess', _337 => _337.get, 'call', _338 => _338(key2)]);
     if (hit) return { value: `url(#${gradientId})`, defs: hit };
     const defs2 = vectorShadedSvgDefs(paint, gradientId, { bounds: bounds2, area: area2, precision: _nullishCoalesce(options.precision, () => ( 3)) });
     if (!byKey2) paintCache.set(paint, byKey2 = /* @__PURE__ */ new Map());
@@ -10811,7 +10836,7 @@ function vectorPaintToSvg(paint, gradientId, options = {}) {
   const precision = _nullishCoalesce(options.precision, () => ( 3));
   const key = `${gradientId}|${role}|${precision}`;
   const owner = _nullishCoalesce(options.node, () => ( paint));
-  const cached = _optionalChain([paintCache, 'access', _328 => _328.get, 'call', _329 => _329(owner), 'optionalAccess', _330 => _330.get, 'call', _331 => _331(key)]);
+  const cached = _optionalChain([paintCache, 'access', _339 => _339.get, 'call', _340 => _340(owner), 'optionalAccess', _341 => _341.get, 'call', _342 => _342(key)]);
   if (cached && (!options.node || (role === "fill" ? options.node.fill : options.node.stroke) === paint)) return { value: `url(#${gradientId})`, defs: cached };
   const node = options.node;
   const bounds = node ? vectorPathLocalBounds(node) : null;
@@ -10865,7 +10890,7 @@ function vectorNodeLocalPaintBounds(node) {
 }
 var filterCache = /* @__PURE__ */ new WeakMap();
 function vectorNodeFilterSvg(node, id) {
-  if (!_optionalChain([node, 'access', _332 => _332.filters, 'optionalAccess', _333 => _333.length])) return null;
+  if (!_optionalChain([node, 'access', _343 => _343.filters, 'optionalAccess', _344 => _344.length])) return null;
   const hit = filterCache.get(node);
   if (hit && hit.id === id) return hit.filter;
   const active = activeVectorFilters(node);
@@ -10951,7 +10976,7 @@ function vectorDocumentToSvg(doc, options = {}) {
     if (node.type === "path" && node.lens) out2 += ` data-vector-lens="${escapeAttr2(JSON.stringify(node.lens))}"`;
     const blend = vectorBlendModeCss(node.blendMode);
     if (blend) out2 += ` style="mix-blend-mode:${blend}"`;
-    if (_optionalChain([node, 'access', _334 => _334.filters, 'optionalAccess', _335 => _335.length])) {
+    if (_optionalChain([node, 'access', _345 => _345.filters, 'optionalAccess', _346 => _346.length])) {
       const filter = vectorNodeFilterSvg(node, `${prefix}filter-${node.id}`);
       const data = ` data-vector-filters="${escapeAttr2(JSON.stringify(node.filters))}"`;
       if (filter) {
@@ -10998,7 +11023,7 @@ function vectorDocumentToSvg(doc, options = {}) {
     let out2 = ` stroke="${escapeAttr2(strokeValue)}" stroke-width="${num3(width)}"`;
     if (node.strokeLinecap && node.strokeLinecap !== "butt") out2 += ` stroke-linecap="${node.strokeLinecap}"`;
     if (node.strokeLinejoin && node.strokeLinejoin !== "miter") out2 += ` stroke-linejoin="${node.strokeLinejoin}"`;
-    if (_optionalChain([node, 'access', _336 => _336.strokeDasharray, 'optionalAccess', _337 => _337.length])) out2 += ` stroke-dasharray="${node.strokeDasharray.map(num3).join(" ")}"`;
+    if (_optionalChain([node, 'access', _347 => _347.strokeDasharray, 'optionalAccess', _348 => _348.length])) out2 += ` stroke-dasharray="${node.strokeDasharray.map(num3).join(" ")}"`;
     return out2;
   };
   const liveCorners = (node) => {
@@ -11047,7 +11072,7 @@ function vectorDocumentToSvg(doc, options = {}) {
   };
   const emit2 = (node, depth) => {
     if (node.visible === false && !options.includeHidden) return;
-    const wrappers = _nullishCoalesce(_optionalChain([options, 'access', _338 => _338.wrap, 'optionalAccess', _339 => _339[node.id]]), () => ( []));
+    const wrappers = _nullishCoalesce(_optionalChain([options, 'access', _349 => _349.wrap, 'optionalAccess', _350 => _350[node.id]]), () => ( []));
     wrappers.forEach((w2, i) => {
       let attrs = w2.id !== void 0 ? ` id="${escapeAttr2(w2.id)}"` : "";
       if (w2.transform) attrs += ` transform="${escapeAttr2(w2.transform)}"`;
@@ -11068,7 +11093,7 @@ function vectorDocumentToSvg(doc, options = {}) {
   };
   const emitMaskGroup = (node, depth) => {
     const [source, ...contents] = node.children;
-    const body = _optionalChain([node, 'access', _340 => _340.effects, 'optionalAccess', _341 => _341.length]) && contents.length ? [{ id: `${node.id}~content`, type: "group", effects: node.effects, children: contents }] : contents;
+    const body = _optionalChain([node, 'access', _351 => _351.effects, 'optionalAccess', _352 => _352.length]) && contents.length ? [{ id: `${node.id}~content`, type: "group", effects: node.effects, children: contents }] : contents;
     const settings = { type: node.mask.type, ...node.mask.invert ? { invert: true } : {} };
     lines.push(`${indent(depth)}<g${common(node)} data-vector-mask="${escapeAttr2(JSON.stringify(settings))}">`);
     const mask = vectorMaskRenderData(node, `${prefix}mask-${node.id}`, `${prefix}mask-filter-${node.id}`, precision);
@@ -11085,7 +11110,7 @@ function vectorDocumentToSvg(doc, options = {}) {
       lines.push(`${indent(depth + 1)}<g data-vector-part="mask-source" display="none">`);
       emitNode(source, depth + 2);
       lines.push(`${indent(depth + 1)}</g>`);
-      if (_optionalChain([mask, 'optionalAccess', _342 => _342.clip])) {
+      if (_optionalChain([mask, 'optionalAccess', _353 => _353.clip])) {
         defs.push(`<clipPath id="${escapeAttr2(mask.id)}">${mask.clip.map((c) => `<path d="${c.d}" clip-rule="${c.clipRule}"/>`).join("")}</clipPath>`);
         ref = ` clip-path="url(#${escapeAttr2(mask.id)})"`;
       }
@@ -11097,7 +11122,7 @@ function vectorDocumentToSvg(doc, options = {}) {
   };
   const emitTextElement = (node, depth, attrs) => {
     const geometry = vectorTextGeometryNode(node);
-    const fields = { text: node.text, font: node.font, ..._optionalChain([node, 'access', _343 => _343.runs, 'optionalAccess', _344 => _344.length]) ? { runs: node.runs } : {}, ...node.paragraph ? { paragraph: node.paragraph } : {}, frame: node.frame, ...node.orientation ? { orientation: node.orientation } : {}, ..._optionalChain([node, 'access', _345 => _345.effects, 'optionalAccess', _346 => _346.length]) ? { effects: node.effects } : {} };
+    const fields = { text: node.text, font: node.font, ..._optionalChain([node, 'access', _354 => _354.runs, 'optionalAccess', _355 => _355.length]) ? { runs: node.runs } : {}, ...node.paragraph ? { paragraph: node.paragraph } : {}, frame: node.frame, ...node.orientation ? { orientation: node.orientation } : {}, ..._optionalChain([node, 'access', _356 => _356.effects, 'optionalAccess', _357 => _357.length]) ? { effects: node.effects } : {} };
     let data = ` data-vector-text="${escapeAttr2(JSON.stringify(fields))}"`;
     if (hasVectorPaintStacks(node)) data += ` data-vector-fills="${escapeAttr2(JSON.stringify(vectorFills(node)))}" data-vector-strokes="${escapeAttr2(JSON.stringify(vectorStrokes(node)))}"`;
     else {
@@ -11139,12 +11164,12 @@ function vectorDocumentToSvg(doc, options = {}) {
   };
   const emitText = (node, depth) => {
     const outlines = vectorTextPaths(node).outlines;
-    const effects = !!_optionalChain([node, 'access', _347 => _347.effects, 'optionalAccess', _348 => _348.some, 'call', _349 => _349((e) => e.enabled !== false)]);
+    const effects = !!_optionalChain([node, 'access', _358 => _358.effects, 'optionalAccess', _359 => _359.some, 'call', _360 => _360((e) => e.enabled !== false)]);
     if (!outlines || !effects && options.text !== "outlines") {
       emitTextElement(node, depth, common(node));
       return;
     }
-    lines.push(`${indent(depth)}<g${common(node)} data-vector-live="${escapeAttr2(JSON.stringify({ kind: "text", ..._optionalChain([node, 'access', _350 => _350.effects, 'optionalAccess', _351 => _351.length]) ? { effects: node.effects } : {} }))}">`);
+    lines.push(`${indent(depth)}<g${common(node)} data-vector-live="${escapeAttr2(JSON.stringify({ kind: "text", ..._optionalChain([node, 'access', _361 => _361.effects, 'optionalAccess', _362 => _362.length]) ? { effects: node.effects } : {} }))}">`);
     lines.push(`${indent(depth + 1)}<g data-vector-part="appearance">`);
     for (const shape of vectorAppearanceNodes(node)) emit2(shape, depth + 2);
     lines.push(`${indent(depth + 1)}</g>`);
@@ -11158,7 +11183,7 @@ function vectorDocumentToSvg(doc, options = {}) {
   const symbolRef = (symbolId) => {
     const hit = symbolIds.get(symbolId);
     if (hit) return hit;
-    const sym2 = _optionalChain([doc, 'access', _352 => _352.symbols, 'optionalAccess', _353 => _353.find, 'call', _354 => _354((x) => x.id === symbolId)]);
+    const sym2 = _optionalChain([doc, 'access', _363 => _363.symbols, 'optionalAccess', _364 => _364.find, 'call', _365 => _365((x) => x.id === symbolId)]);
     if (!sym2) return null;
     const id = `${prefix}symbol-${symbolId}`;
     symbolIds.set(symbolId, id);
@@ -11168,20 +11193,20 @@ function vectorDocumentToSvg(doc, options = {}) {
   };
   const emitInstance = (node, depth) => {
     const data = { symbolId: node.symbolId, ...node.scaleStrokes === false ? { scaleStrokes: false } : {}, ...node.overrides ? { overrides: node.overrides } : {} };
-    const exact2 = !node.overrides && node.scaleStrokes !== false && !_optionalChain([node, 'access', _355 => _355.effects, 'optionalAccess', _356 => _356.length]) && !_optionalChain([node, 'access', _357 => _357.filters, 'optionalAccess', _358 => _358.length]);
+    const exact2 = !node.overrides && node.scaleStrokes !== false && !_optionalChain([node, 'access', _366 => _366.effects, 'optionalAccess', _367 => _367.length]) && !_optionalChain([node, 'access', _368 => _368.filters, 'optionalAccess', _369 => _369.length]);
     const ref = symbolRef(node.symbolId);
     if (exact2 && ref) {
       lines.push(`${indent(depth)}<use${common(node)} href="#${escapeAttr2(ref)}" data-vector-instance="${escapeAttr2(JSON.stringify(data))}"/>`);
       return;
     }
-    const full = { ...data, ...node.transform ? { transform: node.transform } : {}, ..._optionalChain([node, 'access', _359 => _359.effects, 'optionalAccess', _360 => _360.length]) ? { effects: node.effects } : {} };
+    const full = { ...data, ...node.transform ? { transform: node.transform } : {}, ..._optionalChain([node, 'access', _370 => _370.effects, 'optionalAccess', _371 => _371.length]) ? { effects: node.effects } : {} };
     lines.push(`${indent(depth)}<g data-vector-instance="${escapeAttr2(JSON.stringify(full))}">`);
     emitNode(vectorInstanceDrawn(node), depth + 1);
     lines.push(`${indent(depth)}</g>`);
   };
   const emitFrame = (node, depth) => {
     const f = node.frame;
-    const data = { ...f, ..._optionalChain([node, 'access', _361 => _361.effects, 'optionalAccess', _362 => _362.length]) ? { effects: node.effects } : {} };
+    const data = { ...f, ..._optionalChain([node, 'access', _372 => _372.effects, 'optionalAccess', _373 => _373.length]) ? { effects: node.effects } : {} };
     lines.push(`${indent(depth)}<g${common(node)} data-vector-frame="${escapeAttr2(JSON.stringify(data))}">`);
     const rect = vectorFrameRectPath(f);
     if (f.fill !== void 0 && f.fill !== null && f.fill !== "none") {
@@ -11196,7 +11221,7 @@ function vectorDocumentToSvg(doc, options = {}) {
       ref = ` clip-path="url(#${escapeAttr2(id)})"`;
     }
     lines.push(`${indent(depth + 1)}<g data-vector-part="frame-contents"${ref}>`);
-    if (_optionalChain([node, 'access', _363 => _363.masterArt, 'optionalAccess', _364 => _364.length])) {
+    if (_optionalChain([node, 'access', _374 => _374.masterArt, 'optionalAccess', _375 => _375.length])) {
       lines.push(`${indent(depth + 2)}<g data-vector-part="frame-master">`);
       for (const child of node.masterArt) emit2(child, depth + 3);
       lines.push(`${indent(depth + 2)}</g>`);
@@ -11225,7 +11250,7 @@ function vectorDocumentToSvg(doc, options = {}) {
     if (hasOwnVectorAppearance(node)) {
       const live2 = {
         kind: node.type,
-        ..._optionalChain([node, 'access', _365 => _365.effects, 'optionalAccess', _366 => _366.length]) ? { effects: node.effects } : {},
+        ..._optionalChain([node, 'access', _376 => _376.effects, 'optionalAccess', _377 => _377.length]) ? { effects: node.effects } : {},
         ...node.type === "group" && node.liveBoolean ? { liveBoolean: node.liveBoolean } : {},
         ...node.type === "group" && node.symmetry ? { symmetry: node.symmetry } : {}
       };
@@ -11276,7 +11301,7 @@ function vectorDocumentToSvg(doc, options = {}) {
       data += ` data-vector-width-profile="${widthProfileToAttribute(profile)}"`;
       if (node.strokeLinecap && node.strokeLinecap !== "butt") data += ` data-vector-stroke-linecap="${node.strokeLinecap}"`;
       if (node.strokeLinejoin && node.strokeLinejoin !== "miter") data += ` data-vector-stroke-linejoin="${node.strokeLinejoin}"`;
-      if (_optionalChain([node, 'access', _367 => _367.strokeDasharray, 'optionalAccess', _368 => _368.length])) data += ` data-vector-stroke-dasharray="${node.strokeDasharray.map(num3).join(" ")}"`;
+      if (_optionalChain([node, 'access', _378 => _378.strokeDasharray, 'optionalAccess', _379 => _379.length])) data += ` data-vector-stroke-dasharray="${node.strokeDasharray.map(num3).join(" ")}"`;
     }
     lines.push(`${indent(depth)}<g${common(node)}${data}>`);
     lines.push(`${indent(depth + 1)}<path data-vector-part="fill" d="${d}"${fillAttrs}${live}/>`);
@@ -11457,7 +11482,7 @@ function readStyle(el, parent, cssRules) {
   const { mixBlendMode: _m, filter: _f, ...inherited } = parent;
   const out = { ...inherited };
   for (const [attr, key] of Object.entries(STYLE_KEYS)) if (el.attrs[attr] !== void 0) out[key] = el.attrs[attr].trim();
-  if (_optionalChain([cssRules, 'optionalAccess', _369 => _369.length])) {
+  if (_optionalChain([cssRules, 'optionalAccess', _380 => _380.length])) {
     for (const rule of cssRules) {
       if (matchesSelector(el, rule.selector)) {
         for (const [prop, val] of Object.entries(rule.properties)) {
@@ -11513,7 +11538,7 @@ function attrOrStyle(el, name) {
   return el.attrs[name];
 }
 function urlId(value) {
-  return _nullishCoalesce(_optionalChain([/^url\(\s*['"]?#([^'")\s]+)['"]?\s*\)/, 'access', _370 => _370.exec, 'call', _371 => _371((_nullishCoalesce(value, () => ( ""))).trim()), 'optionalAccess', _372 => _372[1]]), () => ( null));
+  return _nullishCoalesce(_optionalChain([/^url\(\s*['"]?#([^'")\s]+)['"]?\s*\)/, 'access', _381 => _381.exec, 'call', _382 => _382((_nullishCoalesce(value, () => ( ""))).trim()), 'optionalAccess', _383 => _383[1]]), () => ( null));
 }
 function clipRulesAsFillRules(el) {
   const attrs = { ...el.attrs };
@@ -11578,9 +11603,9 @@ function resolveGradient(id, raw) {
   for (let el = first; el && !chain.includes(el) && chain.length < 32; ) {
     chain.push(el);
     const href = _nullishCoalesce(el.attrs.href, () => ( el.attrs["xlink:href"]));
-    el = _optionalChain([href, 'optionalAccess', _373 => _373.startsWith, 'call', _374 => _374("#")]) ? raw.get(href.slice(1)) : void 0;
+    el = _optionalChain([href, 'optionalAccess', _384 => _384.startsWith, 'call', _385 => _385("#")]) ? raw.get(href.slice(1)) : void 0;
   }
-  const attr = (name) => _optionalChain([chain, 'access', _375 => _375.find, 'call', _376 => _376((el) => el.attrs[name] !== void 0), 'optionalAccess', _377 => _377.attrs, 'access', _378 => _378[name]]);
+  const attr = (name) => _optionalChain([chain, 'access', _386 => _386.find, 'call', _387 => _387((el) => el.attrs[name] !== void 0), 'optionalAccess', _388 => _388.attrs, 'access', _389 => _389[name]]);
   const stops = _nullishCoalesce(chain.map(readStops).find((s) => s.length), () => ( []));
   if (!stops.length) return null;
   const user = attr("gradientUnits") === "userSpaceOnUse";
@@ -11752,7 +11777,7 @@ function parseVectorSvg(svg, options = {}) {
   const stackedPath = (g, _style, m, meta) => {
     const fillEl = g.children.find((c) => c.name === "path" && c.attrs["data-vector-part"] === "fill");
     const subpaths = fillEl ? shapeOf(fillEl) : null;
-    if (!_optionalChain([subpaths, 'optionalAccess', _379 => _379.length])) return null;
+    if (!_optionalChain([subpaths, 'optionalAccess', _390 => _390.length])) return null;
     const parse = (v2) => {
       try {
         return v2 ? JSON.parse(v2) : [];
@@ -11771,7 +11796,7 @@ function parseVectorSvg(svg, options = {}) {
     const key = (n) => JSON.stringify([n.subpaths, _nullishCoalesce(n.transform, () => ( null)), _nullishCoalesce(n.opacity, () => ( 1)), n.visible !== false, _nullishCoalesce(n.filters, () => ( null)), _nullishCoalesce(n.blendMode, () => ( "normal")), _nullishCoalesce(n.fillRule, () => ( "nonzero")), _nullishCoalesce(n.booleanOperation, () => ( null))]);
     for (const n of nodes2) {
       const prev = out[out.length - 1];
-      if (_optionalChain([prev, 'optionalAccess', _380 => _380.type]) === "path" && n.type === "path" && key(prev) === key(n)) {
+      if (_optionalChain([prev, 'optionalAccess', _391 => _391.type]) === "path" && n.type === "path" && key(prev) === key(n)) {
         const fills = vectorFills(n);
         const strokesBefore = vectorStrokes(prev);
         if (!(fills.length && strokesBefore.length)) {
@@ -11789,7 +11814,7 @@ function parseVectorSvg(svg, options = {}) {
     const part = (name) => g.children.find((c) => c.name === "path" && c.attrs["data-vector-part"] === name);
     const fillEl = part("fill");
     const subpaths = fillEl ? shapeOf(fillEl) : null;
-    if (!fillEl || !_optionalChain([subpaths, 'optionalAccess', _381 => _381.length])) return null;
+    if (!fillEl || !_optionalChain([subpaths, 'optionalAccess', _392 => _392.length])) return null;
     const a = g.attrs;
     const fs = readStyle(fillEl, style, styleRules);
     const strokeEl = part("stroke");
@@ -11826,7 +11851,7 @@ function parseVectorSvg(svg, options = {}) {
       ...profile.length ? { strokeWidthProfile: profile } : {},
       ...keptCap ? { strokeLinecap: keptCap } : {},
       ...keptJoin ? { strokeLinejoin: keptJoin } : {},
-      ..._optionalChain([keptDash, 'optionalAccess', _382 => _382.length]) ? { strokeDasharray: keptDash } : {}
+      ..._optionalChain([keptDash, 'optionalAccess', _393 => _393.length]) ? { strokeDasharray: keptDash } : {}
     };
     return placed(node, m);
   };
@@ -11891,8 +11916,8 @@ function parseVectorSvg(svg, options = {}) {
     } else {
       const fill = json2(g.attrs["data-vector-fill"]);
       const stroke = json2(g.attrs["data-vector-stroke"]);
-      node.fill = fill == null ? null : _nullishCoalesce(_optionalChain([sanitizeVectorFills, 'call', _383 => _383([{ paint: fill }]), 'access', _384 => _384[0], 'optionalAccess', _385 => _385.paint]), () => ( null));
-      node.stroke = stroke == null ? null : _nullishCoalesce(_optionalChain([sanitizeVectorFills, 'call', _386 => _386([{ paint: stroke }]), 'access', _387 => _387[0], 'optionalAccess', _388 => _388.paint]), () => ( null));
+      node.fill = fill == null ? null : _nullishCoalesce(_optionalChain([sanitizeVectorFills, 'call', _394 => _394([{ paint: fill }]), 'access', _395 => _395[0], 'optionalAccess', _396 => _396.paint]), () => ( null));
+      node.stroke = stroke == null ? null : _nullishCoalesce(_optionalChain([sanitizeVectorFills, 'call', _397 => _397([{ paint: stroke }]), 'access', _398 => _398[0], 'optionalAccess', _399 => _399.paint]), () => ( null));
       const settings = json2(g.attrs["data-vector-stroke-settings"]);
       if (settings && typeof settings === "object") {
         const strokes = sanitizeVectorStrokes([{ paint: _nullishCoalesce(node.stroke, () => ( "#000")), ...settings }]);
@@ -11928,8 +11953,8 @@ function parseVectorSvg(svg, options = {}) {
     const anchor = attrOrStyle(el, "text-anchor");
     const first0 = (v2) => _nullishCoalesce(numberList(v2)[0], () => ( 0));
     const tspan = el.children.find((c) => c.name === "tspan");
-    const x = el.attrs.x !== void 0 ? first0(el.attrs.x) : first0(_optionalChain([tspan, 'optionalAccess', _389 => _389.attrs, 'access', _390 => _390.x]));
-    const y = el.attrs.y !== void 0 ? first0(el.attrs.y) : first0(_optionalChain([tspan, 'optionalAccess', _391 => _391.attrs, 'access', _392 => _392.y]));
+    const x = el.attrs.x !== void 0 ? first0(el.attrs.x) : first0(_optionalChain([tspan, 'optionalAccess', _400 => _400.attrs, 'access', _401 => _401.x]));
+    const y = el.attrs.y !== void 0 ? first0(el.attrs.y) : first0(_optionalChain([tspan, 'optionalAccess', _402 => _402.attrs, 'access', _403 => _403.y]));
     const fillValue = _nullishCoalesce(attrOrStyle(el, "fill"), () => ( style.fill));
     let node = {
       id: idFor(el),
@@ -11960,12 +11985,12 @@ function parseVectorSvg(svg, options = {}) {
     if (symbolOfElement.has(el)) return symbolOfElement.get(el);
     symbolOfElement.set(el, null);
     const own = json2(el.attrs["data-vector-symbol"]);
-    let id = typeof _optionalChain([own, 'optionalAccess', _393 => _393.id]) === "string" && own.id ? own.id : _nullishCoalesce(el.attrs.id, () => ( createId()));
+    let id = typeof _optionalChain([own, 'optionalAccess', _404 => _404.id]) === "string" && own.id ? own.id : _nullishCoalesce(el.attrs.id, () => ( createId()));
     while (usedSymbolIds.has(id)) id = `${id}-${usedSymbolIds.size}`;
     usedSymbolIds.add(id);
     const style = readStyle(el, rootStyle, styleRules);
     const nodes2 = el.name === "symbol" ? visit2(el, style, IDENTITY_MATRIX) : visitOne({ ...el, attrs: { ...el.attrs, transform: "" } }, rootStyle, parseSvgTransform(el.attrs.transform));
-    symbols.push({ id, name: typeof _optionalChain([own, 'optionalAccess', _394 => _394.name]) === "string" && own.name ? own.name : _nullishCoalesce(el.attrs.id, () => ( "Symbol")), nodes: nodes2 });
+    symbols.push({ id, name: typeof _optionalChain([own, 'optionalAccess', _405 => _405.name]) === "string" && own.name ? own.name : _nullishCoalesce(el.attrs.id, () => ( "Symbol")), nodes: nodes2 });
     symbolOfElement.set(el, id);
     return id;
   };
@@ -11977,13 +12002,13 @@ function parseVectorSvg(svg, options = {}) {
     if (!symbolId) return null;
     const own = json2(el.attrs["data-vector-instance"]);
     const place3 = multiplyMatrices(translateMatrix(length(el.attrs.x), length(el.attrs.y)), m);
-    const node = { id: idFor(el), type: "instance", ...meta, symbolId, ..._optionalChain([own, 'optionalAccess', _395 => _395.scaleStrokes]) === false ? { scaleStrokes: false } : {}, ..._optionalChain([own, 'optionalAccess', _396 => _396.overrides]) ? { overrides: own.overrides } : {} };
+    const node = { id: idFor(el), type: "instance", ...meta, symbolId, ..._optionalChain([own, 'optionalAccess', _406 => _406.scaleStrokes]) === false ? { scaleStrokes: false } : {}, ..._optionalChain([own, 'optionalAccess', _407 => _407.overrides]) ? { overrides: own.overrides } : {} };
     return isIdentityMatrix(place3) ? node : { ...node, transform: place3 };
   };
   const ownInstance = (g, m, meta) => {
     const raw = json2(g.attrs["data-vector-instance"]);
     if (!raw || typeof raw.symbolId !== "string") return null;
-    const sym2 = [...byId.values()].find((e) => e.name === "symbol" && _optionalChain([json2, 'call', _397 => _397(e.attrs["data-vector-symbol"]), 'optionalAccess', _398 => _398.id]) === raw.symbolId);
+    const sym2 = [...byId.values()].find((e) => e.name === "symbol" && _optionalChain([json2, 'call', _408 => _408(e.attrs["data-vector-symbol"]), 'optionalAccess', _409 => _409.id]) === raw.symbolId);
     const symbolId = sym2 ? symbolFor(sym2) : raw.symbolId;
     if (!symbolId) return null;
     const t = Array.isArray(raw.transform) && raw.transform.length === 6 && raw.transform.every(Number.isFinite) ? raw.transform : IDENTITY_MATRIX;
@@ -11991,7 +12016,7 @@ function parseVectorSvg(svg, options = {}) {
     const drawn = g.children.find((c) => c.name === "g");
     const effects = sanitizeVectorEffects(raw.effects);
     const node = {
-      id: _nullishCoalesce(_optionalChain([drawn, 'optionalAccess', _399 => _399.attrs, 'access', _400 => _400.id]), () => ( idFor(g))),
+      id: _nullishCoalesce(_optionalChain([drawn, 'optionalAccess', _410 => _410.attrs, 'access', _411 => _411.id]), () => ( idFor(g))),
       type: "instance",
       ...meta,
       symbolId,
@@ -12048,12 +12073,12 @@ function parseVectorSvg(svg, options = {}) {
   const masked = (el, nodes2, m) => {
     let out = nodes2;
     const clipEl = rawMasks.get(_nullishCoalesce(urlId(attrOrStyle(el, "clip-path")), () => ( "")));
-    if (_optionalChain([clipEl, 'optionalAccess', _401 => _401.name]) === "clipPath") {
+    if (_optionalChain([clipEl, 'optionalAccess', _412 => _412.name]) === "clipPath") {
       const source = maskNode(clipEl, m, out, clipEl.attrs.clipPathUnits);
       if (source) out = [{ id: idFor({ name: "g", attrs: {}, children: [] }), type: "group", name: "Clip Group", mask: { type: "clip" }, children: [source, ...out] }];
     }
     const maskEl = rawMasks.get(_nullishCoalesce(urlId(attrOrStyle(el, "mask")), () => ( "")));
-    if (_optionalChain([maskEl, 'optionalAccess', _402 => _402.name]) === "mask") {
+    if (_optionalChain([maskEl, 'optionalAccess', _413 => _413.name]) === "mask") {
       const source = maskNode(maskEl, m, out, maskEl.attrs.maskContentUnits);
       const type = attrOrStyle(maskEl, "mask-type") === "alpha" ? "alpha" : "luminance";
       if (source) out = [{ id: idFor({ name: "g", attrs: {}, children: [] }), type: "group", name: "Opacity Mask", mask: { type }, children: [source, ...out] }];
@@ -12075,19 +12100,19 @@ function parseVectorSvg(svg, options = {}) {
     let sourceEl = part("mask-source");
     if (!sourceEl) {
       const el = rawMasks.get(_nullishCoalesce(urlId(maskedEl.attrs.mask), () => ( "")));
-      const invert2 = _optionalChain([el, 'optionalAccess', _403 => _403.children, 'access', _404 => _404.find, 'call', _405 => _405((c) => c.name === "g" && c.attrs["data-vector-part"] === "mask-invert")]);
+      const invert2 = _optionalChain([el, 'optionalAccess', _414 => _414.children, 'access', _415 => _415.find, 'call', _416 => _416((c) => c.name === "g" && c.attrs["data-vector-part"] === "mask-invert")]);
       sourceEl = _nullishCoalesce(invert2, () => ( el));
     }
     const source = sourceEl ? visit2(sourceEl, style, m)[0] : void 0;
     let contents = visit2(maskedEl, style, m);
     let effects;
     const wrapper = contents.length === 1 && contents[0].type === "group" && contents[0].id === `${id}~content` ? contents[0] : null;
-    if (_optionalChain([wrapper, 'optionalAccess', _406 => _406.type]) === "group") {
+    if (_optionalChain([wrapper, 'optionalAccess', _417 => _417.type]) === "group") {
       effects = _nullishCoalesce(wrapper.effects, () => ( void 0));
       contents = wrapper.children;
     }
     if (!source) return contents.length ? { id, type: "group", ...meta, children: contents } : null;
-    return { id, type: "group", ...meta, mask, ..._optionalChain([effects, 'optionalAccess', _407 => _407.length]) ? { effects } : {}, children: [source, ...contents] };
+    return { id, type: "group", ...meta, mask, ..._optionalChain([effects, 'optionalAccess', _418 => _418.length]) ? { effects } : {}, children: [source, ...contents] };
   };
   const frameGroup = (g, style, m, meta) => {
     const raw = parseJson(g.attrs["data-vector-frame"]);
@@ -12099,7 +12124,7 @@ function parseVectorSvg(svg, options = {}) {
     const { rigid, residual } = decomposeRigid(m);
     const r = _chunkGF2RBSDMcjs.bezierPathBounds.call(void 0, _chunkGF2RBSDMcjs.transformBezierPath.call(void 0, subpathsToBezier(vectorFrameRectPath(frame)), residual));
     const back = invertMatrix(rigid);
-    const effects = sanitizeVectorEffects(_optionalChain([raw, 'optionalAccess', _408 => _408.effects]));
+    const effects = sanitizeVectorEffects(_optionalChain([raw, 'optionalAccess', _419 => _419.effects]));
     return {
       id,
       type: "group",
@@ -12571,13 +12596,13 @@ function hitTestVectorNode(node, p, tolerance = 0, parent = IDENTITY_MATRIX, opt
   }
   if (isVectorMaskGroup(node)) {
     const m = multiplyMatrices(nodeMatrix(node), parent);
-    const entered = !!_optionalChain([options, 'access', _409 => _409.entered, 'optionalAccess', _410 => _410.has, 'call', _411 => _411(node.id)]);
+    const entered = !!_optionalChain([options, 'access', _420 => _420.entered, 'optionalAccess', _421 => _421.has, 'call', _422 => _422(node.id)]);
     if (!entered && isVectorMaskActive(node) && !vectorMaskContains(node, applyMatrix(invertMatrix(m), p), tolerance)) return false;
     const shown = !entered && hasOwnVectorAppearance(node) ? expandVectorAppearance(node).children : node.children;
     for (let i = shown.length - 1; i >= 1; i--) if (hitTestVectorNode(shown[i], p, tolerance, m, options)) return true;
     return entered && hitTestVectorMaskSource(node, p, tolerance, m, options);
   }
-  if (!(node.type === "group" && (!hasOwnVectorAppearance(node) || _optionalChain([options, 'access', _412 => _412.entered, 'optionalAccess', _413 => _413.has, 'call', _414 => _414(node.id)])))) node = expandVectorAppearance(node);
+  if (!(node.type === "group" && (!hasOwnVectorAppearance(node) || _optionalChain([options, 'access', _423 => _423.entered, 'optionalAccess', _424 => _424.has, 'call', _425 => _425(node.id)])))) node = expandVectorAppearance(node);
   if (node.type === "group") {
     const m = multiplyMatrices(nodeMatrix(node), parent);
     return node.children.some((c) => hitTestVectorNode(c, p, tolerance, m, options));
@@ -12589,7 +12614,7 @@ function hitTestVectorNode(node, p, tolerance = 0, parent = IDENTITY_MATRIX, opt
 function hitTestVectorMaskSource(group, p, tolerance, m, options) {
   const source = group.children[0];
   if (source.visible === false) return false;
-  if (_optionalChain([group, 'access', _415 => _415.mask, 'optionalAccess', _416 => _416.type]) !== "clip") return hitTestVectorNode(source, p, tolerance, m, options);
+  if (_optionalChain([group, 'access', _426 => _426.mask, 'optionalAccess', _427 => _427.type]) !== "clip") return hitTestVectorNode(source, p, tolerance, m, options);
   const paths = collectPathNodes(source).filter((n) => n.visible !== false);
   const pt2 = [p.x, p.y];
   return paths.some((n) => {
@@ -12638,24 +12663,24 @@ function mapAnchor(a, m) {
 }
 function bakeIntoGeometry(node, m) {
   if (isIdentityMatrix(m)) return node;
-  if (_optionalChain([node, 'access', _417 => _417.effects, 'optionalAccess', _418 => _418.length])) node = { ...node, effects: transformVectorEffects(node.effects, m, node) };
+  if (_optionalChain([node, 'access', _428 => _428.effects, 'optionalAccess', _429 => _429.length])) node = { ...node, effects: transformVectorEffects(node.effects, m, node) };
   if (isVectorFrame(node)) return bakeFrame(node, m);
   if (node.type === "group") {
     const group = node;
     const children = group.children.map((c) => transformVectorNode(c, m));
     const sym2 = group.symmetry ? { symmetry: transformVectorSymmetry(group.symmetry, m) } : {};
-    const spine = _optionalChain([group, 'access', _419 => _419.blend, 'optionalAccess', _420 => _420.spine]);
+    const spine = _optionalChain([group, 'access', _430 => _430.blend, 'optionalAccess', _431 => _431.spine]);
     if (!spine) return { ...group, ...sym2, children };
     const moved = { closed: spine.closed, anchors: spine.anchors.map((a) => mapAnchor(a, m)) };
     return { ...group, children, blend: { ...group.blend, spine: moved } };
   }
   const path = node.type === "text" ? bakeVectorTextGeometry(node, m) : node;
   const flips = m[0] * m[3] - m[1] * m[2] < 0;
-  const mirrored = flips && _optionalChain([path, 'access', _421 => _421.strokeWidthProfile, 'optionalAccess', _422 => _422.length]);
+  const mirrored = flips && _optionalChain([path, 'access', _432 => _432.strokeWidthProfile, 'optionalAccess', _433 => _433.length]);
   const layer = (l) => ({
     ...l,
     ...isVectorGradient(l.paint) || isVectorShadedPaint(l.paint) ? { paint: transformVectorPaint(l.paint, m) } : {},
-    ...flips && _optionalChain([l, 'access', _423 => _423.strokeWidthProfile, 'optionalAccess', _424 => _424.length]) ? { strokeWidthProfile: mirrorWidthProfile(l.strokeWidthProfile) } : {}
+    ...flips && _optionalChain([l, 'access', _434 => _434.strokeWidthProfile, 'optionalAccess', _435 => _435.length]) ? { strokeWidthProfile: mirrorWidthProfile(l.strokeWidthProfile) } : {}
   });
   return {
     ...path,
@@ -12890,7 +12915,7 @@ function roundSubpaths(subpaths, precision = 3) {
 
 // src/vector/symmetry.ts
 function isVectorSymmetryGroup(node) {
-  return _optionalChain([node, 'optionalAccess', _425 => _425.type]) === "group" && !!node.symmetry && !node.blend && !node.liveBoolean && !node.mask && !node.frame;
+  return _optionalChain([node, 'optionalAccess', _436 => _436.type]) === "group" && !!node.symmetry && !node.blend && !node.liveBoolean && !node.mask && !node.frame;
 }
 var rad = (deg) => deg * Math.PI / 180;
 var exact = (v2) => Math.abs(v2) < 1e-12 ? 0 : v2;