@pixerate/editor 0.237.0 → 0.238.0

package/dist/animation-editor/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;
 
-var _chunkGXLZZVR5cjs = require('../chunk-GXLZZVR5.cjs');
+var _chunkZXNO3ZOXcjs = require('../chunk-ZXNO3ZOX.cjs');
 
 
 
@@ -39,8 +39,8 @@ var _chunkJWCKJNDRcjs = require('../chunk-JWCKJNDR.cjs');
 
 
 
-var _chunkBQE3Y6ZOcjs = require('../chunk-BQE3Y6ZO.cjs');
-require('../chunk-GNZI3KYK.cjs');
+var _chunkTHXFU3JBcjs = require('../chunk-THXFU3JB.cjs');
+require('../chunk-NKTNLJUJ.cjs');
 require('../chunk-CVFAAZXE.cjs');
 
 
@@ -93,7 +93,7 @@ var _chunkFJ2MSI43cjs = require('../chunk-FJ2MSI43.cjs');
 var _chunk7B5GTJXBcjs = require('../chunk-7B5GTJXB.cjs');
 
 
-var _chunkM5GLQQWGcjs = require('../chunk-M5GLQQWG.cjs');
+var _chunkLJZRHVZVcjs = require('../chunk-LJZRHVZV.cjs');
 
 
 
@@ -105,15 +105,16 @@ var _chunkM5GLQQWGcjs = require('../chunk-M5GLQQWG.cjs');
 var _chunkDWJJI6RTcjs = require('../chunk-DWJJI6RT.cjs');
 
 
-var _chunk4ZC5QJE2cjs = require('../chunk-4ZC5QJE2.cjs');
+var _chunkUTI5IITZcjs = require('../chunk-UTI5IITZ.cjs');
 
 
 
 
 var _chunkA6QWKBJPcjs = require('../chunk-A6QWKBJP.cjs');
-require('../chunk-EUIDTZNQ.cjs');
-require('../chunk-TFF2GTGN.cjs');
-require('../chunk-5UEFBM2M.cjs');
+require('../chunk-7PT4RJL5.cjs');
+require('../chunk-PPFJHTW5.cjs');
+require('../chunk-RD7RX52G.cjs');
+require('../chunk-7AHBW2CQ.cjs');
 require('../chunk-IPJ3TEYR.cjs');
 
 // src/animation-editor/types.ts
@@ -696,7 +697,7 @@ function smoothMotionTimes(points, start, duration, pacing = "even") {
 function motionTextLayout(nodes, id) {
   const group = _optionalChain([nodes, 'access', _5 => _5.get, 'call', _6 => _6(id), 'optionalAccess', _7 => _7.node]);
   if (!group || group.type !== "group") return null;
-  const letters = _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, group).map((p) => ({ id: p.id, b: _optionalChain([nodes, 'access', _8 => _8.get, 'call', _9 => _9(p.id), 'optionalAccess', _10 => _10.bounds]) })).filter((l) => !!l.b && l.b.width + l.b.height > 0);
+  const letters = _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, group).map((p) => ({ id: p.id, b: _optionalChain([nodes, 'access', _8 => _8.get, 'call', _9 => _9(p.id), 'optionalAccess', _10 => _10.bounds]) })).filter((l) => !!l.b && l.b.width + l.b.height > 0);
   if (!letters.length) return null;
   const lines = [];
   for (const l of [...letters].sort((a, c) => a.b.y + a.b.height / 2 - (c.b.y + c.b.height / 2))) {
@@ -781,21 +782,21 @@ function indexMotionNodes(nodes) {
   const out = /* @__PURE__ */ new Map();
   const walk = (list, parentWorld, ancestors) => {
     for (const node of list) {
-      const local = _chunkBQE3Y6ZOcjs.vectorNodeBounds.call(void 0, node);
-      const bounds = _chunkBQE3Y6ZOcjs.vectorNodeBounds.call(void 0, node, parentWorld);
+      const local = _chunkTHXFU3JBcjs.vectorNodeBounds.call(void 0, node);
+      const bounds = _chunkTHXFU3JBcjs.vectorNodeBounds.call(void 0, node, parentWorld);
       const center = local ? { x: local.x + local.width / 2, y: local.y + local.height / 2 } : { x: 0, y: 0 };
       if (!out.has(node.id)) out.set(node.id, { node, ancestors, parentWorld, center, bounds, box: local });
-      if (node.type === "group") walk(node.children, _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, node), parentWorld), [...ancestors, node.id]);
+      if (node.type === "group") walk(node.children, _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.nodeMatrix.call(void 0, node), parentWorld), [...ancestors, node.id]);
     }
   };
-  walk(nodes, _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX, []);
+  walk(nodes, _chunkTHXFU3JBcjs.IDENTITY_MATRIX, []);
   indexCache.set(nodes, out);
   return out;
 }
 var solid = (paint) => typeof paint === "string" && paint !== "none" ? paint : void 0;
 function firstPaint(node, key) {
   if (node.type === "path") return solid(node[key]);
-  for (const p of _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node)) {
+  for (const p of _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node)) {
     const s = solid(p[key]);
     if (s) return s;
   }
@@ -803,7 +804,7 @@ function firstPaint(node, key) {
 }
 function strokeReach(node) {
   let reach = 0;
-  for (const p of node.type === "path" ? [node] : _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node)) {
+  for (const p of node.type === "path" ? [node] : _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node)) {
     if (p.stroke == null || p.stroke === "none") continue;
     const width = _nullishCoalesce(p.strokeWidth, () => ( 1));
     reach = Math.max(reach, p.strokeAlign === "outside" ? width : p.strokeAlign === "inside" ? 0 : width / 2);
@@ -873,7 +874,7 @@ function motionRestValue(entry, property, artwork) {
     case "stroke":
       return _nullishCoalesce((node && firstPaint(node, property)), () => ( "transparent"));
     case "strokeWidth": {
-      const path = _optionalChain([node, 'optionalAccess', _13 => _13.type]) === "path" ? node : node ? _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node)[0] : void 0;
+      const path = _optionalChain([node, 'optionalAccess', _13 => _13.type]) === "path" ? node : node ? _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node)[0] : void 0;
       return _nullishCoalesce(_optionalChain([path, 'optionalAccess', _14 => _14.strokeWidth]), () => ( 1));
     }
     case "shape":
@@ -897,7 +898,7 @@ function interpolateMotionValue(from, to, u) {
   if (u <= 0) return from;
   if (u >= 1) return to;
   if (typeof from === "string" && typeof to === "string") {
-    const mixed = _chunk4ZC5QJE2cjs.mixColorsOklab.call(void 0, from, to, u);
+    const mixed = _chunkUTI5IITZcjs.mixColorsOklab.call(void 0, from, to, u);
     if (mixed !== null) return mixed;
   }
   return u < 1 ? from : to;
@@ -984,12 +985,12 @@ function resolveMotionCamera(camera, scene) {
   const r = camera;
   return { x: r.x, y: r.y, width: r.width, height: r.height };
 }
-function motionPathLength(node, parentWorld = _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX) {
+function motionPathLength(node, parentWorld = _chunkTHXFU3JBcjs.IDENTITY_MATRIX) {
   let longest = 0;
-  const paths = node.type === "path" ? [node] : _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node);
+  const paths = node.type === "path" ? [node] : _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node);
   for (const p of paths) {
     try {
-      longest = Math.max(longest, _chunkGF2RBSDMcjs.bezierPathLength.call(void 0, _chunkBQE3Y6ZOcjs.vectorPathWorldBezier.call(void 0, p, parentWorld, { effects: false })));
+      longest = Math.max(longest, _chunkGF2RBSDMcjs.bezierPathLength.call(void 0, _chunkTHXFU3JBcjs.vectorPathWorldBezier.call(void 0, p, parentWorld, { effects: false })));
     } catch (e2) {
     }
   }
@@ -1265,12 +1266,12 @@ function compileMotionScene(scene) {
       const order2 = _nullishCoalesce(o.order, () => ( "together"));
       const pace = _nullishCoalesce(o.pace, () => ( "time"));
       if (order2 === "together" && pace === "time") return null;
-      const paths = entry.node.type === "path" ? [entry.node] : _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, entry.node);
+      const paths = entry.node.type === "path" ? [entry.node] : _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, entry.node);
       let list = paths.map((p) => {
         const at = nodes.get(p.id);
         let first = { x: 0, y: 0 };
         try {
-          const m = _chunkBQE3Y6ZOcjs.vectorPathWorldBezier.call(void 0, p, _nullishCoalesce(_optionalChain([at, 'optionalAccess', _42 => _42.parentWorld]), () => ( _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX)), { effects: false })[0];
+          const m = _chunkTHXFU3JBcjs.vectorPathWorldBezier.call(void 0, p, _nullishCoalesce(_optionalChain([at, 'optionalAccess', _42 => _42.parentWorld]), () => ( _chunkTHXFU3JBcjs.IDENTITY_MATRIX)), { effects: false })[0];
           if (m && m.type === "M") first = { x: m.x, y: m.y };
         } catch (e3) {
         }
@@ -1382,17 +1383,17 @@ function compileMotionScene(scene) {
         let dx = _nullishCoalesce(_optionalChain([command3, 'access', _45 => _45.by, 'optionalAccess', _46 => _46.x]), () => ( 0));
         let dy = _nullishCoalesce(_optionalChain([command3, 'access', _47 => _47.by, 'optionalAccess', _48 => _48.y]), () => ( 0));
         if (command3.to) {
-          const inv = _chunkBQE3Y6ZOcjs.invertMatrix.call(void 0, entry.parentWorld);
-          const target = _chunkBQE3Y6ZOcjs.applyMatrix.call(void 0, inv, command3.to);
+          const inv = _chunkTHXFU3JBcjs.invertMatrix.call(void 0, entry.parentWorld);
+          const target = _chunkTHXFU3JBcjs.applyMatrix.call(void 0, inv, command3.to);
           dx = target.x - (entry.center.x + num2("x"));
           dy = target.y - (entry.center.y + num2("y"));
         }
         if (_optionalChain([command3, 'access', _49 => _49.via, 'optionalAccess', _50 => _50.length])) {
-          const inv = _chunkBQE3Y6ZOcjs.invertMatrix.call(void 0, entry.parentWorld);
+          const inv = _chunkTHXFU3JBcjs.invertMatrix.call(void 0, entry.parentWorld);
           const x0 = num2("x");
           const y0 = num2("y");
           const add = command3.blend === "add";
-          const offsets = [{ x: 0, y: 0 }, ...command3.via.map((p) => _chunkBQE3Y6ZOcjs.applyMatrix.call(void 0, inv, p)).map((p) => ({ x: p.x - entry.center.x - x0, y: p.y - entry.center.y - y0 })), { x: dx, y: dy }];
+          const offsets = [{ x: 0, y: 0 }, ...command3.via.map((p) => _chunkTHXFU3JBcjs.applyMatrix.call(void 0, inv, p)).map((p) => ({ x: p.x - entry.center.x - x0, y: p.y - entry.center.y - y0 })), { x: dx, y: dy }];
           const times = _optionalChain([command3, 'access', _51 => _51.times, 'optionalAccess', _52 => _52.length]) === command3.via.length ? [start, ...command3.times.map((f) => start + f * (end - start)), end] : smoothMotionTimes(offsets, start, end - start, _nullishCoalesce(command3.pacing, () => ( "even")));
           for (const axis of ["x", "y"]) {
             const base = add ? 0 : axis === "x" ? x0 : y0;
@@ -2015,13 +2016,13 @@ function morphBetween(a, b) {
   let inner = morphCache.get(a);
   if (!inner) morphCache.set(a, inner = /* @__PURE__ */ new WeakMap());
   let morph = inner.get(b);
-  if (!morph) inner.set(b, morph = _chunkGXLZZVR5cjs.createVectorMorph.call(void 0, a, b, { id: a.id }));
+  if (!morph) inner.set(b, morph = _chunkZXNO3ZOXcjs.createVectorMorph.call(void 0, a, b, { id: a.id }));
   return morph;
 }
 function shapeIn(entry, shape) {
   if (shape === entry) return entry.node;
-  const m = _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, shape.node), shape.parentWorld), _chunkBQE3Y6ZOcjs.invertMatrix.call(void 0, entry.parentWorld));
-  return { ...shape.node, ..._chunkBQE3Y6ZOcjs.isIdentityMatrix.call(void 0, m) ? { transform: void 0 } : { transform: m } };
+  const m = _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.nodeMatrix.call(void 0, shape.node), shape.parentWorld), _chunkTHXFU3JBcjs.invertMatrix.call(void 0, entry.parentWorld));
+  return { ...shape.node, ..._chunkTHXFU3JBcjs.isIdentityMatrix.call(void 0, m) ? { transform: void 0 } : { transform: m } };
 }
 function shapeAt(entry, timeline, nodes, time) {
   const track = timeline.tracks.get(motionTrackKey(entry.node.id, "shape"));
@@ -2041,7 +2042,7 @@ function shapeAt(entry, timeline, nodes, time) {
 function motionFollowRoute(entry, path) {
   if (!path || path.node.type !== "path") return null;
   try {
-    return _chunkGF2RBSDMcjs.transformBezierPath.call(void 0, _chunkBQE3Y6ZOcjs.vectorPathWorldBezier.call(void 0, path.node, path.parentWorld, { effects: false }), _chunkBQE3Y6ZOcjs.invertMatrix.call(void 0, entry.parentWorld));
+    return _chunkGF2RBSDMcjs.transformBezierPath.call(void 0, _chunkTHXFU3JBcjs.vectorPathWorldBezier.call(void 0, path.node, path.parentWorld, { effects: false }), _chunkTHXFU3JBcjs.invertMatrix.call(void 0, entry.parentWorld));
   } catch (e6) {
     return null;
   }
@@ -2075,9 +2076,9 @@ function motionNodeOffset(entry, timeline, time, nodes = indexMotionNodes([entry
   const scaleX = read("scaleX", 1);
   const scaleY = read("scaleY", 1);
   const c = entry.center;
-  let matrix = _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.scaleMatrix.call(void 0, scaleX, scaleY, c), _chunkBQE3Y6ZOcjs.rotateMatrix.call(void 0, rotation, c)), _chunkBQE3Y6ZOcjs.translateMatrix.call(void 0, dx, dy));
+  let matrix = _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.scaleMatrix.call(void 0, scaleX, scaleY, c), _chunkTHXFU3JBcjs.rotateMatrix.call(void 0, rotation, c)), _chunkTHXFU3JBcjs.translateMatrix.call(void 0, dx, dy));
   const along = follow ? followAt(entry, timeline, nodes, time) : null;
-  if (along) matrix = _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, matrix, _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.translateMatrix.call(void 0, -c.x, -c.y), _chunkBQE3Y6ZOcjs.rotateMatrix.call(void 0, along.angle)), _chunkBQE3Y6ZOcjs.translateMatrix.call(void 0, along.x, along.y)));
+  if (along) matrix = _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, matrix, _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.translateMatrix.call(void 0, -c.x, -c.y), _chunkTHXFU3JBcjs.rotateMatrix.call(void 0, along.angle)), _chunkTHXFU3JBcjs.translateMatrix.call(void 0, along.x, along.y)));
   return { matrix, dx, dy, rotation, scaleX, scaleY, follow: along };
 }
 function motionNodeClips(id, timeline, time) {
@@ -2144,7 +2145,7 @@ function motionFrameAt(scene, time, options = {}) {
           const start = Math.min(1, Math.max(0, typeof drawStart === "number" ? drawStart : 0));
           const end = Math.min(1, Math.max(0, typeof drawEnd === "number" ? drawEnd : 1));
           if (start > 0 || end < 1) {
-            const trim = _chunkBQE3Y6ZOcjs.createVectorEffect.call(void 0, "trim", MOTION_DRAW_EFFECT_ID, { start: tidy(start * 100), end: tidy(end * 100) });
+            const trim = _chunkTHXFU3JBcjs.createVectorEffect.call(void 0, "trim", MOTION_DRAW_EFFECT_ID, { start: tidy(start * 100), end: tidy(end * 100) });
             p = { ...p, effects: [trim, ...(_nullishCoalesce(p.effects, () => ( []))).filter((e) => e.id !== MOTION_DRAW_EFFECT_ID)] };
           }
         }
@@ -2158,8 +2159,8 @@ function motionFrameAt(scene, time, options = {}) {
       if (o >= 1) delete out.opacity;
     }
     const offset = options.offsets === false ? null : motionNodeOffset(entry, timeline, time, nodes);
-    if (offset && !_chunkBQE3Y6ZOcjs.isIdentityMatrix.call(void 0, offset.matrix)) {
-      const m = _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, out), offset.matrix).map(tidy);
+    if (offset && !_chunkTHXFU3JBcjs.isIdentityMatrix.call(void 0, offset.matrix)) {
+      const m = _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _chunkTHXFU3JBcjs.nodeMatrix.call(void 0, out), offset.matrix).map(tidy);
       out = { ...out, transform: m };
     }
     return out;
@@ -2180,8 +2181,8 @@ function motionFrameToSvg(scene, time, options = {}) {
   const wrap = { ...options.wrap };
   for (const [id, clips] of Object.entries(frame.clips))
     wrap[id] = [..._nullishCoalesce(wrap[id], () => ( [])), ...clips.map((clip, i) => ({ clip: { id: `${prefix}reveal-${id}-${i}`, shape: clip.shape, attrs: motionClipAttrs(clip) } }))];
-  if (!motionSceneHasLayers(scene)) return withCameraViewEffects(withViewBox(_chunkBQE3Y6ZOcjs.vectorDocumentToSvg.call(void 0, frame.document, { ...options, wrap }), frame.camera), frame.view, frame.camera, prefix);
-  const art = _chunkBQE3Y6ZOcjs.vectorDocumentToSvg.call(void 0, frame.document, { ...options, wrap, background: false });
+  if (!motionSceneHasLayers(scene)) return withCameraViewEffects(withViewBox(_chunkTHXFU3JBcjs.vectorDocumentToSvg.call(void 0, frame.document, { ...options, wrap }), frame.camera), frame.view, frame.camera, prefix);
+  const art = _chunkTHXFU3JBcjs.vectorDocumentToSvg.call(void 0, frame.document, { ...options, wrap, background: false });
   let svg = withViewBox(withMotionShotLayers(art, scene, time, frame.camera, options.layers, options.background !== false), frame.camera);
   const transition = options.transitions === false ? null : motionTransitionAt(scene, time);
   if (transition) {
@@ -2372,8 +2373,8 @@ function visibleAt(timeline, id, time, node) {
   if (Array.isArray(rect) && (rect[2] <= 1e-4 || rect[3] <= 1e-4)) return false;
   const circle = clip("clipCircle");
   if (Array.isArray(circle) && circle[2] <= 1e-4) return false;
-  const hasFill = node.type === "path" ? !!node.fill && node.fill !== "none" : _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node).some((p) => p.fill && p.fill !== "none");
-  const drawn = num2("drawEnd", 1) > 0.01 && (node.type === "path" || _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node).length === 0 || _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node).some((p) => {
+  const hasFill = node.type === "path" ? !!node.fill && node.fill !== "none" : _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node).some((p) => p.fill && p.fill !== "none");
+  const drawn = num2("drawEnd", 1) > 0.01 && (node.type === "path" || _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node).length === 0 || _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node).some((p) => {
     const v = trackValue(timeline.tracks.get(motionTrackKey(p.id, "drawEnd")), time);
     return typeof v !== "number" || v > 0.01;
   }));
@@ -2460,7 +2461,7 @@ function checkMotionScene(scene) {
           }
           for (const id of targets) {
             const node = nodes.get(id).node;
-            const paths = node.type === "path" ? [node] : _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node);
+            const paths = node.type === "path" ? [node] : _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node);
             if (paths.some((p) => p[key] !== void 0 && p[key] !== null && typeof p[key] !== "string"))
               issues.push(_chunkDGWOGQJ5cjs.motionIssue.call(void 0, "paint-not-color", `"${id}" has a gradient ${key}; it switches to ${color} at the end instead of blending.`, { ...where, ids: [id] }));
           }
@@ -2473,7 +2474,7 @@ function checkMotionScene(scene) {
         else
           for (const id of targets) {
             const node = nodes.get(id).node;
-            const paths = node.type === "path" ? [node] : _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node);
+            const paths = node.type === "path" ? [node] : _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node);
             if (paths.some((p) => typeof p[key] !== "string"))
               issues.push(_chunkDGWOGQJ5cjs.motionIssue.call(void 0, "paint-not-color", `"${id}" has a gradient or no ${key}, so a colour pulse cannot tint it; give it a solid ${key} or pulse the ${key === "fill" ? "stroke" : "fill"}.`, { ...where, ids: [id] }));
           }
@@ -2918,7 +2919,7 @@ function motionNodePose(scene, id, time) {
   if (!entry) throw new Error(`There is no element ${_chunkDGWOGQJ5cjs.namedWithSuggestion.call(void 0, id, [...indexMotionNodes(scene.artwork.nodes).keys()])} in the artwork.`);
   const timeline = compileMotionScene(scene);
   const drawn = indexMotionNodes(motionFrameAt(scene, time).document.nodes).get(id);
-  const centre = _chunkBQE3Y6ZOcjs.applyMatrix.call(void 0, entry.parentWorld, { x: entry.center.x + motionPropertyValue(timeline, id, "x", time), y: entry.center.y + motionPropertyValue(timeline, id, "y", time) });
+  const centre = _chunkTHXFU3JBcjs.applyMatrix.call(void 0, entry.parentWorld, { x: entry.center.x + motionPropertyValue(timeline, id, "x", time), y: entry.center.y + motionPropertyValue(timeline, id, "y", time) });
   const paint = (property) => _nullishCoalesce(trackValue(timeline.tracks.get(motionTrackKey(id, property)), time), () => ( motionRestValue(entry, property, scene.artwork)));
   const fill = paint("fill");
   const stroke = paint("stroke");
@@ -3265,7 +3266,7 @@ function toFlairSvgMotion(scene, options = {}) {
         raw: (t) => transformAt(t, true)
       });
     }
-    const paths = node.type === "path" ? [node] : _chunkBQE3Y6ZOcjs.collectPathNodes.call(void 0, node);
+    const paths = node.type === "path" ? [node] : _chunkTHXFU3JBcjs.collectPathNodes.call(void 0, node);
     for (const path of paths) {
       if (pathsSeen.has(path.id)) continue;
       pathsSeen.add(path.id);
@@ -3287,7 +3288,7 @@ function toFlairSvgMotion(scene, options = {}) {
     if (shapeSegments.length) {
       if (node.type !== "path") notes.push(`"${id}" is a group: its morph or effect animation is not exported (Flair tweens one path's "d").`);
       else {
-        const inverse = _chunkBQE3Y6ZOcjs.invertMatrix.call(void 0, _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, node));
+        const inverse = _chunkTHXFU3JBcjs.invertMatrix.call(void 0, _chunkTHXFU3JBcjs.nodeMatrix.call(void 0, node));
         channels.push({
           id,
           kind: "attr",
@@ -3296,9 +3297,9 @@ function toFlairSvgMotion(scene, options = {}) {
           exact: () => false,
           value: (t) => {
             const frame = motionFrameAt(scene, t, { draw: false, offsets: false });
-            const now = _chunkBQE3Y6ZOcjs.expandVectorAppearance.call(void 0, _optionalChain([indexMotionNodes, 'call', _151 => _151(frame.document.nodes), 'access', _152 => _152.get, 'call', _153 => _153(id), 'optionalAccess', _154 => _154.node]));
+            const now = _chunkTHXFU3JBcjs.expandVectorAppearance.call(void 0, _optionalChain([indexMotionNodes, 'call', _151 => _151(frame.document.nodes), 'access', _152 => _152.get, 'call', _153 => _153(id), 'optionalAccess', _154 => _154.node]));
             if (!now || now.type !== "path") return "";
-            const bezier = _chunkGF2RBSDMcjs.transformBezierPath.call(void 0, _chunkBQE3Y6ZOcjs.vectorPathWorldBezier.call(void 0, now, _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX, { effects: false }), inverse);
+            const bezier = _chunkGF2RBSDMcjs.transformBezierPath.call(void 0, _chunkTHXFU3JBcjs.vectorPathWorldBezier.call(void 0, now, _chunkTHXFU3JBcjs.IDENTITY_MATRIX, { effects: false }), inverse);
             return _chunkGF2RBSDMcjs.bezierPathToSvg.call(void 0, bezier, { precision: Math.min(precision, 2) });
           }
         });
@@ -3438,7 +3439,7 @@ function toFlairSvgMotion(scene, options = {}) {
   }
   if (scene.motionBlur) notes.push("Motion blur is drawn on the stage only; Flair plays the scene sharp.");
   if (trigger && (_nullishCoalesce(scene.loop, () => ( "none"))) !== "none") notes.push(`The scene plays on ${trigger}, so its loop does not apply in Flair.`);
-  let svg = _chunkBQE3Y6ZOcjs.vectorDocumentToSvg.call(void 0, { ...scene.artwork, nodes: _chunkBQE3Y6ZOcjs.expandVectorAppearances.call(void 0, scene.artwork.nodes) }, { pretty: false, precision, wrap });
+  let svg = _chunkTHXFU3JBcjs.vectorDocumentToSvg.call(void 0, { ...scene.artwork, nodes: _chunkTHXFU3JBcjs.expandVectorAppearances.call(void 0, scene.artwork.nodes) }, { pretty: false, precision, wrap });
   if (routes.length) svg = svg.replace(/^(<svg[^>]*>)/, `$1<defs>${routes.join("")}</defs>`);
   let motion = { svg, animate };
   if (_optionalChain([scene, 'access', _160 => _160.controls, 'optionalAccess', _161 => _161.length])) {
@@ -3536,14 +3537,14 @@ function easingOf(ease, fallback) {
   return fallback;
 }
 function poseOf(value, entry) {
-  const t = _chunkBQE3Y6ZOcjs.parseSvgTransform.call(void 0, String(value));
-  const o = _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _nullishCoalesce(_chunkBQE3Y6ZOcjs.invertMatrix.call(void 0, _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, entry.node)), () => ( [1, 0, 0, 1, 0, 0])), t);
+  const t = _chunkTHXFU3JBcjs.parseSvgTransform.call(void 0, String(value));
+  const o = _chunkTHXFU3JBcjs.multiplyMatrices.call(void 0, _nullishCoalesce(_chunkTHXFU3JBcjs.invertMatrix.call(void 0, _chunkTHXFU3JBcjs.nodeMatrix.call(void 0, entry.node)), () => ( [1, 0, 0, 1, 0, 0])), t);
   const sx = Math.hypot(o[0], o[1]);
   if (!(sx > 1e-9)) return null;
   const sy = (o[0] * o[3] - o[1] * o[2]) / sx;
   if (Math.abs(o[2] + o[1] / sx * sy) > 1e-6 || Math.abs(o[3] - o[0] / sx * sy) > 1e-6) return null;
   const c = entry.center;
-  const moved = _chunkBQE3Y6ZOcjs.applyMatrix.call(void 0, o, c);
+  const moved = _chunkTHXFU3JBcjs.applyMatrix.call(void 0, o, c);
   return { dx: moved.x - c.x, dy: moved.y - c.y, rotation: Math.atan2(o[1], o[0]) * 180 / Math.PI, sx, sy };
 }
 var near = (a, b, eps = 1e-6) => Math.abs(a - b) < eps;
@@ -3628,7 +3629,7 @@ function fromFlairSvgMotion(input, options = {}) {
   const notes = [];
   if (!input || typeof input.svg !== "string") throw new Error('Give a Flair SvgMotion: { svg: "<svg \u2026>", animate: [ \u2026 ] }.');
   const { motion, controls } = resolvePlaceholders(input, notes);
-  const artwork = _chunkBQE3Y6ZOcjs.parseVectorSvg.call(void 0, motion.svg);
+  const artwork = _chunkTHXFU3JBcjs.parseVectorSvg.call(void 0, motion.svg);
   const nodes = indexMotionNodes(artwork.nodes);
   const byStep = /* @__PURE__ */ new Map();
   for (const anim of _nullishCoalesce(motion.animate, () => ( []))) {
@@ -3875,9 +3876,9 @@ function toLottie(scene, options = {}) {
     const items = [];
     const shapeSegments = [...timeline.tracks.entries()].filter(([k]) => k.startsWith(`${path.id}\0`) && (k.endsWith("\0shape") || k.includes("\0effect:"))).flatMap(([, v]) => v);
     const geometryAt = (t) => {
-      if (!shapeSegments.length) return _chunkBQE3Y6ZOcjs.vectorPathWorldBezier.call(void 0, path);
+      if (!shapeSegments.length) return _chunkTHXFU3JBcjs.vectorPathWorldBezier.call(void 0, path);
       const now = _optionalChain([indexMotionNodes, 'call', _170 => _170(motionFrameAt(scene, t, { draw: false, offsets: false }).document.nodes), 'access', _171 => _171.get, 'call', _172 => _172(path.id), 'optionalAccess', _173 => _173.node]);
-      return now && now.type === "path" ? _chunkBQE3Y6ZOcjs.vectorPathWorldBezier.call(void 0, _chunkBQE3Y6ZOcjs.expandVectorAppearances.call(void 0, [now])[0]) : _chunkBQE3Y6ZOcjs.vectorPathWorldBezier.call(void 0, path);
+      return now && now.type === "path" ? _chunkTHXFU3JBcjs.vectorPathWorldBezier.call(void 0, _chunkTHXFU3JBcjs.expandVectorAppearances.call(void 0, [now])[0]) : _chunkTHXFU3JBcjs.vectorPathWorldBezier.call(void 0, path);
     };
     const rest = lottieContours(_chunkGF2RBSDMcjs.toBezierPath.call(void 0, geometryAt(0)), round4);
     rest.forEach((contour, n2) => {
@@ -3950,13 +3951,13 @@ function toLottie(scene, options = {}) {
     const innerTr = STATIC_TR();
     if (node.type === "path") inner = [...pathShapes(node)];
     else if (node.type === "text" || node.type === "instance") {
-      const drawn = _chunkBQE3Y6ZOcjs.expandVectorAppearance.call(void 0, node);
+      const drawn = _chunkTHXFU3JBcjs.expandVectorAppearance.call(void 0, node);
       inner = drawn.type === "path" ? [...pathShapes(drawn)] : drawn.children.filter((c) => c.type === "path").reverse().flatMap((c) => [...pathShapes(c)]);
-      notes.push(`"${node.id}": text is exported as its outlines${_chunkBQE3Y6ZOcjs.vectorTextHasOutlines.call(void 0, ) ? "" : " (glyph boxes: set an outline text shaper for real glyphs)"}.`);
+      notes.push(`"${node.id}": text is exported as its outlines${_chunkTHXFU3JBcjs.vectorTextHasOutlines.call(void 0, ) ? "" : " (glyph boxes: set an outline text shaper for real glyphs)"}.`);
     } else {
       inner = shown(node.children).reverse().map(nodeGroup);
-      const m = _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, node);
-      if (m !== _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX) {
+      const m = _chunkTHXFU3JBcjs.nodeMatrix.call(void 0, node);
+      if (m !== _chunkTHXFU3JBcjs.IDENTITY_MATRIX) {
         const parts = staticParts(m);
         if (!parts) notes.push(`"${node.id}": its transform skews, which is not exported; it is drawn without the skew.`);
         else {
@@ -3969,7 +3970,7 @@ function toLottie(scene, options = {}) {
     const body = { ty: "gr", nm: `${node.id} (own)`, it: [...inner, innerTr] };
     return { ty: "gr", nm: _nullishCoalesce(node.name, () => ( node.id)), it: [body, poseTransform(entry)] };
   };
-  const artwork = { ...scene.artwork, nodes: _chunkBQE3Y6ZOcjs.expandVectorAppearances.call(void 0, scene.artwork.nodes) };
+  const artwork = { ...scene.artwork, nodes: _chunkTHXFU3JBcjs.expandVectorAppearances.call(void 0, scene.artwork.nodes) };
   const content = shown(artwork.nodes).reverse().map(nodeGroup);
   if (artwork.background && rgba(artwork.background))
     content.push({ ty: "gr", nm: "Background", it: [{ ty: "rc", nm: "Background", p: { a: 0, k: [artwork.width / 2, artwork.height / 2] }, s: { a: 0, k: [artwork.width, artwork.height] }, r: { a: 0, k: 0 } }, { ty: "fl", c: { a: 0, k: rgba(artwork.background).map(round4) }, o: { a: 0, k: 100 }, r: 1 }, STATIC_TR()] });
@@ -4068,11 +4069,11 @@ function preset(prst, w, h) {
   const poly = (pts) => [{ closed: true, anchors: pts.map(([x, y]) => ({ x, y })) }];
   switch (prst) {
     case "rect":
-      return [_chunkBQE3Y6ZOcjs.rectSubpath.call(void 0, { x: 0, y: 0, width: w, height: h })];
+      return [_chunkTHXFU3JBcjs.rectSubpath.call(void 0, { x: 0, y: 0, width: w, height: h })];
     case "roundRect":
-      return [_chunkBQE3Y6ZOcjs.rectSubpath.call(void 0, { x: 0, y: 0, width: w, height: h }, Math.min(w, h) * 0.16667)];
+      return [_chunkTHXFU3JBcjs.rectSubpath.call(void 0, { x: 0, y: 0, width: w, height: h }, Math.min(w, h) * 0.16667)];
     case "ellipse":
-      return [_chunkBQE3Y6ZOcjs.ellipseSubpath.call(void 0, { x: 0, y: 0, width: w, height: h })];
+      return [_chunkTHXFU3JBcjs.ellipseSubpath.call(void 0, { x: 0, y: 0, width: w, height: h })];
     case "triangle":
       return poly([[w / 2, 0], [w, h], [0, h]]);
     case "rtTriangle":
@@ -4180,7 +4181,7 @@ function shapes(ctx, tree, map) {
     let subpaths = cust ? custom(cust, w, h) : prst ? preset(prst, w, h) : null;
     if (!subpaths) {
       if (prst) ctx.notes.push(`"${name}" is a ${prst}, drawn as its bounding rectangle.`);
-      subpaths = [_chunkBQE3Y6ZOcjs.rectSubpath.call(void 0, { x: 0, y: 0, width: w, height: h })];
+      subpaths = [_chunkTHXFU3JBcjs.rectSubpath.call(void 0, { x: 0, y: 0, width: w, height: h })];
     }
     const style = kid(el, "style");
     const fill = kid(spPr, "noFill") ? null : _nullishCoalesce(colour(ctx, kid(spPr, "solidFill")), () => ( (el.localName === "cxnSp" ? null : colour(ctx, kid(style, "fillRef")))));
@@ -4569,7 +4570,7 @@ function nextMotionEffectInstance(scene) {
   walk(scene.artwork.nodes);
   for (let i = 1; ; i++) if (!used.has(`fx${i}`)) return `fx${i}`;
 }
-var motionArtworkSvg = (artwork) => _chunkBQE3Y6ZOcjs.vectorDocumentToSvg.call(void 0, artwork);
+var motionArtworkSvg = (artwork) => _chunkTHXFU3JBcjs.vectorDocumentToSvg.call(void 0, artwork);
 var tag = (commands, source) => commands.map((c) => c.type === "wait" ? c : { ...c, source });
 function motionCommandsFromEffect(artwork, motion, source) {
   const imported = fromFlairSvgMotion({ svg: motionArtworkSvg(artwork), animate: [..._nullishCoalesce(motion.animate, () => ( []))] });
@@ -4665,7 +4666,7 @@ var AnimationEditorController = (_class2 = class {
       host: options.layerHost === void 0 ? browserMotionLayerHost() : options.layerHost,
       frameSvg: (scene, time) => motionFrameToSvg(scene, time, { effects: this.effects.provider, layers: this.layers, transitions: false, pretty: false })
     });
-    this.player = new (0, _chunkM5GLQQWGcjs.AnimationPlayer)({ clock: options.clock, duration: () => compileMotionScene(this.scene).duration, loop: _nullishCoalesce(this.scene.loop, () => ( "none")) });
+    this.player = new (0, _chunkLJZRHVZVcjs.AnimationPlayer)({ clock: options.clock, duration: () => compileMotionScene(this.scene).duration, loop: _nullishCoalesce(this.scene.loop, () => ( "none")) });
     this.state = this.computeState();
     this.connect();
   }
@@ -6141,7 +6142,7 @@ function createAnimationEditorToolProvider(controller, options = {}) {
     handler: ({ svg }) => {
       let artwork;
       try {
-        artwork = _chunkBQE3Y6ZOcjs.parseVectorSvg.call(void 0, svg);
+        artwork = _chunkTHXFU3JBcjs.parseVectorSvg.call(void 0, svg);
       } catch (error) {
         throw new Error(`The SVG could not be read: ${error.message}. Nothing was changed.`);
       }

package/dist/animation-editor/index.js

@@ -1,6 +1,6 @@
 import {
   createVectorMorph
-} from "../chunk-YMREOA67.js";
+} from "../chunk-XK4SST43.js";
 import {
   MOTION_ISSUE_CODES,
   motionIssue,
@@ -39,8 +39,8 @@ import {
   vectorNodeBounds,
   vectorPathWorldBezier,
   vectorTextHasOutlines
-} from "../chunk-CU6ANS5L.js";
-import "../chunk-TQOL6CF7.js";
+} from "../chunk-7YGBSFC6.js";
+import "../chunk-PJYG6FCF.js";
 import "../chunk-M6DNZNVY.js";
 import {
   bezierPathLength,
@@ -93,7 +93,7 @@ import {
 } from "../chunk-DS4WGCLJ.js";
 import {
   AnimationPlayer
-} from "../chunk-F6R67I3A.js";
+} from "../chunk-CXXXAZ7H.js";
 import {
   ANIMATION_EASING_LABELS,
   ANIMATION_EASING_PRESETS,
@@ -105,15 +105,16 @@ import {
 } from "../chunk-5UJHB3BW.js";
 import {
   mixColorsOklab
-} from "../chunk-M2TPMYJE.js";
+} from "../chunk-V6DT2CDH.js";
 import {
   hexToRgba,
   normalizeTokenColor,
   rgbaToHex
 } from "../chunk-2WPNAGHI.js";
-import "../chunk-7272D3K2.js";
-import "../chunk-YBAPT7NL.js";
-import "../chunk-MHLU6GRJ.js";
+import "../chunk-BP6KSGVD.js";
+import "../chunk-6ADHGQ73.js";
+import "../chunk-JEGJP4OW.js";
+import "../chunk-F67XMVDI.js";
 import "../chunk-6ONMQ6WF.js";
 
 // src/animation-editor/types.ts

package/dist/{brushstrokeRender-WDTKD54B.cjs → brushstrokeRender-MPOM7BFW.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkV3L7U63Ncjs = require('./chunk-V3L7U63N.cjs');
+var _chunkPP6BXVRLcjs = require('./chunk-PP6BXVRL.cjs');
 
 
 var _chunkA2IS7EHEcjs = require('./chunk-A2IS7EHE.cjs');
 
 
-var _chunkGNZI3KYKcjs = require('./chunk-GNZI3KYK.cjs');
+var _chunkNKTNLJUJcjs = require('./chunk-NKTNLJUJ.cjs');
 
 
 
@@ -22,16 +22,18 @@ require('./chunk-YQGCPL5X.cjs');
 require('./chunk-OLNIPTB3.cjs');
 require('./chunk-474IQG74.cjs');
 require('./chunk-XFM3OCHU.cjs');
+require('./chunk-7AHBW2CQ.cjs');
+require('./chunk-IPJ3TEYR.cjs');
 
 // src/canvas/brushstrokeRender.ts
-var DRY = _chunkGNZI3KYKcjs.BUILTIN_BRUSHES.filter((b) => _chunkPQ3H2AANcjs.isBrushstrokeBrush.call(void 0, b));
+var DRY = _chunkNKTNLJUJcjs.BUILTIN_BRUSHES.filter((b) => _chunkPQ3H2AANcjs.isBrushstrokeBrush.call(void 0, b));
 function listCanvasBrushes() {
   return DRY.map((b) => ({ id: b.id, name: b.name, category: b.category, size: b.tip.size }));
 }
 function resolveCanvasBrush(brush, width) {
   const given = width !== void 0 && Number.isFinite(width) ? Math.max(1, width) : void 0;
   if (typeof brush === "string") {
-    const preset = _chunkGNZI3KYKcjs.BUILTIN_BRUSHES.find((b) => b.id === brush);
+    const preset = _chunkNKTNLJUJcjs.BUILTIN_BRUSHES.find((b) => b.id === brush);
     const ids = DRY.map((b) => b.id).join(", ");
     if (!preset) throw new Error(`Unknown brush '${brush}'. Use one of the dry paint presets (${ids}) or tip settings ({ hardness, spacing, flow, \u2026 }).`);
     if (!_chunkPQ3H2AANcjs.isBrushstrokeBrush.call(void 0, preset)) {
@@ -73,7 +75,7 @@ function renderShapeBrushstrokeNow(shape, scale, place = {}) {
   const textured = typeof seed === "number" && Number.isFinite(seed);
   const size = _nullishCoalesce(shape.brush.size, () => ( (textured ? void 0 : _nullishCoalesce(shape.strokeWidth, () => ( 3)))));
   const brush = resolveCanvasBrush(shape.brush.brush, size);
-  const points = _chunkV3L7U63Ncjs.pathDataToPolyline.call(void 0, shape.d);
+  const points = _chunkPP6BXVRLcjs.pathDataToPolyline.call(void 0, shape.d);
   if (!points.length) return null;
   const { pressure, tiltX, tiltY } = shape.brush;
   const input = {

package/dist/{brushstrokeRender-MAHOXL7K.js → brushstrokeRender-WB67GMUP.js}

@@ -1,12 +1,12 @@
 import {
   pathDataToPolyline
-} from "./chunk-CDP2AKMA.js";
+} from "./chunk-RV5DKZHU.js";
 import {
   parseCssColor
 } from "./chunk-3CI7FRMK.js";
 import {
   BUILTIN_BRUSHES
-} from "./chunk-TQOL6CF7.js";
+} from "./chunk-PJYG6FCF.js";
 import {
   formatNumber,
   getShapeSvg,
@@ -22,6 +22,8 @@ import "./chunk-ODBT55Q7.js";
 import "./chunk-42TWUPNJ.js";
 import "./chunk-HVVR5PZW.js";
 import "./chunk-QGHEDC7B.js";
+import "./chunk-F67XMVDI.js";
+import "./chunk-6ONMQ6WF.js";
 
 // src/canvas/brushstrokeRender.ts
 var DRY = BUILTIN_BRUSHES.filter((b) => isBrushstrokeBrush(b));