@pixerate/editor 0.26.1 → 0.28.0

package/dist/canvas/index.cjs

@@ -1,4 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _class3; var _class4; var _class5; var _class6; var _class7; var _class8;
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkWADCJ7A7cjs = require('../chunk-WADCJ7A7.cjs');
+
 
 
 var _chunk26BVFKHUcjs = require('../chunk-26BVFKHU.cjs');
@@ -8,10 +23,17 @@ var _chunk26BVFKHUcjs = require('../chunk-26BVFKHU.cjs');
 
 
 
+var _chunkK2UYKJ6Mcjs = require('../chunk-K2UYKJ6M.cjs');
+
+
+
+
+
+
+
 
 
 
-var _chunk4BVP64JJcjs = require('../chunk-4BVP64JJ.cjs');
 
 
 
@@ -26,80 +48,15 @@ var _chunk4BVP64JJcjs = require('../chunk-4BVP64JJ.cjs');
 
 
 
-var _chunkWADCJ7A7cjs = require('../chunk-WADCJ7A7.cjs');
 
-// src/canvas/clock.ts
-var pageHidden = () => typeof document !== "undefined" && document.hidden;
-var realClock = {
-  live: true,
-  now: () => typeof performance !== "undefined" ? performance.now() : Date.now(),
-  frame: () => new Promise((resolve) => {
-    if (typeof requestAnimationFrame === "function" && !pageHidden()) {
-      requestAnimationFrame(() => resolve());
-    } else {
-      setTimeout(resolve, 16);
-    }
-  }),
-  sleep: (ms) => new Promise((resolve) => setTimeout(resolve, Math.max(0, ms)))
-};
-var settle = () => new Promise((resolve) => setTimeout(resolve, 0));
-var ManualClock = (_class = class {
-  __init() {this.live = false}
-  
-  __init2() {this.frames = []}
-  __init3() {this.sleepers = []}
-  __init4() {this.seq = 0}
-  constructor(start = 0) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);
-    this.time = start;
-  }
-  now() {
-    return this.time;
-  }
-  frame() {
-    return new Promise((resolve) => this.frames.push(resolve));
-  }
-  sleep(ms) {
-    return new Promise(
-      (resolve) => this.sleepers.push({
-        at: this.time + Math.max(0, ms),
-        seq: this.seq++,
-        resolve
-      })
-    );
-  }
-  /** Whether any frames or sleep timers are currently pending. */
-  get pending() {
-    return this.frames.length > 0 || this.sleepers.length > 0;
-  }
-  /** Advances time by `ms`, resolving due sleep timers in order, followed by queued frames. */
-  async advance(ms) {
-    const end = this.time + Math.max(0, ms);
-    await settle();
-    while (true) {
-      let next;
-      for (const s of this.sleepers) {
-        if (s.at <= end && (!next || s.at < next.at || s.at === next.at && s.seq < next.seq)) {
-          next = s;
-        }
-      }
-      if (!next) break;
-      this.sleepers.splice(this.sleepers.indexOf(next), 1);
-      this.time = Math.max(this.time, next.at);
-      next.resolve();
-      await settle();
-    }
-    this.time = end;
-    const dueFrames = this.frames.splice(0, this.frames.length);
-    for (const resolveFrame of dueFrames) {
-      resolveFrame();
-    }
-    await settle();
-  }
-  /** Convenience method to advance by 1 frame at a given fps (default: 60fps = 16.67ms). */
-  async tick(fps = 60) {
-    await this.advance(Math.round(1e3 / fps));
-  }
-}, _class);
+
+
+
+
+var _chunkTTYCN6ZHcjs = require('../chunk-TTYCN6ZH.cjs');
+
+
+var _chunkA6PHCAGXcjs = require('../chunk-A6PHCAGX.cjs');
 
 // src/canvas/trajectory.ts
 var defaultEasing = (t) => --t * t * t + 1;
@@ -181,7 +138,7 @@ function runMultiNodeTransition(transitions, options = {}) {
   const {
     defaultDuration = 400,
     defaultEasing: easingFunc = defaultEasing,
-    clock = realClock,
+    clock = _chunkTTYCN6ZHcjs.realClock,
     styleFormat = "string",
     onUpdate,
     onComplete
@@ -601,23 +558,23 @@ function connectedOnly(nodes, edges) {
 }
 
 // src/canvas/streaming.ts
-var StreamingLayoutManager = (_class2 = class {
+var StreamingLayoutManager = (_class = class {
   
   
   
   
   
   
-  __init5() {this.pendingTimer = null}
-  __init6() {this.pendingArgs = null}
-  __init7() {this.activeTransitionCancel = null}
-  __init8() {this.targetPositions = /* @__PURE__ */ new Map()}
-  __init9() {this.livePositions = /* @__PURE__ */ new Map()}
-  constructor(options = {}) {;_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);
+  __init() {this.pendingTimer = null}
+  __init2() {this.pendingArgs = null}
+  __init3() {this.activeTransitionCancel = null}
+  __init4() {this.targetPositions = /* @__PURE__ */ new Map()}
+  __init5() {this.livePositions = /* @__PURE__ */ new Map()}
+  constructor(options = {}) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);
     this.throttleMs = _nullishCoalesce(options.throttleMs, () => ( 200));
     this.glideDurationMs = _nullishCoalesce(options.glideDurationMs, () => ( 300));
     this.connectedOnly = _nullishCoalesce(options.connectedOnly, () => ( false));
-    this.clock = _nullishCoalesce(options.clock, () => ( realClock));
+    this.clock = _nullishCoalesce(options.clock, () => ( _chunkTTYCN6ZHcjs.realClock));
     this.layoutOptions = _nullishCoalesce(options.layoutOptions, () => ( { direction: "LR" }));
     this.onLayoutUpdated = options.onLayoutUpdated;
   }
@@ -732,7 +689,7 @@ var StreamingLayoutManager = (_class2 = class {
       this.activeTransitionCancel = null;
     }
   }
-}, _class2);
+}, _class);
 
 // src/canvas/arrange.ts
 var LOCKED_DATA_KEY = "locked";
@@ -1498,15 +1455,15 @@ function parseCanvasScenes(input) {
   }
   return scenes;
 }
-var CanvasScenesStore = (_class3 = class {
+var CanvasScenesStore = (_class2 = class {
   
-  __init10() {this.currentId = null}
+  __init6() {this.currentId = null}
   
-  __init11() {this.listeners = /* @__PURE__ */ new Set()}
+  __init7() {this.listeners = /* @__PURE__ */ new Set()}
   
   
   
-  constructor(options = {}) {;_class3.prototype.__init10.call(this);_class3.prototype.__init11.call(this);
+  constructor(options = {}) {;_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);
     this.scenes = parseCanvasScenes(_nullishCoalesce(options.initialScenes, () => ( [])));
     this.createId = _nullishCoalesce(options.createId, () => ( defaultId));
     this.wrap = _nullishCoalesce(options.wrap, () => ( false));
@@ -1660,7 +1617,7 @@ var CanvasScenesStore = (_class3 = class {
     this.currentId = null;
     this.commit(parseCanvasScenes(input));
   }
-}, _class3);
+}, _class2);
 function createCanvasScenesStore(options) {
   return new CanvasScenesStore(options);
 }
@@ -1785,13 +1742,13 @@ function normalizeInput(input) {
   }
   return { rings, fillRule: "nonzero" };
 }
-var PointPool = (_class4 = class {
-  constructor(eps) {;_class4.prototype.__init12.call(this);_class4.prototype.__init13.call(this);
+var PointPool = (_class3 = class {
+  constructor(eps) {;_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);
     this.eps = eps;
   }
   
-  __init12() {this.vertices = []}
-  __init13() {this.cells = /* @__PURE__ */ new Map()}
+  __init8() {this.vertices = []}
+  __init9() {this.cells = /* @__PURE__ */ new Map()}
   get(x, y) {
     const cx = Math.floor(x / this.eps);
     const cy = Math.floor(y / this.eps);
@@ -1820,7 +1777,7 @@ var PointPool = (_class4 = class {
     else this.cells.set(key, [vertex.id]);
     return vertex;
   }
-}, _class4);
+}, _class3);
 function project(a, b, p) {
   const dx = b.x - a.x;
   const dy = b.y - a.y;
@@ -2277,7 +2234,7 @@ function fitSingleFrom(pts, u, t0, t1) {
   let best = generate(pts, u, t0, t1);
   let [bestErr, bestSplit] = maxError(pts, best, u);
   const params = u.slice();
-  for (let round3 = 0; round3 < MAX_REPARAM; round3++) {
+  for (let round2 = 0; round2 < MAX_REPARAM; round2++) {
     for (let i = 0; i < params.length; i++) params[i] = newton(best, pts[i], params[i]);
     const c = generate(pts, params, t0, t1);
     const [e, s] = maxError(pts, c, params);
@@ -2501,12 +2458,12 @@ function isShapeDescription(value) {
   return kind !== "path" || typeof value.d === "string";
 }
 var PARAM_COUNTS = { m: 2, l: 2, h: 1, v: 1, c: 6, s: 4, q: 4, t: 2, a: 7, z: 0 };
-var PathScanner = (_class5 = class {
-  constructor(text) {;_class5.prototype.__init14.call(this);
+var PathScanner = (_class4 = class {
+  constructor(text) {;_class4.prototype.__init10.call(this);
     this.text = text;
   }
   
-  __init14() {this.pos = 0}
+  __init10() {this.pos = 0}
   skip() {
     while (this.pos < this.text.length && /[\s,]/.test(this.text[this.pos])) this.pos++;
   }
@@ -2541,7 +2498,7 @@ var PathScanner = (_class5 = class {
     }
     return null;
   }
-}, _class5);
+}, _class4);
 function parseSvgPath(d) {
   const scanner = new PathScanner(_nullishCoalesce(d, () => ( "")));
   const commands = [];
@@ -3849,13 +3806,13 @@ function scaleOf(operands) {
   }
   return Math.max(1, max);
 }
-var VertexPool = (_class6 = class {
-  constructor(eps) {;_class6.prototype.__init15.call(this);_class6.prototype.__init16.call(this);
+var VertexPool = (_class5 = class {
+  constructor(eps) {;_class5.prototype.__init11.call(this);_class5.prototype.__init12.call(this);
     this.eps = eps;
   }
   
-  __init15() {this.vertices = []}
-  __init16() {this.cells = /* @__PURE__ */ new Map()}
+  __init11() {this.vertices = []}
+  __init12() {this.cells = /* @__PURE__ */ new Map()}
   get(x, y) {
     const cx = Math.floor(x / this.eps);
     const cy = Math.floor(y / this.eps);
@@ -3884,7 +3841,7 @@ var VertexPool = (_class6 = class {
     else this.cells.set(key, [vertex.id]);
     return vertex;
   }
-}, _class6);
+}, _class5);
 function hull(pts) {
   let minX = Infinity;
   let maxX = -Infinity;
@@ -5729,12 +5686,12 @@ function resolvePadding(padding) {
   else sides = [0, 0, 0, 0];
   return sides.map((p) => Math.max(finite(p), 0));
 }
-var LayoutState = (_class7 = class {
-  __init17() {this.boxes = /* @__PURE__ */ new Map()}
+var LayoutState = (_class6 = class {
+  __init13() {this.boxes = /* @__PURE__ */ new Map()}
   
-  __init18() {this.visiting = /* @__PURE__ */ new Set()}
-  __init19() {this.original = /* @__PURE__ */ new Map()}
-  constructor(nodes, options = {}) {;_class7.prototype.__init17.call(this);_class7.prototype.__init18.call(this);_class7.prototype.__init19.call(this);
+  __init14() {this.visiting = /* @__PURE__ */ new Set()}
+  __init15() {this.original = /* @__PURE__ */ new Map()}
+  constructor(nodes, options = {}) {;_class6.prototype.__init13.call(this);_class6.prototype.__init14.call(this);_class6.prototype.__init15.call(this);
     this.measure = _nullishCoalesce(options.measure, () => ( {}));
     for (const node of nodes) {
       const size = _nullishCoalesce(_optionalChain([this, 'access', _108 => _108.measure, 'access', _109 => _109.size, 'optionalCall', _110 => _110(node)]), () => ( getNodeSize(node, options.rectOptions)));
@@ -5788,7 +5745,7 @@ var LayoutState = (_class7 = class {
     }
     return out;
   }
-}, _class7);
+}, _class6);
 function setSize(s, id, w, h) {
   const b = s.boxes.get(id);
   if (!b) return;
@@ -7666,7 +7623,7 @@ function getTokenPropertyScope(property, node) {
 }
 function getTokensForProperty(state, property, node) {
   const scope = getTokenPropertyScope(property, node);
-  return state.variables.filter((v) => v.type === property.type && _chunk4BVP64JJcjs.isTokenInScope.call(void 0, v, scope));
+  return state.variables.filter((v) => v.type === property.type && _chunkK2UYKJ6Mcjs.isTokenInScope.call(void 0, v, scope));
 }
 function lookupOf(nodes) {
   return new Map(nodes.map((n) => [n.id, n]));
@@ -7674,7 +7631,7 @@ function lookupOf(nodes) {
 function validModes(state, modes, into) {
   for (const [collectionId, modeId] of Object.entries(modes)) {
     if (state) {
-      const collection = _chunk4BVP64JJcjs.getTokenCollection.call(void 0, state, collectionId);
+      const collection = _chunkK2UYKJ6Mcjs.getTokenCollection.call(void 0, state, collectionId);
       if (!collection || !collection.modes.some((m) => m.id === modeId)) continue;
     }
     into[collectionId] = modeId;
@@ -7729,7 +7686,7 @@ function applyBindings(node, state, modes, options, only) {
     if (only && !only.has(variableId)) continue;
     const property = getCanvasTokenProperty(key, options);
     if (!property || !property.appliesTo(next)) continue;
-    const resolved = _chunk4BVP64JJcjs.resolveToken.call(void 0, state, variableId, modes);
+    const resolved = _chunkK2UYKJ6Mcjs.resolveToken.call(void 0, state, variableId, modes);
     if (!resolved.ok || resolved.type !== property.type) continue;
     next = property.write(next, resolved.value);
   }
@@ -7752,7 +7709,7 @@ function inspectNodeTokens(node, nodes, state, options = {}) {
   for (const [key, variableId] of Object.entries(getNodeTokenBindings(node))) {
     const property = getCanvasTokenProperty(key, options);
     if (!property) continue;
-    out.push({ property, variableId, variable: _chunk4BVP64JJcjs.getTokenVariable.call(void 0, state, variableId), resolution: _chunk4BVP64JJcjs.resolveToken.call(void 0, state, variableId, modes) });
+    out.push({ property, variableId, variable: _chunkK2UYKJ6Mcjs.getTokenVariable.call(void 0, state, variableId), resolution: _chunkK2UYKJ6Mcjs.resolveToken.call(void 0, state, variableId, modes) });
   }
   return out;
 }
@@ -7764,12 +7721,12 @@ function setDataRecord(node, key, record) {
 }
 function bindCanvasToken(nodes, ids, propertyKey, variableId, state, options = {}) {
   const property = getCanvasTokenProperty(propertyKey, options);
-  if (!property) throw new (0, _chunk4BVP64JJcjs.TokenError)("not-found", `No bindable property \`${propertyKey}\``);
+  if (!property) throw new (0, _chunkK2UYKJ6Mcjs.TokenError)("not-found", `No bindable property \`${propertyKey}\``);
   if (variableId !== null) {
-    const variable = _chunk4BVP64JJcjs.getTokenVariable.call(void 0, state, variableId);
-    if (!variable) throw new (0, _chunk4BVP64JJcjs.TokenError)("not-found", `No variable \`${variableId}\``);
+    const variable = _chunkK2UYKJ6Mcjs.getTokenVariable.call(void 0, state, variableId);
+    if (!variable) throw new (0, _chunkK2UYKJ6Mcjs.TokenError)("not-found", `No variable \`${variableId}\``);
     if (variable.type !== property.type) {
-      throw new (0, _chunk4BVP64JJcjs.TokenError)("type-mismatch", `${property.label} takes a ${property.type} variable; \`${variable.name}\` is a ${variable.type}`);
+      throw new (0, _chunkK2UYKJ6Mcjs.TokenError)("type-mismatch", `${property.label} takes a ${property.type} variable; \`${variable.name}\` is a ${variable.type}`);
     }
   }
   const targets = new Set(ids);
@@ -7791,9 +7748,9 @@ function bindCanvasToken(nodes, ids, propertyKey, variableId, state, options = {
 }
 function setCanvasTokenMode(nodes, ids, collectionId, modeId, state, options = {}) {
   if (modeId !== null) {
-    const collection = _chunk4BVP64JJcjs.getTokenCollection.call(void 0, state, collectionId);
-    if (!collection) throw new (0, _chunk4BVP64JJcjs.TokenError)("not-found", `No collection \`${collectionId}\``);
-    if (!collection.modes.some((m) => m.id === modeId)) throw new (0, _chunk4BVP64JJcjs.TokenError)("not-found", `No mode \`${modeId}\` in \`${collection.name}\``);
+    const collection = _chunkK2UYKJ6Mcjs.getTokenCollection.call(void 0, state, collectionId);
+    if (!collection) throw new (0, _chunkK2UYKJ6Mcjs.TokenError)("not-found", `No collection \`${collectionId}\``);
+    if (!collection.modes.some((m) => m.id === modeId)) throw new (0, _chunkK2UYKJ6Mcjs.TokenError)("not-found", `No mode \`${modeId}\` in \`${collection.name}\``);
   }
   const targets = new Set(ids);
   let changed = false;
@@ -7814,7 +7771,7 @@ function setCanvasTokenMode(nodes, ids, collectionId, modeId, state, options = {
 }
 function detachTokenBindings(nodes, state, variableIds, options = {}) {
   const only = variableIds ? new Set(variableIds) : null;
-  const isDetached = (id) => only ? only.has(id) : !_chunk4BVP64JJcjs.getTokenVariable.call(void 0, state, id);
+  const isDetached = (id) => only ? only.has(id) : !_chunkK2UYKJ6Mcjs.getTokenVariable.call(void 0, state, id);
   const { modesOf } = modesResolver(nodes, state, options);
   let changed = false;
   const out = nodes.map((node) => {
@@ -7843,244 +7800,8 @@ function pruneCanvasTokenModes(nodes, state) {
   return changed ? out : nodes;
 }
 
-// src/canvas/animation/easing.ts
-var ANIMATION_EASING_PRESETS = [
-  "linear",
-  "ease",
-  "ease-in",
-  "ease-out",
-  "ease-in-out",
-  "ease-in-back",
-  "ease-out-back",
-  "spring",
-  "hold"
-];
-var ANIMATION_EASING_LABELS = {
-  linear: "Linear",
-  hold: "Hold",
-  ease: "Ease",
-  "ease-in": "Ease in",
-  "ease-out": "Ease out",
-  "ease-in-out": "Ease in-out",
-  "ease-in-back": "Back in",
-  "ease-out-back": "Back out",
-  spring: "Spring"
-};
-var CUBIC_BEZIER_PRESETS = {
-  linear: [0, 0, 1, 1],
-  ease: [0.25, 0.1, 0.25, 1],
-  "ease-in": [0.42, 0, 1, 1],
-  "ease-out": [0, 0, 0.58, 1],
-  "ease-in-out": [0.42, 0, 0.58, 1],
-  "ease-in-back": [0.36, 0, 0.66, -0.56],
-  "ease-out-back": [0.34, 1.56, 0.64, 1]
-};
-var DEFAULT_SPRING = { stiffness: 170, damping: 26, mass: 1, velocity: 0 };
-var clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
-var finite2 = (v, fallback) => typeof v === "number" && Number.isFinite(v) ? v : fallback;
-function cubicBezierAt(x1, y1, x2, y2, x) {
-  if (x <= 0) return 0;
-  if (x >= 1) return 1;
-  x1 = clamp(x1, 0, 1);
-  x2 = clamp(x2, 0, 1);
-  const bx = (s2) => 3 * (1 - s2) * (1 - s2) * s2 * x1 + 3 * (1 - s2) * s2 * s2 * x2 + s2 * s2 * s2;
-  const by = (s2) => 3 * (1 - s2) * (1 - s2) * s2 * y1 + 3 * (1 - s2) * s2 * s2 * y2 + s2 * s2 * s2;
-  const dbx = (s2) => 3 * (1 - s2) * (1 - s2) * x1 + 6 * (1 - s2) * s2 * (x2 - x1) + 3 * s2 * s2 * (1 - x2);
-  let s = x;
-  for (let i = 0; i < 8; i++) {
-    const d = dbx(s);
-    if (Math.abs(d) < 1e-9) break;
-    const next = s - (bx(s) - x) / d;
-    if (!(next >= 0 && next <= 1)) break;
-    s = next;
-  }
-  if (Math.abs(bx(s) - x) > 1e-7) {
-    let lo = 0;
-    let hi = 1;
-    for (let i = 0; i < 60; i++) {
-      s = (lo + hi) / 2;
-      if (bx(s) < x) lo = s;
-      else hi = s;
-    }
-  }
-  return by(s);
-}
-function springAt(spring, seconds) {
-  const stiffness = Math.max(1e-6, finite2(spring.stiffness, DEFAULT_SPRING.stiffness));
-  const damping = Math.max(0, finite2(spring.damping, DEFAULT_SPRING.damping));
-  const mass = Math.max(1e-6, finite2(spring.mass, DEFAULT_SPRING.mass));
-  const v0 = -finite2(spring.velocity, DEFAULT_SPRING.velocity);
-  const t = Math.max(0, seconds);
-  const w0 = Math.sqrt(stiffness / mass);
-  const zeta = damping / (2 * Math.sqrt(stiffness * mass));
-  let x;
-  if (zeta < 1 - 1e-6) {
-    const wd = w0 * Math.sqrt(1 - zeta * zeta);
-    x = Math.exp(-zeta * w0 * t) * (Math.cos(wd * t) + (zeta * w0 + v0) / wd * Math.sin(wd * t));
-  } else if (zeta <= 1 + 1e-6) {
-    x = Math.exp(-w0 * t) * (1 + (w0 + v0) * t);
-  } else {
-    const r = Math.sqrt(zeta * zeta - 1);
-    const s1 = -w0 * (zeta - r);
-    const s2 = -w0 * (zeta + r);
-    const c2 = (v0 - s1) / (s2 - s1);
-    const c1 = 1 - c2;
-    x = c1 * Math.exp(s1 * t) + c2 * Math.exp(s2 * t);
-  }
-  return 1 - x;
-}
-function resolveEasing(easing) {
-  if (easing === "hold") return "hold";
-  if (easing === "spring") return { type: "spring", ...DEFAULT_SPRING };
-  if (typeof easing === "string") {
-    const preset = CUBIC_BEZIER_PRESETS[easing];
-    if (preset) return { type: "cubic-bezier", x1: preset[0], y1: preset[1], x2: preset[2], y2: preset[3] };
-    const parsed = parseCssEasing(easing);
-    return parsed ? resolveEasing(parsed) : { type: "cubic-bezier", x1: 0, y1: 0, x2: 1, y2: 1 };
-  }
-  if (easing && typeof easing === "object") {
-    if (easing.type === "spring") {
-      return {
-        type: "spring",
-        stiffness: finite2(easing.stiffness, DEFAULT_SPRING.stiffness),
-        damping: finite2(easing.damping, DEFAULT_SPRING.damping),
-        mass: finite2(easing.mass, DEFAULT_SPRING.mass),
-        velocity: finite2(easing.velocity, DEFAULT_SPRING.velocity)
-      };
-    }
-    if (easing.type === "cubic-bezier") {
-      return {
-        type: "cubic-bezier",
-        x1: clamp(finite2(easing.x1, 0), 0, 1),
-        y1: finite2(easing.y1, 0),
-        x2: clamp(finite2(easing.x2, 1), 0, 1),
-        y2: finite2(easing.y2, 1)
-      };
-    }
-  }
-  return { type: "cubic-bezier", x1: 0, y1: 0, x2: 1, y2: 1 };
-}
-function evaluateEasing(easing, u, durationMs = 1e3) {
-  if (!(u > 0)) return 0;
-  if (u >= 1) return 1;
-  const resolved = resolveEasing(easing);
-  if (resolved === "hold") return 0;
-  if (resolved.type === "spring") return springAt(resolved, u * Math.max(0, durationMs) / 1e3);
-  const { x1, y1, x2, y2 } = resolved;
-  if (x1 === y1 && x2 === y2) return u;
-  return cubicBezierAt(x1, y1, x2, y2, u);
-}
-function easingFromInfluence(outInfluence = 1 / 3, inInfluence = 1 / 3) {
-  return {
-    type: "cubic-bezier",
-    x1: clamp(outInfluence, 0.01, 1),
-    y1: 0,
-    x2: 1 - clamp(inInfluence, 0.01, 1),
-    y2: 1
-  };
-}
-var NUMBER = String.raw`\s*(-?(?:\d+\.?\d*|\.\d+)(?:e[-+]?\d+)?)\s*`;
-var CUBIC_RE = new RegExp(`^cubic-bezier\\(${NUMBER},${NUMBER},${NUMBER},${NUMBER}\\)$`, "i");
-function parseCssEasing(text) {
-  const value = text.trim().toLowerCase();
-  if (value.length > 200) return null;
-  if (ANIMATION_EASING_PRESETS.includes(value)) return value;
-  if (value === "step-end" || /^steps\(\s*1\s*(,\s*(end|jump-end)\s*)?\)$/.test(value)) return "hold";
-  const m = CUBIC_RE.exec(value);
-  if (!m) return null;
-  const [x1, y1, x2, y2] = m.slice(1).map(Number);
-  if (![x1, y1, x2, y2].every(Number.isFinite) || x1 < 0 || x1 > 1 || x2 < 0 || x2 > 1) return null;
-  return { type: "cubic-bezier", x1, y1, x2, y2 };
-}
-function isAnimationEasing(value) {
-  if (typeof value === "string") return parseCssEasing(value) !== null;
-  if (typeof value !== "object" || value === null) return false;
-  const e = value;
-  if (e.type === "spring") return true;
-  return e.type === "cubic-bezier" && [e.x1, e.y1, e.x2, e.y2].every((v) => typeof v === "number" && Number.isFinite(v));
-}
-var round = (v, digits = 4) => {
-  const p = 10 ** digits;
-  return Math.round(v * p) / p;
-};
-function easingToCss(easing, durationMs = 1e3, samples = 24) {
-  const resolved = resolveEasing(easing);
-  if (resolved === "hold") return "steps(1, end)";
-  if (resolved.type === "spring") {
-    const n = Math.max(2, Math.floor(samples));
-    const points = [];
-    for (let i = 0; i <= n; i++) points.push(String(round(i === n ? 1 : springAt(resolved, i / n * durationMs / 1e3))));
-    return `linear(${points.join(", ")})`;
-  }
-  const { x1, y1, x2, y2 } = resolved;
-  for (const [name, p] of Object.entries(CUBIC_BEZIER_PRESETS)) {
-    if (["linear", "ease", "ease-in", "ease-out", "ease-in-out"].includes(name) && p[0] === x1 && p[1] === y1 && p[2] === x2 && p[3] === y2) {
-      return name;
-    }
-  }
-  return `cubic-bezier(${round(x1)}, ${round(y1)}, ${round(x2)}, ${round(y2)})`;
-}
-function easingLabel(easing) {
-  if (easing === void 0 || easing === null) return ANIMATION_EASING_LABELS.linear;
-  if (typeof easing === "string") return _nullishCoalesce(ANIMATION_EASING_LABELS[easing], () => ( easing));
-  return easing.type === "spring" ? "Spring" : "Custom";
-}
-
-// src/canvas/animation/color.ts
-var toLinear = (c) => c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
-var toGamma = (c) => c <= 31308e-7 ? 12.92 * c : 1.055 * Math.sign(c) * Math.abs(c) ** (1 / 2.4) - 0.055;
-function rgbToOklab(r, g, b, alpha = 1) {
-  const lr = toLinear(r);
-  const lg = toLinear(g);
-  const lb = toLinear(b);
-  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
-  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
-  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
-  return {
-    l: 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
-    a: 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
-    b: 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,
-    alpha
-  };
-}
-function oklabToRgb(color) {
-  const l_ = color.l + 0.3963377774 * color.a + 0.2158037573 * color.b;
-  const m_ = color.l - 0.1055613458 * color.a - 0.0638541728 * color.b;
-  const s_ = color.l - 0.0894841775 * color.a - 1.291485548 * color.b;
-  const l = l_ ** 3;
-  const m = m_ ** 3;
-  const s = s_ ** 3;
-  const clamp01 = (v) => Math.min(1, Math.max(0, v));
-  return {
-    r: clamp01(toGamma(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s)),
-    g: clamp01(toGamma(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s)),
-    b: clamp01(toGamma(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s)),
-    a: clamp01(color.alpha)
-  };
-}
-function parseOklab(input) {
-  const hex = _chunk4BVP64JJcjs.normalizeTokenColor.call(void 0, input);
-  if (hex === null) return null;
-  const c = _chunk4BVP64JJcjs.hexToRgba.call(void 0, hex);
-  return rgbToOklab(c.r, c.g, c.b, c.a);
-}
-function formatOklab(color) {
-  const { r, g, b, a } = oklabToRgb(color);
-  return _chunk4BVP64JJcjs.rgbaToHex.call(void 0, r, g, b, a);
-}
-function mixColorsOklab(from, to, t) {
-  const a = parseOklab(from);
-  const b = parseOklab(to);
-  if (!a || !b) return null;
-  const alpha = a.alpha + (b.alpha - a.alpha) * t;
-  const premul = (k) => a[k] * a.alpha + (b[k] * b.alpha - a[k] * a.alpha) * t;
-  if (alpha <= 1e-9) return formatOklab({ l: a.l + (b.l - a.l) * t, a: 0, b: 0, alpha: 0 });
-  return formatOklab({ l: premul("l") / alpha, a: premul("a") / alpha, b: premul("b") / alpha, alpha });
-}
-
 // src/canvas/animation/model.ts
 var ANIMATION_DATA_KEY = "animation";
-var ANIMATION_TIME_EPSILON = 1e-6;
 var num = (value) => {
   if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
   if (typeof value === "string") {
@@ -8221,37 +7942,6 @@ function clampAnimationValue(property, value) {
   if (property.max !== void 0) v = Math.min(property.max, v);
   return v;
 }
-function isValue(value) {
-  return typeof value === "number" && Number.isFinite(value) || typeof value === "string";
-}
-function isAnimationKeyframe(value) {
-  if (typeof value !== "object" || value === null) return false;
-  const k = value;
-  return typeof k.time === "number" && Number.isFinite(k.time) && isValue(k.value) && (k.easing === void 0 || isAnimationEasing(k.easing));
-}
-var sortedCache = /* @__PURE__ */ new WeakMap();
-function normalizeKeyframes(keyframes) {
-  if (!Array.isArray(keyframes)) return [];
-  const cached = sortedCache.get(keyframes);
-  if (cached && cached.items.length === keyframes.length && cached.items.every((k, i) => k === keyframes[i])) return cached.out;
-  const indexed = keyframes.map((k, i) => ({ k, i })).filter(({ k }) => isAnimationKeyframe(k)).sort((a, b) => a.k.time - b.k.time || a.i - b.i);
-  const out = [];
-  let lastIndex = -1;
-  for (const { k, i } of indexed) {
-    const prev = out[out.length - 1];
-    if (prev && Math.abs(k.time - prev.time) <= ANIMATION_TIME_EPSILON) {
-      if (i > lastIndex) {
-        out[out.length - 1] = k;
-        lastIndex = i;
-      }
-      continue;
-    }
-    out.push(k);
-    lastIndex = i;
-  }
-  sortedCache.set(keyframes, { items: [...keyframes], out });
-  return out;
-}
 function getNodeAnimation(node) {
   const raw = _optionalChain([node, 'optionalAccess', _215 => _215.data, 'optionalAccess', _216 => _216[ANIMATION_DATA_KEY]]);
   if (typeof raw !== "object" || raw === null || typeof raw.tracks !== "object" || raw.tracks === null) return null;
@@ -8259,7 +7949,7 @@ function getNodeAnimation(node) {
 }
 function getAnimationTrack(node, property) {
   const track = _optionalChain([getNodeAnimation, 'call', _217 => _217(node), 'optionalAccess', _218 => _218.tracks, 'access', _219 => _219[property]]);
-  return track && Array.isArray(track.keyframes) && normalizeKeyframes(track.keyframes).length > 0 ? track : void 0;
+  return track && Array.isArray(track.keyframes) && _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, track.keyframes).length > 0 ? track : void 0;
 }
 function isNodeAnimated(node) {
   const animation = getNodeAnimation(node);
@@ -8289,45 +7979,6 @@ function withNodeAnimation(node, animation) {
 
 // src/canvas/animation/evaluate.ts
 var nodesOf = (doc) => Array.isArray(doc) ? doc : doc.nodes;
-function interpolateAnimationValue(from, to, t, type = "number") {
-  if (typeof from === "number" && typeof to === "number") return from + (to - from) * t;
-  if (t <= 0) return from;
-  if (t >= 1) return to;
-  if (type === "color" || typeof from === "string" && typeof to === "string") {
-    const mixed = mixColorsOklab(from, to, t);
-    if (mixed !== null) return mixed;
-  }
-  return from;
-}
-function segmentIndex(keys, time) {
-  let lo = 0;
-  let hi = keys.length - 1;
-  let found = -1;
-  while (lo <= hi) {
-    const mid = lo + hi >> 1;
-    if (keys[mid].time <= time) {
-      found = mid;
-      lo = mid + 1;
-    } else hi = mid - 1;
-  }
-  return found;
-}
-function evaluateTrack(track, time, type = "number") {
-  const keyframes = Array.isArray(track) ? track : _optionalChain([track, 'optionalAccess', _221 => _221.keyframes]);
-  const keys = normalizeKeyframes(keyframes);
-  if (keys.length === 0) return void 0;
-  if (!(time > keys[0].time)) return keys[0].value;
-  const last = keys[keys.length - 1];
-  if (time >= last.time) return last.value;
-  const i = segmentIndex(keys, time);
-  const a = keys[i];
-  const b = keys[i + 1];
-  if (time === a.time) return a.value;
-  const span = b.time - a.time;
-  const u = (time - a.time) / span;
-  if (a.easing === "hold") return a.value;
-  return interpolateAnimationValue(a.value, b.value, evaluateEasing(a.easing, u, span), type);
-}
 function getAnimationDuration(doc) {
   let end = 0;
   for (const node of nodesOf(doc)) {
@@ -8335,23 +7986,12 @@ function getAnimationDuration(doc) {
     if (!animation) continue;
     for (const track of Object.values(animation.tracks)) {
       if (!track || track.enabled === false) continue;
-      const keys = normalizeKeyframes(track.keyframes);
+      const keys = _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, track.keyframes);
       if (keys.length > 0) end = Math.max(end, keys[keys.length - 1].time);
     }
   }
   return end;
 }
-function wrapAnimationTime(time, duration, loop = "none") {
-  if (!Number.isFinite(time)) return 0;
-  if (!(duration > 0)) return 0;
-  if (loop === "loop") return (time % duration + duration) % duration;
-  if (loop === "ping-pong") {
-    const period = duration * 2;
-    const m = (time % period + period) % period;
-    return m <= duration ? m : period - m;
-  }
-  return Math.min(duration, Math.max(0, time));
-}
 function evaluateAnimation(doc, time, options = {}) {
   const only = options.ids ? new Set(options.ids) : null;
   const out = {};
@@ -8363,7 +8003,7 @@ function evaluateAnimation(doc, time, options = {}) {
     for (const [key, track] of Object.entries(animation.tracks)) {
       if (!track || track.enabled === false) continue;
       const property = (_nullishCoalesce(options.properties, () => ( ANIMATABLE_PROPERTIES))).find((p) => p.key === key);
-      const value = evaluateTrack(track, time, _nullishCoalesce(_optionalChain([property, 'optionalAccess', _222 => _222.type]), () => ( "number")));
+      const value = _chunkTTYCN6ZHcjs.evaluateTrack.call(void 0, track, time, _nullishCoalesce(_optionalChain([property, 'optionalAccess', _221 => _221.type]), () => ( "number")));
       if (value === void 0) continue;
       (values ??= {})[key] = clampAnimationValue(property, value);
     }
@@ -8401,7 +8041,7 @@ var AnimationEditError = class extends Error {
   }
 };
 var MAX_KEYFRAME_REFS = 4096;
-var sameTime = (a, b) => Math.abs(a - b) <= ANIMATION_TIME_EPSILON;
+var sameTime = (a, b) => Math.abs(a - b) <= _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON;
 var refKey = (r) => `${r.nodeId}\0${r.property}`;
 function snapTimeToFrame(time, fps) {
   if (!(fps > 0)) return time;
@@ -8409,9 +8049,9 @@ function snapTimeToFrame(time, fps) {
   return Math.round(Math.round(time / frame) * frame * 1e3) / 1e3;
 }
 function coerceValue(property, value) {
-  const type = _nullishCoalesce(_optionalChain([property, 'optionalAccess', _223 => _223.type]), () => ( (typeof value === "string" && _chunk4BVP64JJcjs.normalizeTokenColor.call(void 0, value) !== null ? "color" : "number")));
+  const type = _nullishCoalesce(_optionalChain([property, 'optionalAccess', _222 => _222.type]), () => ( (typeof value === "string" && _chunkA6PHCAGXcjs.normalizeTokenColor.call(void 0, value) !== null ? "color" : "number")));
   if (type === "color") {
-    const color = _chunk4BVP64JJcjs.normalizeTokenColor.call(void 0, value);
+    const color = _chunkA6PHCAGXcjs.normalizeTokenColor.call(void 0, value);
     if (color === null) throw new AnimationEditError("invalid_value", `"${String(value)}" is not a colour.`);
     return color;
   }
@@ -8421,17 +8061,17 @@ function coerceValue(property, value) {
 }
 function coerceEasing(easing) {
   if (typeof easing === "string") {
-    const parsed = parseCssEasing(easing);
+    const parsed = _chunkTTYCN6ZHcjs.parseCssEasing.call(void 0, easing);
     if (parsed) return parsed;
-  } else if (isAnimationEasing(easing)) return easing;
+  } else if (_chunkTTYCN6ZHcjs.isAnimationEasing.call(void 0, easing)) return easing;
   throw new AnimationEditError("invalid_easing", `Unknown easing ${JSON.stringify(easing)}.`);
 }
 function coerceTime(time) {
   if (typeof time !== "number" || !Number.isFinite(time)) throw new AnimationEditError("invalid_time", `Invalid time ${String(time)}.`);
   return Math.max(0, time);
 }
-var Draft = (_class8 = class {
-  constructor(nodes, options = {}) {;_class8.prototype.__init20.call(this);_class8.prototype.__init21.call(this);
+var Draft = (_class7 = class {
+  constructor(nodes, options = {}) {;_class7.prototype.__init16.call(this);_class7.prototype.__init17.call(this);
     this.nodes = nodes;
     this.options = options;
     this.byId = new Map(nodes.map((n) => [n.id, n]));
@@ -8439,8 +8079,8 @@ var Draft = (_class8 = class {
   
   
   
-  __init20() {this.animations = /* @__PURE__ */ new Map()}
-  __init21() {this.nodeWrites = /* @__PURE__ */ new Map()}
+  __init16() {this.animations = /* @__PURE__ */ new Map()}
+  __init17() {this.nodeWrites = /* @__PURE__ */ new Map()}
   node(id) {
     const node = _nullishCoalesce(this.nodeWrites.get(id), () => ( this.byId.get(id)));
     if (!node) throw new AnimationEditError("unknown_node", `Node "${id}" does not exist.`);
@@ -8454,8 +8094,8 @@ var Draft = (_class8 = class {
     if (!animation) {
       const current = getNodeAnimation(this.node(id));
       const tracks = {};
-      for (const [key, track] of Object.entries(_nullishCoalesce(_optionalChain([current, 'optionalAccess', _224 => _224.tracks]), () => ( {})))) {
-        if (track) tracks[key] = { ...track, keyframes: normalizeKeyframes(track.keyframes) };
+      for (const [key, track] of Object.entries(_nullishCoalesce(_optionalChain([current, 'optionalAccess', _223 => _223.tracks]), () => ( {})))) {
+        if (track) tracks[key] = { ...track, keyframes: _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, track.keyframes) };
       }
       animation = { ..._nullishCoalesce(current, () => ( {})), tracks };
       this.animations.set(id, animation);
@@ -8463,7 +8103,7 @@ var Draft = (_class8 = class {
     return animation;
   }
   keys(id, property) {
-    return _nullishCoalesce(_optionalChain([this, 'access', _225 => _225.animation, 'call', _226 => _226(id), 'access', _227 => _227.tracks, 'access', _228 => _228[property], 'optionalAccess', _229 => _229.keyframes]), () => ( []));
+    return _nullishCoalesce(_optionalChain([this, 'access', _224 => _224.animation, 'call', _225 => _225(id), 'access', _226 => _226.tracks, 'access', _227 => _227[property], 'optionalAccess', _228 => _228.keyframes]), () => ( []));
   }
   track(id, property) {
     return this.animation(id).tracks[property];
@@ -8499,7 +8139,7 @@ var Draft = (_class8 = class {
       return animation ? withNodeAnimation(base, animation) : base;
     });
   }
-}, _class8);
+}, _class7);
 function validateRefs(draft, refs, allowEmpty = false) {
   if (!Array.isArray(refs) || !allowEmpty && refs.length === 0) throw new AnimationEditError("unknown_keyframe", "Name at least one keyframe.");
   if (refs.length > MAX_KEYFRAME_REFS) throw new AnimationEditError("too_many_keyframes", `At most ${MAX_KEYFRAME_REFS} keyframes per edit.`);
@@ -8525,7 +8165,7 @@ function readAnimatableValue(node, property) {
 function getAnimatedValue(node, propertyKey, time, options = {}) {
   const property = getAnimatableProperty(propertyKey, options);
   const track = getAnimationTrack(node, propertyKey);
-  if (track && track.enabled !== false) return evaluateTrack(track, time, _nullishCoalesce(_optionalChain([property, 'optionalAccess', _230 => _230.type]), () => ( "number")));
+  if (track && track.enabled !== false) return _chunkTTYCN6ZHcjs.evaluateTrack.call(void 0, track, time, _nullishCoalesce(_optionalChain([property, 'optionalAccess', _229 => _229.type]), () => ( "number")));
   return property ? readAnimatableValue(node, property) : void 0;
 }
 function putKey(draft, nodeId, property, time, value, easing, inherit = true) {
@@ -8535,7 +8175,7 @@ function putKey(draft, nodeId, property, time, value, easing, inherit = true) {
     keys[at] = { ...keys[at], value, ...easing !== void 0 ? { easing } : {} };
   } else {
     const before = [...keys].reverse().find((k) => k.time < time);
-    const inherited = _nullishCoalesce(easing, () => ( (inherit ? _optionalChain([before, 'optionalAccess', _231 => _231.easing]) : void 0)));
+    const inherited = _nullishCoalesce(easing, () => ( (inherit ? _optionalChain([before, 'optionalAccess', _230 => _230.easing]) : void 0)));
     keys.push({ time, value, ...inherited !== void 0 ? { easing: inherited } : {} });
   }
   draft.setKeys(nodeId, property, keys);
@@ -8627,7 +8267,7 @@ function removeTrack(nodes, nodeId, property, options = {}) {
   if (!track) return nodes;
   const p = draft.property(property);
   if (options.keepValueAt !== void 0 && p && property !== "motionPath") {
-    const value = evaluateTrack(track, options.keepValueAt, p.type);
+    const value = _chunkTTYCN6ZHcjs.evaluateTrack.call(void 0, track, options.keepValueAt, p.type);
     if (value !== void 0) draft.writeNode(nodeId, (n) => p.write(n, value));
   }
   draft.setKeys(nodeId, property, []);
@@ -8656,10 +8296,10 @@ function moveKeyframes(nodes, refs, delta, options = {}) {
     low = Math.max(low, min - time);
     high = Math.min(high, max - time);
   }
-  if (low > high + ANIMATION_TIME_EPSILON) throw new AnimationEditError("no_movement_range", "The keyframes have no common movement range.");
+  if (low > high + _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON) throw new AnimationEditError("no_movement_range", "The keyframes have no common movement range.");
   const applied = Math.min(high, Math.max(low, delta));
   const moved = refs.map((ref) => ({ ...ref, time: draft.keys(ref.nodeId, ref.property)[draft.find(ref)].time + applied }));
-  if (Math.abs(applied) <= ANIMATION_TIME_EPSILON) return { nodes, delta: 0, refs: refs.map((r) => ({ ...r })) };
+  if (Math.abs(applied) <= _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON) return { nodes, delta: 0, refs: refs.map((r) => ({ ...r })) };
   retime(draft, refs, (time) => time + applied);
   return { nodes: draft.commit(), delta: applied, refs: moved };
 }
@@ -8705,7 +8345,7 @@ function getKeyframeTimes(nodes, options = {}) {
     if (!animation) continue;
     for (const [property, track] of Object.entries(animation.tracks)) {
       const skip = _nullishCoalesce(excluded.get(refKey({ nodeId: node.id, property })), () => ( []));
-      for (const k of normalizeKeyframes(_optionalChain([track, 'optionalAccess', _232 => _232.keyframes]))) if (!skip.some((t) => sameTime(t, k.time))) times.push(k.time);
+      for (const k of _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, _optionalChain([track, 'optionalAccess', _231 => _231.keyframes]))) if (!skip.some((t) => sameTime(t, k.time))) times.push(k.time);
     }
   }
   times.sort((a, b) => a - b);
@@ -8763,7 +8403,7 @@ function parseKeyframeClipboard(input) {
   const clip = value;
   if (clip.type !== "pixerate/keyframes" || clip.version !== 1 || !Array.isArray(clip.keyframes)) return null;
   const keyframes = clip.keyframes.filter(
-    (k) => k && typeof k.nodeId === "string" && typeof k.property === "string" && typeof k.offset === "number" && Number.isFinite(k.offset) && (typeof k.value === "number" && Number.isFinite(k.value) || typeof k.value === "string") && (k.easing === void 0 || isAnimationEasing(k.easing))
+    (k) => k && typeof k.nodeId === "string" && typeof k.property === "string" && typeof k.offset === "number" && Number.isFinite(k.offset) && (typeof k.value === "number" && Number.isFinite(k.value) || typeof k.value === "string") && (k.easing === void 0 || _chunkTTYCN6ZHcjs.isAnimationEasing.call(void 0, k.easing))
   );
   return keyframes.length > 0 ? { type: "pixerate/keyframes", version: 1, keyframes } : null;
 }
@@ -8811,7 +8451,7 @@ function recordAnimationChanges(base, before, after, time, options = {}) {
     const animation = getNodeAnimation(stored);
     let result = next;
     let tracks = null;
-    const tracksOf = () => tracks ??= { ..._nullishCoalesce(_optionalChain([animation, 'optionalAccess', _233 => _233.tracks]), () => ( {})) };
+    const tracksOf = () => tracks ??= { ..._nullishCoalesce(_optionalChain([animation, 'optionalAccess', _232 => _232.tracks]), () => ( {})) };
     for (const p of properties) {
       const track = getAnimationTrack(stored, p.key);
       const animated = !!track && track.enabled !== false;
@@ -8824,16 +8464,16 @@ function recordAnimationChanges(base, before, after, time, options = {}) {
       };
       if (animated) {
         if (changed) {
-          const keys = normalizeKeyframes(track.keyframes).filter((k) => !sameTime(k.time, t));
+          const keys = _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, track.keyframes).filter((k) => !sameTime(k.time, t));
           const before2 = [...keys].reverse().find((k) => k.time < t);
-          keys.push({ time: t, value: now, ..._optionalChain([before2, 'optionalAccess', _234 => _234.easing]) !== void 0 ? { easing: before2.easing } : {} });
+          keys.push({ time: t, value: now, ..._optionalChain([before2, 'optionalAccess', _233 => _233.easing]) !== void 0 ? { easing: before2.easing } : {} });
           tracksOf()[p.key] = { ...track, keyframes: keys.sort((a, b) => a.time - b.time) };
           keyed.push({ nodeId: next.id, property: p.key, time: t });
         }
         restore();
       } else if (changed && options.recording && !track) {
         const keys = [];
-        if (t > ANIMATION_TIME_EPSILON && was !== void 0) keys.push({ time: 0, value: was });
+        if (t > _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON && was !== void 0) keys.push({ time: 0, value: was });
         keys.push({ time: t, value: now });
         tracksOf()[p.key] = { keyframes: keys };
         keyed.push({ nodeId: next.id, property: p.key, time: t });
@@ -8858,10 +8498,10 @@ function animateNode(nodes, nodeId, options) {
   const writes = [];
   for (const [key, target] of entries) {
     const p = draft.property(key);
-    if (!p || key === "motionPath" && !_optionalChain([getNodeAnimation, 'call', _235 => _235(node), 'optionalAccess', _236 => _236.motionPath])) {
+    if (!p || key === "motionPath" && !_optionalChain([getNodeAnimation, 'call', _234 => _234(node), 'optionalAccess', _235 => _235.motionPath])) {
       throw new AnimationEditError("unknown_property", `"${key}" cannot be animated${p ? " without a motion path" : ""}.`);
     }
-    const from = _nullishCoalesce(_optionalChain([options, 'access', _237 => _237.from, 'optionalAccess', _238 => _238[key]]), () => ( (key === "motionPath" ? 0 : getAnimatedValue(node, key, start, options))));
+    const from = _nullishCoalesce(_optionalChain([options, 'access', _236 => _236.from, 'optionalAccess', _237 => _237[key]]), () => ( (key === "motionPath" ? 0 : getAnimatedValue(node, key, start, options))));
     if (from === void 0) throw new AnimationEditError("invalid_value", `"${nodeId}" has no ${key} to animate from; pass "from".`);
     writes.push([key, coerceValue(p, from), coerceValue(p, target)]);
   }
@@ -8873,212 +8513,6 @@ function animateNode(nodes, nodeId, options) {
   return { nodes: draft.commit(), refs };
 }
 
-// src/canvas/animation/player.ts
-var AnimationPlayer = (_class9 = class {
-  
-  
-  
-  
-  
-  __init22() {this.playing = false}
-  __init23() {this.scrubbing = false}
-  __init24() {this.resumeAfterScrub = false}
-  
-  
-  /** Unwrapped time at `anchorAt` (keeps the ping-pong direction across frames). */
-  __init25() {this.anchorRaw = 0}
-  __init26() {this.anchorAt = 0}
-  __init27() {this.generation = 0}
-  
-  __init28() {this.listeners = /* @__PURE__ */ new Set()}
-  constructor(options = {}) {;_class9.prototype.__init22.call(this);_class9.prototype.__init23.call(this);_class9.prototype.__init24.call(this);_class9.prototype.__init25.call(this);_class9.prototype.__init26.call(this);_class9.prototype.__init27.call(this);_class9.prototype.__init28.call(this);
-    this.clock = _nullishCoalesce(options.clock, () => ( realClock));
-    this.durationSource = _nullishCoalesce(options.duration, () => ( 1e3));
-    this.loop = _nullishCoalesce(options.loop, () => ( "none"));
-    this.rate = Number.isFinite(options.playbackRate) && options.playbackRate !== 0 ? options.playbackRate : 1;
-    this.onTime = options.onTime;
-    this.onEnd = options.onEnd;
-    this.time = this.clamp(_nullishCoalesce(options.time, () => ( 0)));
-    this.cached = this.snapshot();
-  }
-  /** Current timeline length (ms). */
-  get duration() {
-    const d = typeof this.durationSource === "function" ? this.durationSource() : this.durationSource;
-    return Number.isFinite(d) && d > 0 ? d : 0;
-  }
-  get currentTime() {
-    return this.time;
-  }
-  get isPlaying() {
-    return this.playing;
-  }
-  getState() {
-    return this.cached;
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-  /** Replaces the callbacks (hooks keep them current without recreating the player). */
-  setCallbacks(callbacks) {
-    this.onTime = callbacks.onTime;
-    this.onEnd = callbacks.onEnd;
-  }
-  setDuration(duration) {
-    this.durationSource = duration;
-    this.time = this.clamp(this.time);
-    this.emit(false);
-  }
-  setLoop(loop) {
-    if (loop === this.loop) return;
-    this.reanchor();
-    this.loop = loop;
-    this.emit(false);
-  }
-  setPlaybackRate(rate) {
-    if (!Number.isFinite(rate) || rate === 0 || rate === this.rate) return;
-    this.reanchor();
-    this.rate = rate;
-    this.emit(false);
-  }
-  /** Starts playing from the playhead (from the start again when a one-shot play had ended). */
-  play() {
-    if (this.playing) return;
-    const d = this.duration;
-    if (this.loop === "none" && d > 0) {
-      if (this.rate > 0 && this.time >= d) this.time = 0;
-      if (this.rate < 0 && this.time <= 0) this.time = d;
-    }
-    this.playing = true;
-    this.scrubbing = false;
-    this.anchorRaw = this.time;
-    this.anchorAt = this.clock.now();
-    this.emit(false);
-    this.schedule();
-  }
-  pause() {
-    if (!this.playing) return;
-    this.tick(false);
-    this.playing = false;
-    this.generation++;
-    this.emit(true);
-  }
-  toggle() {
-    if (this.playing) this.pause();
-    else this.play();
-  }
-  /** Pauses and returns to the start. */
-  stop() {
-    this.playing = false;
-    this.generation++;
-    this.seek(0);
-  }
-  /** Moves the playhead (clamped to the timeline); playback continues from there. */
-  seek(time) {
-    if (!Number.isFinite(time)) return;
-    this.time = this.clamp(time);
-    this.anchorRaw = this.time;
-    this.anchorAt = this.clock.now();
-    this.emit(true);
-  }
-  /** Seeks while dragging the playhead: playback pauses until `endScrub`. */
-  scrub(time) {
-    if (!this.scrubbing) {
-      this.resumeAfterScrub = this.playing;
-      if (this.playing) {
-        this.playing = false;
-        this.generation++;
-      }
-      this.scrubbing = true;
-    }
-    this.seek(time);
-  }
-  /** Ends a scrub, resuming playback if it was playing when the scrub began. */
-  endScrub() {
-    if (!this.scrubbing) return;
-    this.scrubbing = false;
-    const resume = this.resumeAfterScrub;
-    this.resumeAfterScrub = false;
-    if (resume) this.play();
-    else this.emit(false);
-  }
-  /** Stops scheduling frames and drops listeners. */
-  destroy() {
-    this.playing = false;
-    this.generation++;
-    this.listeners.clear();
-  }
-  clamp(time) {
-    return Math.min(this.duration, Math.max(0, Number.isFinite(time) ? time : 0));
-  }
-  reanchor() {
-    if (!this.playing) return;
-    this.tick(false);
-    this.anchorRaw = this.rawNow();
-    this.anchorAt = this.clock.now();
-  }
-  rawNow() {
-    return this.anchorRaw + (this.clock.now() - this.anchorAt) * this.rate;
-  }
-  schedule() {
-    const generation = this.generation;
-    this.clock.frame().then(() => {
-      if (generation !== this.generation || !this.playing) return;
-      this.tick(true);
-      if (this.playing) this.schedule();
-    });
-  }
-  /** Advances the playhead to the clock's time; `notify` emits the change. */
-  tick(notify) {
-    if (!this.playing) return;
-    const d = this.duration;
-    const raw = this.rawNow();
-    let ended = false;
-    if (this.loop === "none" || d <= 0) {
-      if (this.rate > 0 && raw >= d) {
-        this.time = d;
-        ended = true;
-      } else if (this.rate < 0 && raw <= 0) {
-        this.time = 0;
-        ended = true;
-      } else this.time = this.clamp(raw);
-    } else {
-      this.time = wrapAnimationTime(raw, d, this.loop);
-    }
-    if (ended) {
-      this.playing = false;
-      this.generation++;
-    }
-    if (notify || ended) this.emit(true);
-    if (ended) _optionalChain([this, 'access', _239 => _239.onEnd, 'optionalCall', _240 => _240()]);
-  }
-  snapshot() {
-    return {
-      time: this.time,
-      playing: this.playing,
-      scrubbing: this.scrubbing,
-      loop: this.loop,
-      playbackRate: this.rate,
-      duration: this.duration
-    };
-  }
-  emit(timeChanged) {
-    const next = this.snapshot();
-    const prev = this.cached;
-    if (prev.time === next.time && prev.playing === next.playing && prev.scrubbing === next.scrubbing && prev.loop === next.loop && prev.playbackRate === next.playbackRate && prev.duration === next.duration) {
-      return;
-    }
-    this.cached = next;
-    if (timeChanged && prev.time !== next.time) _optionalChain([this, 'access', _241 => _241.onTime, 'optionalCall', _242 => _242(next.time)]);
-    for (const listener of this.listeners) listener(next);
-  }
-}, _class9);
-function createAnimationPlayer(options) {
-  return new AnimationPlayer(options);
-}
-
 // src/canvas/animation/export.ts
 function sampleAnimationFrames(doc, options = {}) {
   const fps = _nullishCoalesce(options.fps, () => ( 30));
@@ -9109,22 +8543,22 @@ var CSS_ANIMATION_PROPERTIES = {
   width: { css: "width", camel: "width" },
   height: { css: "height", camel: "height" }
 };
-var round2 = (v) => Math.round(v * 1e3) / 1e3;
+var round = (v) => Math.round(v * 1e3) / 1e3;
 function cssValue(source, value, node, partner, partnerSource) {
   if (source === "x" || source === "y") {
     const dx = source === "x" ? value - node.position.x : partner !== void 0 ? partner - node.position.x : 0;
     const dy = source === "y" ? value - node.position.y : partner !== void 0 && partnerSource === "y" ? partner - node.position.y : 0;
-    return `${round2(dx)}px ${round2(dy)}px`;
+    return `${round(dx)}px ${round(dy)}px`;
   }
   if (typeof value === "string") return value;
   switch (source) {
     case "rotation":
-      return `${round2(value)}deg`;
+      return `${round(value)}deg`;
     case "scale":
     case "opacity":
-      return String(round2(value));
+      return String(round(value));
     default:
-      return `${round2(value)}px`;
+      return `${round(value)}px`;
   }
 }
 var sameTimes = (a, b) => a.length === b.length && a.every((k, i) => Math.abs(k.time - b[i].time) < 1e-6 && JSON.stringify(_nullishCoalesce(k.easing, () => ( "linear"))) === JSON.stringify(_nullishCoalesce(b[i].easing, () => ( "linear"))));
@@ -9142,7 +8576,7 @@ function exactStops(keys, duration, format) {
     stops.push({
       offset: Math.min(1, Math.max(0, k.time / duration)),
       value: format(k, i),
-      ...next ? { easing: easingToCss(k.easing, next.time - k.time) } : {}
+      ...next ? { easing: _chunkTTYCN6ZHcjs.easingToCss.call(void 0, k.easing, next.time - k.time) } : {}
     });
   });
   const last = keys[keys.length - 1];
@@ -9166,10 +8600,10 @@ function getCssPropertyAnimations(nodes, nodeId, options = {}) {
   const tracks = /* @__PURE__ */ new Map();
   for (const [key, track] of Object.entries(animation.tracks)) {
     if (!track || track.enabled === false || !map[key]) continue;
-    const keys = normalizeKeyframes(track.keyframes);
+    const keys = _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, track.keyframes);
     if (keys.length > 0) tracks.set(key, keys);
   }
-  const typeOf = (key) => _nullishCoalesce(_optionalChain([ANIMATABLE_PROPERTIES, 'access', _243 => _243.find, 'call', _244 => _244((p) => p.key === key), 'optionalAccess', _245 => _245.type]), () => ( "number"));
+  const typeOf = (key) => _nullishCoalesce(_optionalChain([ANIMATABLE_PROPERTIES, 'access', _238 => _238.find, 'call', _239 => _239((p) => p.key === key), 'optionalAccess', _240 => _240.type]), () => ( "number"));
   const groups = /* @__PURE__ */ new Map();
   for (const key of tracks.keys()) {
     const css = map[key].css;
@@ -9179,12 +8613,12 @@ function getCssPropertyAnimations(nodes, nodeId, options = {}) {
   for (const [css, sources] of groups) {
     const camel2 = map[sources[0]].camel;
     const keysOf = (k) => tracks.get(k);
-    const evalAt = (k, t) => evaluateTrack(keysOf(k), t, typeOf(k));
+    const evalAt = (k, t) => _chunkTTYCN6ZHcjs.evaluateTrack.call(void 0, keysOf(k), t, typeOf(k));
     const allTimes = sources.flatMap((k) => keysOf(k).map((x) => x.time));
     if (sources.includes("motionPath")) {
       const position = (t) => {
         const moved = ANIMATABLE_PROPERTIES.find((p) => p.key === "motionPath").write(node, evalAt("motionPath", t));
-        return `${round2(moved.position.x - node.position.x)}px ${round2(moved.position.y - node.position.y)}px`;
+        return `${round(moved.position.x - node.position.x)}px ${round(moved.position.y - node.position.y)}px`;
       };
       out.push({ property: css, camel: camel2, sources, stops: sampledStops(duration, fps, allTimes, position), exact: false });
       continue;
@@ -9219,7 +8653,7 @@ function timing(options, duration) {
   const rate = options.playbackRate && Number.isFinite(options.playbackRate) && options.playbackRate !== 0 ? options.playbackRate : 1;
   const loop = _nullishCoalesce(options.loop, () => ( "none"));
   return {
-    duration: round2(duration / Math.abs(rate)),
+    duration: round(duration / Math.abs(rate)),
     iterations: loop === "none" ? 1 : Infinity,
     direction: loop === "ping-pong" ? rate < 0 ? "alternate-reverse" : "alternate" : rate < 0 ? "reverse" : "normal"
   };
@@ -9236,7 +8670,7 @@ function exportCssAnimation(nodes, nodeId, options = {}) {
   for (const prop of props) {
     const name = `${base}-${cssIdent(prop.property)}`;
     const lines = prop.stops.map((s) => {
-      const pct = `${round2(s.offset * 100)}%`;
+      const pct = `${round(s.offset * 100)}%`;
       const easing = s.easing ? ` animation-timing-function: ${s.easing};` : "";
       return `  ${pct} { ${prop.property}: ${s.value};${easing} }`;
     });
@@ -9275,9 +8709,9 @@ function isCssExportExact(nodes, nodeId) {
 
 // src/canvas/animation/timeline.ts
 function isKeyframeSelected(selection, ref) {
-  return selection.some((s) => s.nodeId === ref.nodeId && s.property === ref.property && Math.abs(s.time - ref.time) <= ANIMATION_TIME_EPSILON);
+  return selection.some((s) => s.nodeId === ref.nodeId && s.property === ref.property && Math.abs(s.time - ref.time) <= _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON);
 }
-var defaultLabel = (node) => typeof _optionalChain([node, 'access', _246 => _246.data, 'optionalAccess', _247 => _247.label]) === "string" && node.data.label.trim() ? node.data.label : node.id;
+var defaultLabel = (node) => typeof _optionalChain([node, 'access', _241 => _241.data, 'optionalAccess', _242 => _242.label]) === "string" && node.data.label.trim() ? node.data.label : node.id;
 function getTimelineRows(nodes, ids, options = {}) {
   const byId = new Map(nodes.map((n) => [n.id, n]));
   const selection = _nullishCoalesce(options.selection, () => ( []));
@@ -9288,7 +8722,7 @@ function getTimelineRows(nodes, ids, options = {}) {
     if (!node) continue;
     for (const property of getAnimatedProperties(node, options)) {
       const track = getAnimationTrack(node, property);
-      const label = _nullishCoalesce(_optionalChain([(_nullishCoalesce(options.properties, () => ( ANIMATABLE_PROPERTIES))), 'access', _248 => _248.find, 'call', _249 => _249((p) => p.key === property), 'optionalAccess', _250 => _250.label]), () => ( property));
+      const label = _nullishCoalesce(_optionalChain([(_nullishCoalesce(options.properties, () => ( ANIMATABLE_PROPERTIES))), 'access', _243 => _243.find, 'call', _244 => _244((p) => p.key === property), 'optionalAccess', _245 => _245.label]), () => ( property));
       rows.push({
         id: `${id}:${property}`,
         nodeId: id,
@@ -9296,7 +8730,7 @@ function getTimelineRows(nodes, ids, options = {}) {
         property,
         label,
         enabled: track.enabled !== false,
-        keyframes: normalizeKeyframes(track.keyframes).map((k) => {
+        keyframes: _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, track.keyframes).map((k) => {
           const ref = { nodeId: id, property, time: k.time };
           const selected = isKeyframeSelected(selection, ref);
           return {
@@ -9356,12 +8790,12 @@ function createCanvasAnimationController(options) {
     }
     return _nullishCoalesce(fixedDuration, () => ( durationValue));
   };
-  const player = new AnimationPlayer({
+  const player = new (0, _chunkTTYCN6ZHcjs.AnimationPlayer)({
     clock: options.clock,
     duration,
     loop: options.loop,
     playbackRate: options.playbackRate,
-    onTime: (time) => _optionalChain([options, 'access', _251 => _251.onTime, 'optionalCall', _252 => _252(time)])
+    onTime: (time) => _optionalChain([options, 'access', _246 => _246.onTime, 'optionalCall', _247 => _247(time)])
   });
   let cached = null;
   const snapshot = () => ({
@@ -9383,18 +8817,18 @@ function createCanvasAnimationController(options) {
   };
   const notify = () => {
     const state = getState();
-    _optionalChain([options, 'access', _253 => _253.onChange, 'optionalCall', _254 => _254(state)]);
+    _optionalChain([options, 'access', _248 => _248.onChange, 'optionalCall', _249 => _249(state)]);
     for (const listener of listeners) listener(state);
   };
   player.subscribe(notify);
-  const selectedIds = () => _nullishCoalesce(_optionalChain([options, 'access', _255 => _255.getSelectedIds, 'optionalCall', _256 => _256()]), () => ( options.getNodes().filter((n) => n.selected).map((n) => n.id)));
+  const selectedIds = () => _nullishCoalesce(_optionalChain([options, 'access', _250 => _250.getSelectedIds, 'optionalCall', _251 => _251()]), () => ( options.getNodes().filter((n) => n.selected).map((n) => n.id)));
   const KEEP_FIELDS = ["selected", "dragging", "measured"];
   const replaceNodes = (nodes, replacements, animationOnly = false) => nodes.map((node) => {
     const replacement = replacements.get(node.id);
     if (!replacement) return node;
     if (animationOnly) {
       const data = { ..._nullishCoalesce(node.data, () => ( {})) };
-      const value = _optionalChain([replacement, 'access', _257 => _257.data, 'optionalAccess', _258 => _258[ANIMATION_DATA_KEY]]);
+      const value = _optionalChain([replacement, 'access', _252 => _252.data, 'optionalAccess', _253 => _253[ANIMATION_DATA_KEY]]);
       if (value === void 0) delete data[ANIMATION_DATA_KEY];
       else data[ANIMATION_DATA_KEY] = value;
       return { ...node, data };
@@ -9421,7 +8855,7 @@ function createCanvasAnimationController(options) {
       }
     }
     if (redoMap.size === 0) return false;
-    const scope = _nullishCoalesce(_optionalChain([merge, 'optionalAccess', _259 => _259.animationOnly]), () => ( false));
+    const scope = _nullishCoalesce(_optionalChain([merge, 'optionalAccess', _254 => _254.animationOnly]), () => ( false));
     const execute = () => options.setNodes(replaceNodes(options.getNodes(), redoMap, scope));
     const undo = () => options.setNodes(replaceNodes(options.getNodes(), undoMap, scope));
     const command = { name, execute, undo, ...merge ? { tag: merge.tag } : {} };
@@ -9434,8 +8868,8 @@ function createCanvasAnimationController(options) {
     if (selection.length === 0) return;
     const byId = new Map(options.getNodes().map((n) => [n.id, n]));
     const kept = selection.filter((ref) => {
-      const track = _optionalChain([getNodeAnimation, 'call', _260 => _260(byId.get(ref.nodeId)), 'optionalAccess', _261 => _261.tracks, 'access', _262 => _262[ref.property]]);
-      return !!track && normalizeKeyframes(track.keyframes).some((k) => Math.abs(k.time - ref.time) <= ANIMATION_TIME_EPSILON);
+      const track = _optionalChain([getNodeAnimation, 'call', _255 => _255(byId.get(ref.nodeId)), 'optionalAccess', _256 => _256.tracks, 'access', _257 => _257[ref.property]]);
+      return !!track && _chunkTTYCN6ZHcjs.normalizeKeyframes.call(void 0, track.keyframes).some((k) => Math.abs(k.time - ref.time) <= _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON);
     });
     if (kept.length !== selection.length) selection = kept;
   }
@@ -9507,7 +8941,7 @@ function createCanvasAnimationController(options) {
     nextKeyframe(ids = selectedIds()) {
       const list = [...ids];
       const times = getKeyframeTimes(options.getNodes(), list.length ? { ids: list } : {});
-      const next = times.find((t) => t > player.currentTime + ANIMATION_TIME_EPSILON);
+      const next = times.find((t) => t > player.currentTime + _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON);
       if (next === void 0) return null;
       player.seek(next);
       return next;
@@ -9515,7 +8949,7 @@ function createCanvasAnimationController(options) {
     previousKeyframe(ids = selectedIds()) {
       const list = [...ids];
       const times = getKeyframeTimes(options.getNodes(), list.length ? { ids: list } : {});
-      const prev = [...times].reverse().find((t) => t < player.currentTime - ANIMATION_TIME_EPSILON);
+      const prev = [...times].reverse().find((t) => t < player.currentTime - _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON);
       if (prev === void 0) return null;
       player.seek(prev);
       return prev;
@@ -9541,13 +8975,13 @@ function createCanvasAnimationController(options) {
       const baseById = new Map(base.map((n) => [n.id, n]));
       const staticNodes = nodes.map((n) => {
         if (!ids.has(n.id)) return n;
-        const old = _optionalChain([baseById, 'access', _263 => _263.get, 'call', _264 => _264(n.id), 'optionalAccess', _265 => _265.data, 'optionalAccess', _266 => _266[ANIMATION_DATA_KEY]]);
+        const old = _optionalChain([baseById, 'access', _258 => _258.get, 'call', _259 => _259(n.id), 'optionalAccess', _260 => _260.data, 'optionalAccess', _261 => _261[ANIMATION_DATA_KEY]]);
         const data = { ..._nullishCoalesce(n.data, () => ( {})) };
         if (old === void 0) delete data[ANIMATION_DATA_KEY];
         else data[ANIMATION_DATA_KEY] = old;
         return { ...n, data };
       });
-      const animationOf = new Map(nodes.filter((n) => ids.has(n.id)).map((n) => [n.id, _optionalChain([n, 'access', _267 => _267.data, 'optionalAccess', _268 => _268[ANIMATION_DATA_KEY]])]));
+      const animationOf = new Map(nodes.filter((n) => ids.has(n.id)).map((n) => [n.id, _optionalChain([n, 'access', _262 => _262.data, 'optionalAccess', _263 => _263[ANIMATION_DATA_KEY]])]));
       options.setNodes(staticNodes);
       const tag = `animation.record:${[...ids].sort().join(",")}`;
       commit(
@@ -9749,7 +9183,7 @@ function createCanvasAnimationController(options) {
     // ----- views & export ---------------------------------------------------------------
     /** Timeline rows for `ids` (default: selected nodes), including the drag preview. */
     timelineRows(ids = selectedIds(), opts = {}) {
-      return getTimelineRows(options.getNodes(), ids, { ...propertyOptions(), ...opts, selection, dragDelta: _nullishCoalesce(_optionalChain([drag, 'optionalAccess', _269 => _269.delta]), () => ( 0)) });
+      return getTimelineRows(options.getNodes(), ids, { ...propertyOptions(), ...opts, selection, dragDelta: _nullishCoalesce(_optionalChain([drag, 'optionalAccess', _264 => _264.delta]), () => ( 0)) });
     },
     sampleFrames(opts = {}) {
       return sampleAnimationFrames(options.getNodes(), { fps, duration: duration(), ...propertyOptions(), ...opts });
@@ -9779,7 +9213,7 @@ var COMPONENT_OVERRIDES_DATA_KEY = "componentOverrides";
 var COMPONENT_PROPERTY_REFS_DATA_KEY = "componentPropertyRefs";
 var MAX_DEPTH = 16;
 var isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
-var dataOf = (node) => isRecord(_optionalChain([node, 'optionalAccess', _270 => _270.data])) ? node.data : {};
+var dataOf = (node) => isRecord(_optionalChain([node, 'optionalAccess', _265 => _265.data])) ? node.data : {};
 function same(a, b) {
   if (a === b) return true;
   if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) {
@@ -9833,7 +9267,7 @@ function getComponentPropertyRefs(node) {
 function getLayerName(node) {
   const d = dataOf(node);
   for (const key of ["name", "label", "text"]) if (typeof d[key] === "string" && d[key]) return d[key];
-  return typeof _optionalChain([node, 'optionalAccess', _271 => _271.type]) === "string" ? node.type : "";
+  return typeof _optionalChain([node, 'optionalAccess', _266 => _266.type]) === "string" ? node.type : "";
 }
 function withData(node, data) {
   return { ...node, data };
@@ -9926,9 +9360,9 @@ function readOverrideGroup(node, group) {
     case "size":
       return sizeOf(node);
     case "component":
-      return _optionalChain([getInstanceData, 'call', _272 => _272(node), 'optionalAccess', _273 => _273.componentId]);
+      return _optionalChain([getInstanceData, 'call', _267 => _267(node), 'optionalAccess', _268 => _268.componentId]);
     case "props":
-      return _nullishCoalesce(_optionalChain([getInstanceData, 'call', _274 => _274(node), 'optionalAccess', _275 => _275.properties]), () => ( {}));
+      return _nullishCoalesce(_optionalChain([getInstanceData, 'call', _269 => _269(node), 'optionalAccess', _270 => _270.properties]), () => ( {}));
   }
   const [kind, key] = splitGroup(group);
   switch (kind) {
@@ -10052,8 +9486,8 @@ function copyGroups(from, to, groups) {
 function fieldGroup(field) {
   return field === "visible" ? "hidden" : field;
 }
-var Graph = (_class10 = class {
-  constructor(nodes) {;_class10.prototype.__init29.call(this);
+var Graph = (_class8 = class {
+  constructor(nodes) {;_class8.prototype.__init18.call(this);
     this.nodes = nodes;
     this.byId = new Map(nodes.map((n) => [n.id, n]));
     for (const n of nodes) {
@@ -10065,7 +9499,7 @@ var Graph = (_class10 = class {
   }
   
   
-  __init29() {this.kids = /* @__PURE__ */ new Map()}
+  __init18() {this.kids = /* @__PURE__ */ new Map()}
   get(id) {
     return id === void 0 ? void 0 : this.byId.get(id);
   }
@@ -10107,13 +9541,13 @@ var Graph = (_class10 = class {
     }
     return out;
   }
-}, _class10);
-var owningComponentIn = (g, id) => _optionalChain([g, 'access', _276 => _276.chain, 'call', _277 => _277(id), 'access', _278 => _278.find, 'call', _279 => _279(isCanvasComponent), 'optionalAccess', _280 => _280.id]);
-var owningInstanceIn = (g, id) => _optionalChain([g, 'access', _281 => _281.chain, 'call', _282 => _282(id), 'access', _283 => _283.find, 'call', _284 => _284(isCanvasInstance), 'optionalAccess', _285 => _285.id]);
-var enclosingInstanceIn = (g, id) => _optionalChain([g, 'access', _286 => _286.chain, 'call', _287 => _287(id, false), 'access', _288 => _288.find, 'call', _289 => _289(isCanvasInstance), 'optionalAccess', _290 => _290.id]);
+}, _class8);
+var owningComponentIn = (g, id) => _optionalChain([g, 'access', _271 => _271.chain, 'call', _272 => _272(id), 'access', _273 => _273.find, 'call', _274 => _274(isCanvasComponent), 'optionalAccess', _275 => _275.id]);
+var owningInstanceIn = (g, id) => _optionalChain([g, 'access', _276 => _276.chain, 'call', _277 => _277(id), 'access', _278 => _278.find, 'call', _279 => _279(isCanvasInstance), 'optionalAccess', _280 => _280.id]);
+var enclosingInstanceIn = (g, id) => _optionalChain([g, 'access', _281 => _281.chain, 'call', _282 => _282(id, false), 'access', _283 => _283.find, 'call', _284 => _284(isCanvasInstance), 'optionalAccess', _285 => _285.id]);
 function rootInstanceIn(g, id) {
   const list = g.chain(id).filter(isCanvasInstance);
-  return _optionalChain([list, 'access', _291 => _291[list.length - 1], 'optionalAccess', _292 => _292.id]);
+  return _optionalChain([list, 'access', _286 => _286[list.length - 1], 'optionalAccess', _287 => _287.id]);
 }
 function variantSetIn(g, componentId) {
   const comp = g.get(componentId);
@@ -10122,7 +9556,7 @@ function variantSetIn(g, componentId) {
   return isCanvasComponentSet(parent) ? parent : void 0;
 }
 function getVariantValues(node) {
-  const explicit = _optionalChain([getComponentData, 'call', _293 => _293(node), 'optionalAccess', _294 => _294.variant]);
+  const explicit = _optionalChain([getComponentData, 'call', _288 => _288(node), 'optionalAccess', _289 => _289.variant]);
   if (isRecord(explicit) && Object.keys(explicit).length) return stringRecord2(explicit);
   const name = getLayerName(node);
   return name.includes("=") ? parseVariantName(name) : {};
@@ -10165,7 +9599,7 @@ function defaultVariantIn(g, setId) {
       best = { key, id: v.id };
     }
   }
-  return _optionalChain([best, 'optionalAccess', _295 => _295.id]);
+  return _optionalChain([best, 'optionalAccess', _290 => _290.id]);
 }
 function findVariantIn(g, setId, wanted) {
   const entries = Object.entries(wanted);
@@ -10176,7 +9610,7 @@ function findVariantIn(g, setId, wanted) {
     if (score === entries.length) return v.id;
     if (!best || score > best.score) best = { score, id: v.id };
   }
-  return _optionalChain([best, 'optionalAccess', _296 => _296.id]);
+  return _optionalChain([best, 'optionalAccess', _291 => _291.id]);
 }
 function mainOfIn(g, id) {
   const node = g.get(id);
@@ -10190,7 +9624,7 @@ function propertyDefsIn(g, componentId) {
   if (!isCanvasComponent(comp)) return {};
   const set = variantSetIn(g, componentId);
   const owner = set ? dataOf(set)[COMPONENT_SET_DATA_KEY] : dataOf(comp)[COMPONENT_DATA_KEY];
-  return isRecord(_optionalChain([owner, 'optionalAccess', _297 => _297.properties])) ? owner.properties : {};
+  return isRecord(_optionalChain([owner, 'optionalAccess', _292 => _292.properties])) ? owner.properties : {};
 }
 function validValue(def, v) {
   return def.type === "boolean" ? typeof v === "boolean" : typeof v === "string";
@@ -10198,7 +9632,7 @@ function validValue(def, v) {
 function effectivePropsIn(g, componentId, values) {
   const out = {};
   for (const [k, def] of Object.entries(propertyDefsIn(g, componentId))) {
-    const v = _optionalChain([values, 'optionalAccess', _298 => _298[k]]);
+    const v = _optionalChain([values, 'optionalAccess', _293 => _293[k]]);
     out[k] = v !== void 0 && validValue(def, v) ? v : def.default;
   }
   return out;
@@ -10209,7 +9643,7 @@ function componentDepsIn(g, componentId) {
   while (queue.length) {
     const c = queue.pop();
     for (const id of g.subtree(c)) {
-      const target = _optionalChain([getInstanceData, 'call', _299 => _299(g.get(id)), 'optionalAccess', _300 => _300.componentId]);
+      const target = _optionalChain([getInstanceData, 'call', _294 => _294(g.get(id)), 'optionalAccess', _295 => _295.componentId]);
       if (target && !deps.has(target)) {
         deps.add(target);
         queue.push(target);
@@ -10243,7 +9677,7 @@ function isInsideInstance(nodes, id) {
   return enclosingInstanceIn(new Graph(nodes), id) !== void 0;
 }
 function getComponentInstances(nodes, componentId) {
-  return nodes.filter((n) => _optionalChain([getInstanceData, 'call', _301 => _301(n), 'optionalAccess', _302 => _302.componentId]) === componentId).map((n) => n.id);
+  return nodes.filter((n) => _optionalChain([getInstanceData, 'call', _296 => _296(n), 'optionalAccess', _297 => _297.componentId]) === componentId).map((n) => n.id);
 }
 function getInstanceStatus(nodes, id) {
   const g = new Graph(nodes);
@@ -10252,7 +9686,7 @@ function getInstanceStatus(nodes, id) {
   return isCanvasComponent(g.get(inst.componentId)) ? "linked" : "missing-main";
 }
 function getVariantSet(nodes, componentId) {
-  return _optionalChain([variantSetIn, 'call', _303 => _303(new Graph(nodes), componentId), 'optionalAccess', _304 => _304.id]);
+  return _optionalChain([variantSetIn, 'call', _298 => _298(new Graph(nodes), componentId), 'optionalAccess', _299 => _299.id]);
 }
 function getVariantOptions(nodes, setId) {
   return variantOptionsIn(new Graph(nodes), setId);
@@ -10283,7 +9717,7 @@ function listCanvasComponents(nodes) {
   const g = new Graph(nodes);
   const counts = /* @__PURE__ */ new Map();
   for (const n of nodes) {
-    const c = _optionalChain([getInstanceData, 'call', _305 => _305(n), 'optionalAccess', _306 => _306.componentId]);
+    const c = _optionalChain([getInstanceData, 'call', _300 => _300(n), 'optionalAccess', _301 => _301.componentId]);
     if (c) counts.set(c, (_nullishCoalesce(counts.get(c), () => ( 0))) + 1);
   }
   const components = [];
@@ -10389,7 +9823,7 @@ function rootReference(g, comp) {
   return "label" in dataOf(comp) && typeof label === "string" ? withData(comp, { ...dataOf(comp), label }) : comp;
 }
 function fixMeasured(node, old) {
-  const measured2 = _nullishCoalesce(_optionalChain([old, 'optionalAccess', _307 => _307.measured]), () => ( node.measured));
+  const measured2 = _nullishCoalesce(_optionalChain([old, 'optionalAccess', _302 => _302.measured]), () => ( node.measured));
   const size = sizeOf(node);
   const w = _nullishCoalesce(size.width, () => ( size.styleWidth));
   const h = _nullishCoalesce(size.height, () => ( size.styleHeight));
@@ -10582,10 +10016,10 @@ function buildInstance(g, instId, opts, taken) {
       if (nested && depth < MAX_DEPTH) {
         const target = nested.componentId;
         instProps.set(id, effectivePropsIn(g, target, nested.properties));
-        if (_optionalChain([getInstanceData, 'call', _308 => _308(s), 'optionalAccess', _309 => _309.componentId]) !== target) {
+        if (_optionalChain([getInstanceData, 'call', _303 => _303(s), 'optionalAccess', _304 => _304.componentId]) !== target) {
           const main = g.get(target);
           if (isCanvasComponent(main) && !expanding.includes(target) && !g.isAncestor(target, instId)) {
-            const previousComponent = o ? _optionalChain([getInstanceData, 'call', _310 => _310(o), 'optionalAccess', _311 => _311.componentId]) : void 0;
+            const previousComponent = o ? _optionalChain([getInstanceData, 'call', _305 => _305(o), 'optionalAccess', _306 => _306.componentId]) : void 0;
             n = applyChainProps(instanceRoot(main, s, o, id, newParent, sid, nested, previousComponent, false), s, enc);
             out.push(n);
             copyChildren(target, id, path, [id], [...expanding, target], depth + 1);
@@ -10653,7 +10087,7 @@ function rebuildBatch(nodes, ids, opts) {
   if (opts.layout) {
     const lookup = new Map(result.map((n) => [n.id, n]));
     const inFrames = [...built.keys()].filter((r) => {
-      const parent = lookup.get(_nullishCoalesce(_optionalChain([lookup, 'access', _312 => _312.get, 'call', _313 => _313(r), 'optionalAccess', _314 => _314.parentId]), () => ( "")));
+      const parent = lookup.get(_nullishCoalesce(_optionalChain([lookup, 'access', _307 => _307.get, 'call', _308 => _308(r), 'optionalAccess', _309 => _309.parentId]), () => ( "")));
       return !!getAutoLayout(parent);
     });
     if (inFrames.length) result = applyNodeUpdates(result, layoutUpMany(result, inFrames, opts.layout));
@@ -10709,7 +10143,7 @@ function rebuildInstances(nodes, comps, resync, opts) {
 }
 function finish(original, result, opts) {
   let out = result;
-  if (_optionalChain([opts, 'access', _315 => _315.tokens, 'optionalAccess', _316 => _316.state])) out = resolveCanvasTokens(out, opts.tokens.state, opts.tokens);
+  if (_optionalChain([opts, 'access', _310 => _310.tokens, 'optionalAccess', _311 => _311.state])) out = resolveCanvasTokens(out, opts.tokens.state, opts.tokens);
   if (out.length === original.length && out.every((n, i) => n === original[i])) return original;
   return out;
 }
@@ -10869,7 +10303,7 @@ function syncCanvasComponents(before, after, options = {}) {
     let groups = raw.filter((gr) => gr !== "position" && (gr !== "size" || topRoot && !sizeFromLayout(g, n)));
     if (topRoot) groups = groups.filter((gr) => !isOwnRootGroup(gr));
     let cleared = [];
-    const srcId = topRoot ? _optionalChain([ni, 'optionalAccess', _317 => _317.componentId]) : getComponentSourceId(n);
+    const srcId = topRoot ? _optionalChain([ni, 'optionalAccess', _312 => _312.componentId]) : getComponentSourceId(n);
     const src = g.get(srcId);
     if (src) {
       const reference = topRoot ? rootReference(g, src) : src;
@@ -11181,7 +10615,7 @@ function swapCanvasInstance(nodes, ids, componentId, options = {}) {
     if (g.isAncestor(main, id) || createsCycleIn(g, main, n.parentId)) return fail(nodes, "cycle", "An instance can't show the component it is inside.");
     const defaults = effectivePropsIn(g, main, void 0);
     const properties = {};
-    for (const [k, d] of Object.entries(defaults)) properties[k] = _optionalChain([inst, 'access', _318 => _318.properties, 'optionalAccess', _319 => _319[k]]) !== void 0 && typeof inst.properties[k] === typeof d ? inst.properties[k] : d;
+    for (const [k, d] of Object.entries(defaults)) properties[k] = _optionalChain([inst, 'access', _313 => _313.properties, 'optionalAccess', _314 => _314[k]]) !== void 0 && typeof inst.properties[k] === typeof d ? inst.properties[k] : d;
     updates.set(id, withData(n, { ...dataOf(n), [INSTANCE_DATA_KEY]: { ...inst, componentId: main, properties } }));
     if (options.keepTextOverridesOnly) {
       for (const d of g.subtree(id)) {
@@ -11382,6 +10816,289 @@ function restoreCanvasMainComponent(nodes, id, options = {}) {
   for (const nn of nested) after = rebaseInstance(after, nn, options.tokens);
   return done(nodes, after, [compId], options);
 }
+var VARIANT_GAP = 20;
+var variantKey = (values) => formatVariantName(values);
+function variantNameProblem(kind, s) {
+  const label = kind === "property" ? "Variant property names" : "Variant values";
+  if (!s) return `${label} must not be empty.`;
+  if (/[,=]/.test(s)) return `${label} can't contain "," or "=".`;
+  return void 0;
+}
+function cleanVariantPairs(pairs) {
+  const out = {};
+  for (const [rawKey, rawValue] of Object.entries(pairs)) {
+    if (typeof rawValue !== "string") return `"${rawKey}" takes a text value.`;
+    const k = rawKey.trim();
+    const v = rawValue.trim();
+    const problem = _nullishCoalesce(variantNameProblem("property", k), () => ( variantNameProblem("value", v)));
+    if (problem) return problem;
+    out[k] = v;
+  }
+  return out;
+}
+function variantOrder(ids, values) {
+  const order = [];
+  for (const id of ids) for (const k of Object.keys(_nullishCoalesce(values.get(id), () => ( {})))) if (!order.includes(k)) order.push(k);
+  return order;
+}
+function withVariantValues(node, values, order) {
+  const name = formatVariantName(values, order);
+  const data = { ...dataOf(node), [COMPONENT_DATA_KEY]: { ..._nullishCoalesce(getComponentData(node), () => ( {})), variant: values }, label: name };
+  if (typeof data.name === "string" && data.name.includes("=")) data.name = name;
+  return same(dataOf(node), data) ? node : withData(node, data);
+}
+function closestVariant(list, wanted) {
+  const entries = Object.entries(wanted);
+  let best;
+  const better = (a, b) => {
+    for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return a[i] > b[i];
+    return false;
+  };
+  for (const v of list) {
+    const values = getVariantValues(v);
+    const matches2 = entries.map(([k, val]) => values[k] === val ? 1 : 0);
+    const score = [matches2.reduce((a, b) => a + b, 0), ...matches2];
+    if (!best || better(score, best.score)) best = { score, id: v.id };
+  }
+  return _optionalChain([best, 'optionalAccess', _315 => _315.id]);
+}
+function variantEditIn(g, setId) {
+  const set = g.get(setId);
+  if (!isCanvasComponentSet(set)) return { code: "not-found", reason: "Choose a component set." };
+  if (owningInstanceIn(g, setId)) return { code: "inside-instance", reason: "A component set inside an instance can't be edited: edit its main." };
+  const variants = variantsIn(g, setId);
+  return { set, variants, values: new Map(variants.map((v) => [v.id, getVariantValues(v)])) };
+}
+function addMissingProperties(edit, pairs, defaultValue) {
+  const known = /* @__PURE__ */ new Set();
+  for (const v of edit.values.values()) for (const k of Object.keys(v)) known.add(k);
+  const added = Object.keys(pairs).filter((k) => !known.has(k));
+  if (added.length === 0) return void 0;
+  const problem = variantNameProblem("value", defaultValue);
+  if (problem) return problem;
+  const defs = _optionalChain([dataOf, 'call', _316 => _316(edit.set), 'access', _317 => _317[COMPONENT_SET_DATA_KEY], 'optionalAccess', _318 => _318.properties]);
+  const clash = isRecord(defs) ? added.find((k) => k in defs) : void 0;
+  if (clash) return `"${clash}" is a component property.`;
+  for (const [id, v] of edit.values) {
+    const next = { ...v };
+    for (const k of added) next[k] = defaultValue;
+    edit.values.set(id, next);
+  }
+  return void 0;
+}
+function duplicateAmong(values, ids) {
+  for (const id of ids) {
+    const key = variantKey(values.get(id));
+    for (const [other, v] of values) {
+      if (other !== id && variantKey(v) === key) return formatVariantName(values.get(id), variantOrder([...values.keys()], values));
+    }
+  }
+  return void 0;
+}
+function writeVariantEdit(edit, extra = []) {
+  const order = variantOrder([...edit.variants.map((v) => v.id), ...extra], edit.values);
+  const updates = /* @__PURE__ */ new Map();
+  for (const v of edit.variants) {
+    const next = withVariantValues(v, edit.values.get(v.id), order);
+    if (next !== v) updates.set(v.id, next);
+  }
+  return updates;
+}
+function nextVariantValuesIn(g, setId, fromId) {
+  const variants = variantsIn(g, setId);
+  const base = getVariantValues(g.get(fromId));
+  const first = variantOptionsIn(g, setId)[0];
+  const prop = _nullishCoalesce(_optionalChain([first, 'optionalAccess', _319 => _319.name]), () => ( "Property 1"));
+  const used = new Set(variants.map((v) => variantKey(getVariantValues(v))));
+  for (let k = variants.length + 1; ; k++) {
+    const values = { ...base, [prop]: `Variant${k}` };
+    if (!_optionalChain([first, 'optionalAccess', _320 => _320.values, 'access', _321 => _321.includes, 'call', _322 => _322(`Variant${k}`)]) && !used.has(variantKey(values))) return values;
+  }
+}
+function getNextVariantValues(nodes, setId, from) {
+  const g = new Graph(nodes);
+  return nextVariantValuesIn(g, setId, _nullishCoalesce(from, () => ( defaultVariantIn(g, setId))));
+}
+function relayoutSet(nodes, setId, options) {
+  if (options.layout === false || !getAutoLayout(nodes.find((n) => n.id === setId))) return nodes;
+  return applyNodeUpdates(nodes, layoutUpMany(nodes, [setId], typeof options.layout === "object" ? options.layout : {}));
+}
+function addCanvasVariant(nodes, setId, options = {}) {
+  const g = new Graph(nodes);
+  const edit = variantEditIn(g, setId);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  if (edit.variants.length === 0) return fail(nodes, "invalid", "The set has no variant to duplicate.");
+  const fromId = _nullishCoalesce(options.from, () => ( defaultVariantIn(g, setId)));
+  const source = edit.variants.find((v) => v.id === fromId);
+  if (!source) return fail(nodes, "not-found", `"${fromId}" is not a variant of this set.`);
+  const wanted = cleanVariantPairs(_nullishCoalesce(options.variant, () => ( nextVariantValuesIn(g, setId, fromId))));
+  if (typeof wanted === "string") return fail(nodes, "invalid", wanted);
+  const problem = addMissingProperties(edit, wanted, (_nullishCoalesce(options.defaultValue, () => ( "Default"))).trim());
+  if (problem) return fail(nodes, "invalid", problem);
+  const id = _nullishCoalesce(options.id, () => ( uniqueId(`${setId}-variant`, g.byId)));
+  if (g.get(id)) return fail(nodes, "invalid", `Id "${id}" is taken.`);
+  edit.values.set(id, { ...edit.values.get(fromId), ...wanted });
+  const dup = duplicateAmong(edit.values, [id]);
+  if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
+  const autoLayout = !!getAutoLayout(edit.set);
+  const { width, height } = getNodeSize(source);
+  let position = options.position ? { ...options.position } : { ...source.position };
+  if (!options.position && !autoLayout) {
+    const rects = edit.variants.map((v) => ({ ...v.position, ...getNodeSize(v) }));
+    position = { x: source.position.x + width + VARIANT_GAP, y: source.position.y };
+    for (let k = 0; k <= rects.length; k++) {
+      const hit = rects.find((r) => position.x < r.x + r.width && r.x < position.x + width && position.y < r.y + r.height && r.y < position.y + height);
+      if (!hit) break;
+      position = { x: hit.x + hit.width + VARIANT_GAP, y: position.y };
+    }
+  }
+  const taken = new Set(g.byId.keys());
+  taken.add(id);
+  const map = /* @__PURE__ */ new Map([[fromId, id]]);
+  const sub3 = g.subtree(fromId);
+  for (const d of sub3) {
+    if (d === fromId) continue;
+    const nid = uniqueId(`${id}-${d}`, taken);
+    taken.add(nid);
+    map.set(d, nid);
+  }
+  const order = variantOrder([...edit.variants.map((v) => v.id), id], edit.values);
+  const subSet = new Set(sub3);
+  const copies = nodes.filter((n) => subSet.has(n.id)).map((n) => {
+    const next = { ...n, id: map.get(n.id) };
+    if (n.parentId !== void 0 && n.id !== fromId) next.parentId = _nullishCoalesce(map.get(n.parentId), () => ( n.parentId));
+    for (const k of RUNTIME_KEYS) delete next[k];
+    if (n.id !== fromId) return next;
+    next.position = position;
+    return withVariantValues(next, edit.values.get(id), order);
+  });
+  const updates = writeVariantEdit(edit, [id]);
+  const inSet = new Set(g.subtree(setId));
+  let last = -1;
+  nodes.forEach((n, i) => {
+    if (inSet.has(n.id)) last = i;
+  });
+  let after = [];
+  nodes.forEach((n, i) => {
+    after.push(_nullishCoalesce(updates.get(n.id), () => ( n)));
+    if (i === last) after.push(...copies);
+  });
+  if (autoLayout && !options.position) after = relayoutSet(after, setId, options);
+  else {
+    const size = getNodeSize(edit.set);
+    const w = Math.max(size.width, position.x + width + VARIANT_GAP);
+    const h = Math.max(size.height, position.y + height + VARIANT_GAP);
+    if (w !== size.width || h !== size.height) after = applyNodeUpdates(after, [{ id: setId, width: w, height: h }]);
+  }
+  return done(nodes, after, [id], options);
+}
+function removeCanvasVariant(nodes, variantId, options = {}) {
+  const g = new Graph(nodes);
+  const set = variantSetIn(g, variantId);
+  if (!set) return fail(nodes, "not-found", "Choose a variant of a component set.");
+  if (owningInstanceIn(g, set.id)) return fail(nodes, "inside-instance", "A component set inside an instance can't be edited: edit its main.");
+  const others = variantsIn(g, set.id).filter((v) => v.id !== variantId);
+  if (others.length === 0) return fail(nodes, "invalid", "A component set needs at least one variant: delete the set instead.");
+  const replacement = closestVariant(others, getVariantValues(g.get(variantId)));
+  const swap = (v) => v === variantId ? replacement : v;
+  const repointed = nodes.map((n) => {
+    const data = dataOf(n);
+    let next;
+    const inst = getInstanceData(n);
+    if (inst) {
+      const moved = { ...inst, componentId: swap(inst.componentId) };
+      if (inst.properties) moved.properties = Object.fromEntries(Object.entries(inst.properties).map(([k, v]) => [k, swap(v)]));
+      if (!same(moved, inst)) next = { ...data, [INSTANCE_DATA_KEY]: moved };
+    }
+    for (const key of [COMPONENT_DATA_KEY, COMPONENT_SET_DATA_KEY]) {
+      const owner = data[key];
+      if (!isRecord(owner) || !isRecord(owner.properties)) continue;
+      const defs = {};
+      for (const [k, def] of Object.entries(owner.properties)) {
+        defs[k] = def.type === "instanceSwap" ? { ...def, default: swap(def.default), ...def.preferred ? { preferred: [...new Set(def.preferred.map(swap))] } : {} } : def;
+      }
+      if (!same(defs, owner.properties)) next = { ..._nullishCoalesce(next, () => ( data)), [key]: { ...owner, properties: defs } };
+    }
+    return next ? withData(n, next) : n;
+  });
+  const mid = syncCanvasComponents(nodes, repointed, options);
+  const gone = new Set(new Graph(mid).subtree(variantId));
+  const after = relayoutSet(
+    mid.filter((n) => !gone.has(n.id)),
+    set.id,
+    options
+  );
+  return { ok: true, nodes: syncCanvasComponents(mid, after, options), ids: [replacement] };
+}
+function setCanvasVariantProperties(nodes, variantId, values, options = {}) {
+  const g = new Graph(nodes);
+  const set = variantSetIn(g, variantId);
+  if (!set) return fail(nodes, "not-found", "Choose a variant of a component set.");
+  const edit = variantEditIn(g, set.id);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  const wanted = cleanVariantPairs(values);
+  if (typeof wanted === "string") return fail(nodes, "invalid", wanted);
+  const problem = addMissingProperties(edit, wanted, (_nullishCoalesce(options.defaultValue, () => ( "Default"))).trim());
+  if (problem) return fail(nodes, "invalid", problem);
+  edit.values.set(variantId, { ...edit.values.get(variantId), ...wanted });
+  const dup = duplicateAmong(edit.values, [variantId]);
+  if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
+  const updates = writeVariantEdit(edit);
+  if (updates.size === 0) return { ok: true, nodes, ids: [variantId] };
+  return done(nodes, nodes.map((n) => _nullishCoalesce(updates.get(n.id), () => ( n))), [variantId], options);
+}
+function updateInstanceValues(g, setId, updates, fn) {
+  const ids = new Set(variantsIn(g, setId).map((v) => v.id));
+  for (const n of g.nodes) {
+    const inst = getInstanceData(n);
+    if (!_optionalChain([inst, 'optionalAccess', _323 => _323.properties]) || !ids.has(inst.componentId)) continue;
+    const props = fn({ ...inst.properties });
+    if (same(props, inst.properties)) continue;
+    const cur = _nullishCoalesce(updates.get(n.id), () => ( n));
+    updates.set(n.id, withData(cur, { ...dataOf(cur), [INSTANCE_DATA_KEY]: { ...inst, properties: props } }));
+  }
+}
+function renameCanvasVariantProperty(nodes, setId, name, newName, options = {}) {
+  const g = new Graph(nodes);
+  const edit = variantEditIn(g, setId);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  const known = variantOptionsIn(g, setId);
+  if (!known.some((o) => o.name === name)) return fail(nodes, "unknown-property", `Unknown variant property "${name}".`);
+  const to = newName.trim();
+  const problem = variantNameProblem("property", to);
+  if (problem) return fail(nodes, "invalid", problem);
+  if (to === name) return { ok: true, nodes, ids: [setId] };
+  if (known.some((o) => o.name === to)) return fail(nodes, "invalid", `"${to}" exists already.`);
+  if (to in propertyDefsIn(g, edit.variants[0].id)) return fail(nodes, "invalid", `"${to}" is a component property.`);
+  const rename = (v) => Object.fromEntries(Object.entries(v).map(([k, val]) => [k === name ? to : k, val]));
+  for (const [id, v] of edit.values) edit.values.set(id, rename(v));
+  const updates = writeVariantEdit(edit);
+  updateInstanceValues(g, setId, updates, (props) => name in props ? rename(props) : props);
+  return done(nodes, nodes.map((n) => _nullishCoalesce(updates.get(n.id), () => ( n))), [setId], options);
+}
+function renameCanvasVariantValue(nodes, setId, property, value, newValue, options = {}) {
+  const g = new Graph(nodes);
+  const edit = variantEditIn(g, setId);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  const option = variantOptionsIn(g, setId).find((o) => o.name === property);
+  if (!option) return fail(nodes, "unknown-property", `Unknown variant property "${property}".`);
+  if (!option.values.includes(value)) return fail(nodes, "invalid", `"${property}" has no value "${value}".`);
+  const to = newValue.trim();
+  const problem = variantNameProblem("value", to);
+  if (problem) return fail(nodes, "invalid", problem);
+  if (to === value) return { ok: true, nodes, ids: [setId] };
+  const touched = [];
+  for (const [id, v] of edit.values) {
+    if (v[property] !== value) continue;
+    edit.values.set(id, { ...v, [property]: to });
+    touched.push(id);
+  }
+  const dup = duplicateAmong(edit.values, touched);
+  if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
+  const updates = writeVariantEdit(edit);
+  updateInstanceValues(g, setId, updates, (props) => props[property] === value ? { ...props, [property]: to } : props);
+  return done(nodes, nodes.map((n) => _nullishCoalesce(updates.get(n.id), () => ( n))), [setId], options);
+}
 
 // src/canvas/componentsController.ts
 function makePatch(from, to) {
@@ -11418,7 +11135,7 @@ function createCanvasComponentsController(options) {
     layout: options.layout,
     tokens: options.tokens
   });
-  const selection = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _320 => _320.getSelectedIds, 'optionalCall', _321 => _321()]), () => ( options.getNodes().filter((n) => n.selected).map((n) => n.id)));
+  const selection = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _324 => _324.getSelectedIds, 'optionalCall', _325 => _325()]), () => ( options.getNodes().filter((n) => n.selected).map((n) => n.id)));
   const target = (id) => _nullishCoalesce(id, () => ( selection()[0]));
   function set(next) {
     synced = next;
@@ -11449,6 +11166,24 @@ function createCanvasComponentsController(options) {
   }
   const reason = (result) => result.ok ? true : result.reason;
   const nodes = () => options.getNodes();
+  const refused = (why) => ({ ok: false, nodes: nodes(), code: "not-found", reason: why });
+  const setOf = (id) => {
+    const at = target(id);
+    const node = at ? nodes().find((n) => n.id === at) : void 0;
+    if (!node) return void 0;
+    return isCanvasComponentSet(node) ? node.id : getVariantSet(nodes(), node.id);
+  };
+  const variantOf = (id) => {
+    const at = target(id);
+    return at && getVariantSet(nodes(), at) ? at : void 0;
+  };
+  const NO_SET = "Select a component set or one of its variants.";
+  const NO_VARIANT = "Select a variant of a component set.";
+  const addOptions = (setId, addOptions_) => {
+    if (addOptions_.from !== void 0 || setId !== void 0) return addOptions_;
+    const v = variantOf();
+    return v ? { ...addOptions_, from: v } : addOptions_;
+  };
   const controller = {
     sync,
     /** Rebuilds every instance from its main (e.g. after loading), not recorded in history. */
@@ -11563,6 +11298,63 @@ function createCanvasComponentsController(options) {
         (n) => setCanvasComponentProperty(n, componentId, name, def, { ...syncOptions(), ...propertyOptions })
       );
     },
+    /**
+     * Adds a variant to a set (default: the selection's set) by duplicating `from` (default:
+     * the selected variant, else the default variant) with the given `variant` values.
+     */
+    addVariant(setId, variantOptions = {}) {
+      const set2 = setOf(setId);
+      if (!set2) return refused(NO_SET);
+      const opts = addOptions(setId, variantOptions);
+      return run("Add Variant", (n) => addCanvasVariant(n, set2, { ...syncOptions(), ...opts }));
+    },
+    canAddVariant(setId, variantOptions = {}) {
+      const set2 = setOf(setId);
+      return set2 ? reason(addCanvasVariant(nodes(), set2, { ...addOptions(setId, variantOptions), layout: false })) : NO_SET;
+    },
+    /** Removes a variant (default: the selected one); its instances switch to the closest variant. */
+    removeVariant(variantId) {
+      const v = variantOf(variantId);
+      if (!v) return refused(NO_VARIANT);
+      return run("Remove Variant", (n) => removeCanvasVariant(n, v, syncOptions()));
+    },
+    canRemoveVariant(variantId) {
+      const v = variantOf(variantId);
+      return v ? reason(removeCanvasVariant(nodes(), v, { layout: false })) : NO_VARIANT;
+    },
+    /** Edits a variant's property values (default: the selected variant). */
+    setVariantProperties(values, variantId, variantOptions = {}) {
+      const v = variantOf(variantId);
+      if (!v) return refused(NO_VARIANT);
+      return run("Edit Variant", (n) => setCanvasVariantProperties(n, v, values, { ...syncOptions(), ...variantOptions }));
+    },
+    canSetVariantProperties(values, variantId) {
+      const v = variantOf(variantId);
+      if (!v) return NO_VARIANT;
+      return values ? reason(setCanvasVariantProperties(nodes(), v, values, { layout: false })) : true;
+    },
+    /** Renames a variant property across a set (default: the selection's set). */
+    renameVariantProperty(name, newName, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return refused(NO_SET);
+      return run("Rename Variant Property", (n) => renameCanvasVariantProperty(n, set2, name, newName, syncOptions()));
+    },
+    canRenameVariantProperty(name, newName, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return NO_SET;
+      return name !== void 0 && newName !== void 0 ? reason(renameCanvasVariantProperty(nodes(), set2, name, newName, { layout: false })) : true;
+    },
+    /** Renames a value of a variant property across a set (default: the selection's set). */
+    renameVariantValue(property, value, newValue, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return refused(NO_SET);
+      return run("Rename Variant Value", (n) => renameCanvasVariantValue(n, set2, property, value, newValue, syncOptions()));
+    },
+    canRenameVariantValue(property, value, newValue, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return NO_SET;
+      return property !== void 0 && value !== void 0 && newValue !== void 0 ? reason(renameCanvasVariantValue(nodes(), set2, property, value, newValue, { layout: false })) : true;
+    },
     /** Binds (or with `null` unbinds) a main layer's field to a component property. */
     bindComponentProperty(layerId, field, name) {
       return run("Bind Component Property", (n) => bindCanvasComponentProperty(n, layerId, field, name, syncOptions()));
@@ -11572,12 +11364,12 @@ function createCanvasComponentsController(options) {
       const at = target(id);
       const list = sync();
       const inst = at ? getOwningInstance(list, at) : void 0;
-      const main = inst ? _optionalChain([getInstanceData, 'call', _322 => _322(list.find((n) => n.id === inst)), 'optionalAccess', _323 => _323.componentId]) : void 0;
+      const main = inst ? _optionalChain([getInstanceData, 'call', _326 => _326(list.find((n) => n.id === inst)), 'optionalAccess', _327 => _327.componentId]) : void 0;
       const node = main ? list.find((n) => n.id === main) : void 0;
       if (!node) return void 0;
       const next = list.map((n) => !!n.selected === (n.id === main) ? n : { ...n, selected: n.id === main });
       set(next);
-      _optionalChain([options, 'access', _324 => _324.onReveal, 'optionalCall', _325 => _325(next.find((n) => n.id === main))]);
+      _optionalChain([options, 'access', _328 => _328.onReveal, 'optionalCall', _329 => _329(next.find((n) => n.id === main))]);
       return main;
     },
     canGoToMainComponent(id) {
@@ -11602,7 +11394,7 @@ function createCanvasComponentsController(options) {
 }
 var CANVAS_COMPONENT_DRAG_TYPE = "application/x-pixerate-component";
 function getCanvasComponentDragId(dataTransfer) {
-  const id = _optionalChain([dataTransfer, 'optionalAccess', _326 => _326.getData, 'call', _327 => _327(CANVAS_COMPONENT_DRAG_TYPE)]);
+  const id = _optionalChain([dataTransfer, 'optionalAccess', _330 => _330.getData, 'call', _331 => _331(CANVAS_COMPONENT_DRAG_TYPE)]);
   return id ? id : void 0;
 }
 
@@ -11954,5 +11746,11 @@ function getCanvasComponentDragId(dataTransfer) {
 
 
 
-exports.ANIMATABLE_PROPERTIES = ANIMATABLE_PROPERTIES; exports.ANIMATION_DATA_KEY = ANIMATION_DATA_KEY; exports.ANIMATION_EASING_LABELS = ANIMATION_EASING_LABELS; exports.ANIMATION_EASING_PRESETS = ANIMATION_EASING_PRESETS; exports.ANIMATION_TIME_EPSILON = ANIMATION_TIME_EPSILON; exports.AUTO_LAYOUT_DATA_KEY = AUTO_LAYOUT_DATA_KEY; exports.AnimationEditError = AnimationEditError; exports.AnimationPlayer = AnimationPlayer; exports.CANVAS_COMPONENT_DRAG_TYPE = CANVAS_COMPONENT_DRAG_TYPE; exports.CANVAS_TOKEN_PROPERTIES = CANVAS_TOKEN_PROPERTIES; exports.CHILD_LAYOUT_DATA_KEY = CHILD_LAYOUT_DATA_KEY; exports.COMPONENT_DATA_KEY = COMPONENT_DATA_KEY; exports.COMPONENT_OVERRIDES_DATA_KEY = COMPONENT_OVERRIDES_DATA_KEY; exports.COMPONENT_PROPERTY_REFS_DATA_KEY = COMPONENT_PROPERTY_REFS_DATA_KEY; exports.COMPONENT_SET_DATA_KEY = COMPONENT_SET_DATA_KEY; exports.COMPONENT_SOURCE_DATA_KEY = COMPONENT_SOURCE_DATA_KEY; exports.CONNECTION_LINE_TYPES = CONNECTION_LINE_TYPES; exports.CSS_ANIMATION_PROPERTIES = CSS_ANIMATION_PROPERTIES; exports.CUBIC_BEZIER_PRESETS = CUBIC_BEZIER_PRESETS; exports.CanvasScenesStore = CanvasScenesStore; exports.DEFAULT_ARRANGE_SHORTCUTS = _chunk26BVFKHUcjs.DEFAULT_ARRANGE_SHORTCUTS; exports.DEFAULT_NODE_HEIGHT = _chunkWADCJ7A7cjs.DEFAULT_NODE_HEIGHT; exports.DEFAULT_NODE_WIDTH = _chunkWADCJ7A7cjs.DEFAULT_NODE_WIDTH; exports.DEFAULT_PLACEMENT_GAP = _chunkWADCJ7A7cjs.DEFAULT_PLACEMENT_GAP; exports.INSTANCE_DATA_KEY = INSTANCE_DATA_KEY; exports.LOCKED_DATA_KEY = LOCKED_DATA_KEY; exports.LOCKED_PREVIOUS_FLAGS_KEY = LOCKED_PREVIOUS_FLAGS_KEY; exports.MAX_KEYFRAME_REFS = MAX_KEYFRAME_REFS; exports.ManualClock = ManualClock; exports.PathOpsError = PathOpsError; exports.RESIZE_HANDLES = RESIZE_HANDLES; exports.SHAPE_DATA_KEY = SHAPE_DATA_KEY; exports.SHAPE_KINDS = SHAPE_KINDS; exports.SHAPE_NODE_TYPE = SHAPE_NODE_TYPE; exports.SHAPE_OPERATIONS = SHAPE_OPERATIONS; exports.StreamingLayoutManager = StreamingLayoutManager; exports.TOKEN_BINDINGS_DATA_KEY = TOKEN_BINDINGS_DATA_KEY; exports.TOKEN_MODES_DATA_KEY = TOKEN_MODES_DATA_KEY; exports.addKeyframesAtTime = addKeyframesAtTime; exports.alignNodes = alignNodes; exports.animateNode = animateNode; exports.applyAnimation = applyAnimation; exports.applyAnimationOverrides = applyAnimationOverrides; exports.applyConstraints = applyConstraints; exports.applyNodeUpdates = applyNodeUpdates; exports.applyShapeCombination = applyShapeCombination; exports.applyShapeReplacement = applyShapeReplacement; exports.arcToCubics = arcToCubics; exports.bezierPathArea = bezierPathArea; exports.bezierPathBounds = bezierPathBounds; exports.bezierPathLength = bezierPathLength; exports.bezierPathPointAtLength = bezierPathPointAtLength; exports.bezierPathSignedArea = bezierPathSignedArea; exports.bezierPathToSvg = bezierPathToSvg; exports.bindCanvasComponentProperty = bindCanvasComponentProperty; exports.bindCanvasToken = bindCanvasToken; exports.blendLayout = blendLayout; exports.boundsOf = _chunkWADCJ7A7cjs.boundsOf; exports.calculateDagreReflowDisplacement = calculateDagreReflowDisplacement; exports.calculateDirectionalDisplacement = calculateDirectionalDisplacement; exports.canCombineShapeNodes = canCombineShapeNodes; exports.canOffsetShapeNodes = canOffsetShapeNodes; exports.canOutlineShapeNodeStrokes = canOutlineShapeNodeStrokes; exports.canvasHeight = canvasHeight; exports.centerNodes = _chunkWADCJ7A7cjs.centerNodes; exports.centre = _chunkWADCJ7A7cjs.centre; exports.clampAnimationValue = clampAnimationValue; exports.clampLayoutSize = clampLayoutSize; exports.closeContour = closeContour; exports.collectDescendantIds = collectDescendantIds; exports.combineCanvasComponentsAsVariants = combineCanvasComponentsAsVariants; exports.combineShapeNodes = combineShapeNodes; exports.computeNodesBoundingBox = computeNodesBoundingBox; exports.computeSnapGuides = computeSnapGuides; exports.connectedOnly = connectedOnly; exports.contourSignedArea = contourSignedArea; exports.contoursToPath = contoursToPath; exports.copyKeyframes = copyKeyframes; exports.countPathSegments = countPathSegments; exports.createAnimationPlayer = createAnimationPlayer; exports.createBezierTrajectory = createBezierTrajectory; exports.createCanvasAnimationController = createCanvasAnimationController; exports.createCanvasArrangeController = createCanvasArrangeController; exports.createCanvasAutoLayoutController = createCanvasAutoLayoutController; exports.createCanvasComponent = createCanvasComponent; exports.createCanvasComponentsController = createCanvasComponentsController; exports.createCanvasInstance = createCanvasInstance; exports.createCanvasScenesStore = createCanvasScenesStore; exports.createFanOutTrajectory = createFanOutTrajectory; exports.createGuideIndex = createGuideIndex; exports.createNodeGuideIndex = createNodeGuideIndex; exports.createNodeLookup = createNodeLookup; exports.cubicBezierAt = cubicBezierAt; exports.cubicPointAt = cubicPointAt; exports.cubicsToPathData = cubicsToPathData; exports.dashContours = dashContours; exports.defaultEasing = defaultEasing; exports.deleteKeyframes = deleteKeyframes; exports.detachCanvasInstance = detachCanvasInstance; exports.detachTokenBindings = detachTokenBindings; exports.diffOverrideGroups = diffOverrideGroups; exports.distanceToBezierPath = distanceToBezierPath; exports.distributeNodes = distributeNodes; exports.dividePaths = dividePaths; exports.dividePolygons = dividePolygons; exports.easingFromInfluence = easingFromInfluence; exports.easingLabel = easingLabel; exports.easingToCss = easingToCss; exports.ensureLayout = _chunkWADCJ7A7cjs.ensureLayout; exports.estimateCanvasHeight = estimateCanvasHeight; exports.estimateNodeSize = _chunkWADCJ7A7cjs.estimateNodeSize; exports.evaluateAnimation = evaluateAnimation; exports.evaluateEasing = evaluateEasing; exports.evaluateTrack = evaluateTrack; exports.excludePaths = excludePaths; exports.exportCssAnimation = exportCssAnimation; exports.findConnectorSnap = findConnectorSnap; exports.findVariant = findVariant; exports.fitCubicRun = fitCubicRun; exports.fitCubics = fitCubics; exports.fitFreehandPath = fitFreehandPath; exports.fitPathData = fitPathData; exports.fitViewportToNodes = fitViewportToNodes; exports.fitViewportToRect = fitViewportToRect; exports.flattenSvgPath = flattenSvgPath; exports.flowSide = _chunkWADCJ7A7cjs.flowSide; exports.formatAnimationTime = formatAnimationTime; exports.formatNumber = formatNumber2; exports.formatOklab = formatOklab; exports.formatVariantName = formatVariantName; exports.getAbsolutePosition = getAbsolutePosition; exports.getAnimatableProperty = getAnimatableProperty; exports.getAnimatedProperties = getAnimatedProperties; exports.getAnimatedValue = getAnimatedValue; exports.getAnimationDuration = getAnimationDuration; exports.getAnimationTrack = getAnimationTrack; exports.getAutoLayout = getAutoLayout; exports.getAutoLayoutGrid = getAutoLayoutGrid; exports.getAutoLayoutInsertTarget = getAutoLayoutInsertTarget; exports.getBindableTokenProperties = getBindableTokenProperties; exports.getCanvasComponentDragId = getCanvasComponentDragId; exports.getCanvasTokenProperty = getCanvasTokenProperty; exports.getCenteredNodePosition = _chunkWADCJ7A7cjs.getCenteredNodePosition; exports.getChildLayout = getChildLayout; exports.getComponentData = getComponentData; exports.getComponentInstances = getComponentInstances; exports.getComponentPropertyDefs = getComponentPropertyDefs; exports.getComponentPropertyRefs = getComponentPropertyRefs; exports.getComponentSourceId = getComponentSourceId; exports.getCssPropertyAnimations = getCssPropertyAnimations; exports.getDefaultVariant = getDefaultVariant; exports.getEffectiveTokenModes = getEffectiveTokenModes; exports.getFlowChildren = getFlowChildren; exports.getInstanceData = getInstanceData; exports.getInstanceProperties = getInstanceProperties; exports.getInstanceStatus = getInstanceStatus; exports.getKeyframeTimes = getKeyframeTimes; exports.getLayerName = getLayerName; exports.getLayoutParent = getLayoutParent; exports.getLayoutSizing = getLayoutSizing; exports.getLayoutedNodes = _chunkWADCJ7A7cjs.getLayoutedNodes; exports.getNodeAnimation = getNodeAnimation; exports.getNodeOverrides = getNodeOverrides; exports.getNodeRect = getNodeRect; exports.getNodeShape = getNodeShape; exports.getNodeSize = getNodeSize; exports.getNodeTokenBindings = getNodeTokenBindings; exports.getNodeTokenModes = getNodeTokenModes; exports.getOwningComponent = getOwningComponent; exports.getOwningInstance = getOwningInstance; exports.getResizingNodeRect = getResizingNodeRect; exports.getRootInstance = getRootInstance; exports.getShapeRenderData = getShapeRenderData; exports.getShapeSvg = getShapeSvg; exports.getTimelineRows = getTimelineRows; exports.getTimelineTicks = getTimelineTicks; exports.getTokenPropertyScope = getTokenPropertyScope; exports.getTokensForProperty = getTokensForProperty; exports.getVariantConflicts = getVariantConflicts; exports.getVariantOptions = getVariantOptions; exports.getVariantSet = getVariantSet; exports.getVariantValues = getVariantValues; exports.handlePoint = handlePoint; exports.hasVisibleStroke = hasVisibleStroke; exports.inferResizeHandle = inferResizeHandle; exports.inspectCanvasInstance = inspectCanvasInstance; exports.inspectNodeTokens = inspectNodeTokens; exports.interpolateAnimationValue = interpolateAnimationValue; exports.intersectPaths = intersectPaths; exports.intersectPolygons = intersectPolygons; exports.invertNodeUpdates = invertNodeUpdates; exports.isAnimationEasing = isAnimationEasing; exports.isAnimationKeyframe = isAnimationKeyframe; exports.isAutoLayoutFrame = isAutoLayoutFrame; exports.isCanvasComponent = isCanvasComponent; exports.isCanvasComponentSet = isCanvasComponentSet; exports.isCanvasInstance = isCanvasInstance; exports.isCssExportExact = isCssExportExact; exports.isEventFromTextInput = isEventFromTextInput; exports.isInsideInstance = isInsideInstance; exports.isKeyframeSelected = isKeyframeSelected; exports.isLocked = isLocked; exports.isMeasureModifierHeld = isMeasureModifierHeld; exports.isNodeAnimated = isNodeAnimated; exports.isShapeDescription = isShapeDescription; exports.isShapeNode = isShapeNode; exports.isStraightCubic = isStraightCubic; exports.isValidCanvasEdge = isValidCanvasEdge; exports.isValidCanvasNode = isValidCanvasNode; exports.isValidCanvasScene = isValidCanvasScene; exports.isValidUrl = isValidUrl; exports.layoutAll = layoutAll; exports.layoutBounds = layoutBounds; exports.layoutFrame = layoutFrame; exports.layoutUp = layoutUp; exports.layoutUpMany = layoutUpMany; exports.linearPositionTrajectory = linearPositionTrajectory; exports.linearTrajectory = linearTrajectory; exports.listCanvasComponents = listCanvasComponents; exports.lockNodes = lockNodes; exports.makeSizingCoherent = makeSizingCoherent; exports.matchArrangeShortcut = _chunk26BVFKHUcjs.matchArrangeShortcut; exports.matchSize = matchSize; exports.measureBetween = measureBetween; exports.measureLabel = measureLabel; exports.measureSelection = measureSelection; exports.measureToLine = measureToLine; exports.mergeNodeUpdates = mergeNodeUpdates; exports.mixColorsOklab = mixColorsOklab; exports.moveKeyframes = moveKeyframes; exports.moveLayoutChild = moveLayoutChild; exports.multiPolygonArea = multiPolygonArea; exports.multiPolygonBounds = multiPolygonBounds; exports.nearestHandlePositions = nearestHandlePositions; exports.normalizeBezierPath = normalizeBezierPath; exports.normalizeKeyframes = normalizeKeyframes; exports.offsetPath = offsetPath; exports.offsetShapeNodes = offsetShapeNodes; exports.oklabToRgb = oklabToRgb; exports.oppositePosition = oppositePosition; exports.outlineShapeNodeStrokes = outlineShapeNodeStrokes; exports.outlineStroke = outlineStroke; exports.overlaps = _chunkWADCJ7A7cjs.overlaps; exports.pageHidden = pageHidden; exports.parseCanvasClipboardData = parseCanvasClipboardData; exports.parseCanvasScenes = parseCanvasScenes; exports.parseCssEasing = parseCssEasing; exports.parseKeyframeClipboard = parseKeyframeClipboard; exports.parseNodeStyleDeclarations = parseNodeStyleDeclarations; exports.parseOklab = parseOklab; exports.parseSvgPath = parseSvgPath; exports.parseVariantName = parseVariantName; exports.pasteKeyframes = pasteKeyframes; exports.pathBoolean = pathBoolean; exports.pathToContours = pathToContours; exports.placeBeside = _chunkWADCJ7A7cjs.placeBeside; exports.playWebAnimations = playWebAnimations; exports.pointInBezierPath = pointInBezierPath; exports.pointInMultiPolygon = pointInMultiPolygon; exports.pointInRings = pointInRings; exports.polygonArea = polygonArea; exports.polygonBoolean = polygonBoolean; exports.polygonToSvgPath = polygonToSvgPath; exports.positionToSide = positionToSide; exports.pruneCanvasTokenModes = pruneCanvasTokenModes; exports.pushCanvasInstanceOverrides = pushCanvasInstanceOverrides; exports.readAnimatableValue = readAnimatableValue; exports.readNodeStyleProperty = readNodeStyleProperty; exports.readOverrideGroup = readOverrideGroup; exports.readStyleSize = readStyleSize; exports.realClock = realClock; exports.recordAnimationChanges = recordAnimationChanges; exports.relayoutUpdates = relayoutUpdates; exports.remapPastedNodes = remapPastedNodes; exports.removeTrack = removeTrack; exports.reorderNodes = reorderNodes; exports.repositionNodesTo = repositionNodesTo; exports.resetCanvasInstanceOverrides = resetCanvasInstanceOverrides; exports.resizeHandleAxes = resizeHandleAxes; exports.resolveCanvasTokens = resolveCanvasTokens; exports.resolveEasing = resolveEasing; exports.resolvePadding = resolvePadding; exports.restoreCanvasMainComponent = restoreCanvasMainComponent; exports.revertShapeCombination = revertShapeCombination; exports.rgbToOklab = rgbToOklab; exports.ringSignedArea = ringSignedArea; exports.runMultiNodeTransition = runMultiNodeTransition; exports.sampleAnimationFrames = sampleAnimationFrames; exports.scaleKeyframes = scaleKeyframes; exports.segmentBounds = segmentBounds; exports.segmentCurvature = segmentCurvature; exports.segmentDerivative = segmentDerivative; exports.segmentExtrema = segmentExtrema; exports.segmentLength = segmentLength; exports.segmentNearest = segmentNearest; exports.segmentParamAtLength = segmentParamAtLength; exports.segmentPoint = segmentPoint; exports.segmentTangent = segmentTangent; exports.serializeCanvasNodes = serializeCanvasNodes; exports.setCanvasComponentProperty = setCanvasComponentProperty; exports.setCanvasInstanceProperties = setCanvasInstanceProperties; exports.setCanvasTokenMode = setCanvasTokenMode; exports.setKeyframe = setKeyframe; exports.setKeyframeEasing = setKeyframeEasing; exports.setMotionPath = setMotionPath; exports.setTrackEnabled = setTrackEnabled; exports.shapeNodeToBezierPath = shapeNodeToBezierPath; exports.shapeNodeToPolygon = shapeNodeToPolygon; exports.shapeToBezierPath = shapeToBezierPath; exports.shapeToPolygon = shapeToPolygon; exports.sideToPosition = sideToPosition; exports.simplifyRing = simplifyRing; exports.snapKeyframeDelta = snapKeyframeDelta; exports.snapNodeDrag = snapNodeDrag; exports.snapNodeResize = snapNodeResize; exports.snapResize = snapResize; exports.snapTimeToFrame = snapTimeToFrame; exports.snapToGrid = snapToGrid; exports.splitSegment = splitSegment; exports.springAt = springAt; exports.strokeOutlineRings = strokeOutlineRings; exports.subSegment = subSegment; exports.subtractPaths = subtractPaths; exports.subtractPolygons = subtractPolygons; exports.swapCanvasInstance = swapCanvasInstance; exports.syncAllCanvasInstances = syncAllCanvasInstances; exports.syncCanvasComponents = syncCanvasComponents; exports.syncCanvasInstance = syncCanvasInstance; exports.timeToX = timeToX; exports.toBezierPath = toBezierPath; exports.toWebAnimations = toWebAnimations; exports.toggleLockNodes = toggleLockNodes; exports.transformBezierPath = transformBezierPath; exports.trimSegments = trimSegments; exports.unionPolygons = unionPolygons; exports.unitePaths = unitePaths; exports.unlockNodes = unlockNodes; exports.updateKeyframe = updateKeyframe; exports.windingNumber = windingNumber; exports.withNodeAnimation = withNodeAnimation; exports.withStyleOpacity = withStyleOpacity; exports.withStyleSize = withStyleSize; exports.wouldCreateComponentCycle = wouldCreateComponentCycle; exports.wrapAnimationTime = wrapAnimationTime; exports.writeNodeStyleProperty = writeNodeStyleProperty; exports.writeOverrideGroup = writeOverrideGroup; exports.xToTime = xToTime; exports.xorPolygons = xorPolygons;
+
+
+
+
+
+
+exports.ANIMATABLE_PROPERTIES = ANIMATABLE_PROPERTIES; exports.ANIMATION_DATA_KEY = ANIMATION_DATA_KEY; exports.ANIMATION_EASING_LABELS = _chunkTTYCN6ZHcjs.ANIMATION_EASING_LABELS; exports.ANIMATION_EASING_PRESETS = _chunkTTYCN6ZHcjs.ANIMATION_EASING_PRESETS; exports.ANIMATION_TIME_EPSILON = _chunkTTYCN6ZHcjs.ANIMATION_TIME_EPSILON; exports.AUTO_LAYOUT_DATA_KEY = AUTO_LAYOUT_DATA_KEY; exports.AnimationEditError = AnimationEditError; exports.AnimationPlayer = _chunkTTYCN6ZHcjs.AnimationPlayer; exports.CANVAS_COMPONENT_DRAG_TYPE = CANVAS_COMPONENT_DRAG_TYPE; exports.CANVAS_TOKEN_PROPERTIES = CANVAS_TOKEN_PROPERTIES; exports.CHILD_LAYOUT_DATA_KEY = CHILD_LAYOUT_DATA_KEY; exports.COMPONENT_DATA_KEY = COMPONENT_DATA_KEY; exports.COMPONENT_OVERRIDES_DATA_KEY = COMPONENT_OVERRIDES_DATA_KEY; exports.COMPONENT_PROPERTY_REFS_DATA_KEY = COMPONENT_PROPERTY_REFS_DATA_KEY; exports.COMPONENT_SET_DATA_KEY = COMPONENT_SET_DATA_KEY; exports.COMPONENT_SOURCE_DATA_KEY = COMPONENT_SOURCE_DATA_KEY; exports.CONNECTION_LINE_TYPES = CONNECTION_LINE_TYPES; exports.CSS_ANIMATION_PROPERTIES = CSS_ANIMATION_PROPERTIES; exports.CUBIC_BEZIER_PRESETS = _chunkTTYCN6ZHcjs.CUBIC_BEZIER_PRESETS; exports.CanvasScenesStore = CanvasScenesStore; exports.DEFAULT_ARRANGE_SHORTCUTS = _chunk26BVFKHUcjs.DEFAULT_ARRANGE_SHORTCUTS; exports.DEFAULT_NODE_HEIGHT = _chunkWADCJ7A7cjs.DEFAULT_NODE_HEIGHT; exports.DEFAULT_NODE_WIDTH = _chunkWADCJ7A7cjs.DEFAULT_NODE_WIDTH; exports.DEFAULT_PLACEMENT_GAP = _chunkWADCJ7A7cjs.DEFAULT_PLACEMENT_GAP; exports.INSTANCE_DATA_KEY = INSTANCE_DATA_KEY; exports.LOCKED_DATA_KEY = LOCKED_DATA_KEY; exports.LOCKED_PREVIOUS_FLAGS_KEY = LOCKED_PREVIOUS_FLAGS_KEY; exports.MAX_KEYFRAME_REFS = MAX_KEYFRAME_REFS; exports.ManualClock = _chunkTTYCN6ZHcjs.ManualClock; exports.PathOpsError = PathOpsError; exports.RESIZE_HANDLES = RESIZE_HANDLES; exports.SHAPE_DATA_KEY = SHAPE_DATA_KEY; exports.SHAPE_KINDS = SHAPE_KINDS; exports.SHAPE_NODE_TYPE = SHAPE_NODE_TYPE; exports.SHAPE_OPERATIONS = SHAPE_OPERATIONS; exports.StreamingLayoutManager = StreamingLayoutManager; exports.TOKEN_BINDINGS_DATA_KEY = TOKEN_BINDINGS_DATA_KEY; exports.TOKEN_MODES_DATA_KEY = TOKEN_MODES_DATA_KEY; exports.addCanvasVariant = addCanvasVariant; exports.addKeyframesAtTime = addKeyframesAtTime; exports.alignNodes = alignNodes; exports.animateNode = animateNode; exports.applyAnimation = applyAnimation; exports.applyAnimationOverrides = applyAnimationOverrides; exports.applyConstraints = applyConstraints; exports.applyNodeUpdates = applyNodeUpdates; exports.applyShapeCombination = applyShapeCombination; exports.applyShapeReplacement = applyShapeReplacement; exports.arcToCubics = arcToCubics; exports.bezierPathArea = bezierPathArea; exports.bezierPathBounds = bezierPathBounds; exports.bezierPathLength = bezierPathLength; exports.bezierPathPointAtLength = bezierPathPointAtLength; exports.bezierPathSignedArea = bezierPathSignedArea; exports.bezierPathToSvg = bezierPathToSvg; exports.bindCanvasComponentProperty = bindCanvasComponentProperty; exports.bindCanvasToken = bindCanvasToken; exports.blendLayout = blendLayout; exports.boundsOf = _chunkWADCJ7A7cjs.boundsOf; exports.calculateDagreReflowDisplacement = calculateDagreReflowDisplacement; exports.calculateDirectionalDisplacement = calculateDirectionalDisplacement; exports.canCombineShapeNodes = canCombineShapeNodes; exports.canOffsetShapeNodes = canOffsetShapeNodes; exports.canOutlineShapeNodeStrokes = canOutlineShapeNodeStrokes; exports.canvasHeight = canvasHeight; exports.centerNodes = _chunkWADCJ7A7cjs.centerNodes; exports.centre = _chunkWADCJ7A7cjs.centre; exports.clampAnimationValue = clampAnimationValue; exports.clampLayoutSize = clampLayoutSize; exports.closeContour = closeContour; exports.collectDescendantIds = collectDescendantIds; exports.combineCanvasComponentsAsVariants = combineCanvasComponentsAsVariants; exports.combineShapeNodes = combineShapeNodes; exports.computeNodesBoundingBox = computeNodesBoundingBox; exports.computeSnapGuides = computeSnapGuides; exports.connectedOnly = connectedOnly; exports.contourSignedArea = contourSignedArea; exports.contoursToPath = contoursToPath; exports.copyKeyframes = copyKeyframes; exports.countPathSegments = countPathSegments; exports.createAnimationPlayer = _chunkTTYCN6ZHcjs.createAnimationPlayer; exports.createBezierTrajectory = createBezierTrajectory; exports.createCanvasAnimationController = createCanvasAnimationController; exports.createCanvasArrangeController = createCanvasArrangeController; exports.createCanvasAutoLayoutController = createCanvasAutoLayoutController; exports.createCanvasComponent = createCanvasComponent; exports.createCanvasComponentsController = createCanvasComponentsController; exports.createCanvasInstance = createCanvasInstance; exports.createCanvasScenesStore = createCanvasScenesStore; exports.createFanOutTrajectory = createFanOutTrajectory; exports.createGuideIndex = createGuideIndex; exports.createNodeGuideIndex = createNodeGuideIndex; exports.createNodeLookup = createNodeLookup; exports.cubicBezierAt = _chunkTTYCN6ZHcjs.cubicBezierAt; exports.cubicPointAt = cubicPointAt; exports.cubicsToPathData = cubicsToPathData; exports.dashContours = dashContours; exports.defaultEasing = defaultEasing; exports.deleteKeyframes = deleteKeyframes; exports.detachCanvasInstance = detachCanvasInstance; exports.detachTokenBindings = detachTokenBindings; exports.diffOverrideGroups = diffOverrideGroups; exports.distanceToBezierPath = distanceToBezierPath; exports.distributeNodes = distributeNodes; exports.dividePaths = dividePaths; exports.dividePolygons = dividePolygons; exports.easingFromInfluence = _chunkTTYCN6ZHcjs.easingFromInfluence; exports.easingLabel = _chunkTTYCN6ZHcjs.easingLabel; exports.easingToCss = _chunkTTYCN6ZHcjs.easingToCss; exports.ensureLayout = _chunkWADCJ7A7cjs.ensureLayout; exports.estimateCanvasHeight = estimateCanvasHeight; exports.estimateNodeSize = _chunkWADCJ7A7cjs.estimateNodeSize; exports.evaluateAnimation = evaluateAnimation; exports.evaluateEasing = _chunkTTYCN6ZHcjs.evaluateEasing; exports.evaluateTrack = _chunkTTYCN6ZHcjs.evaluateTrack; exports.excludePaths = excludePaths; exports.exportCssAnimation = exportCssAnimation; exports.findConnectorSnap = findConnectorSnap; exports.findVariant = findVariant; exports.fitCubicRun = fitCubicRun; exports.fitCubics = fitCubics; exports.fitFreehandPath = fitFreehandPath; exports.fitPathData = fitPathData; exports.fitViewportToNodes = fitViewportToNodes; exports.fitViewportToRect = fitViewportToRect; exports.flattenSvgPath = flattenSvgPath; exports.flowSide = _chunkWADCJ7A7cjs.flowSide; exports.formatAnimationTime = formatAnimationTime; exports.formatNumber = formatNumber2; exports.formatOklab = _chunkTTYCN6ZHcjs.formatOklab; exports.formatVariantName = formatVariantName; exports.getAbsolutePosition = getAbsolutePosition; exports.getAnimatableProperty = getAnimatableProperty; exports.getAnimatedProperties = getAnimatedProperties; exports.getAnimatedValue = getAnimatedValue; exports.getAnimationDuration = getAnimationDuration; exports.getAnimationTrack = getAnimationTrack; exports.getAutoLayout = getAutoLayout; exports.getAutoLayoutGrid = getAutoLayoutGrid; exports.getAutoLayoutInsertTarget = getAutoLayoutInsertTarget; exports.getBindableTokenProperties = getBindableTokenProperties; exports.getCanvasComponentDragId = getCanvasComponentDragId; exports.getCanvasTokenProperty = getCanvasTokenProperty; exports.getCenteredNodePosition = _chunkWADCJ7A7cjs.getCenteredNodePosition; exports.getChildLayout = getChildLayout; exports.getComponentData = getComponentData; exports.getComponentInstances = getComponentInstances; exports.getComponentPropertyDefs = getComponentPropertyDefs; exports.getComponentPropertyRefs = getComponentPropertyRefs; exports.getComponentSourceId = getComponentSourceId; exports.getCssPropertyAnimations = getCssPropertyAnimations; exports.getDefaultVariant = getDefaultVariant; exports.getEffectiveTokenModes = getEffectiveTokenModes; exports.getFlowChildren = getFlowChildren; exports.getInstanceData = getInstanceData; exports.getInstanceProperties = getInstanceProperties; exports.getInstanceStatus = getInstanceStatus; exports.getKeyframeTimes = getKeyframeTimes; exports.getLayerName = getLayerName; exports.getLayoutParent = getLayoutParent; exports.getLayoutSizing = getLayoutSizing; exports.getLayoutedNodes = _chunkWADCJ7A7cjs.getLayoutedNodes; exports.getNextVariantValues = getNextVariantValues; exports.getNodeAnimation = getNodeAnimation; exports.getNodeOverrides = getNodeOverrides; exports.getNodeRect = getNodeRect; exports.getNodeShape = getNodeShape; exports.getNodeSize = getNodeSize; exports.getNodeTokenBindings = getNodeTokenBindings; exports.getNodeTokenModes = getNodeTokenModes; exports.getOwningComponent = getOwningComponent; exports.getOwningInstance = getOwningInstance; exports.getResizingNodeRect = getResizingNodeRect; exports.getRootInstance = getRootInstance; exports.getShapeRenderData = getShapeRenderData; exports.getShapeSvg = getShapeSvg; exports.getTimelineRows = getTimelineRows; exports.getTimelineTicks = getTimelineTicks; exports.getTokenPropertyScope = getTokenPropertyScope; exports.getTokensForProperty = getTokensForProperty; exports.getVariantConflicts = getVariantConflicts; exports.getVariantOptions = getVariantOptions; exports.getVariantSet = getVariantSet; exports.getVariantValues = getVariantValues; exports.handlePoint = handlePoint; exports.hasVisibleStroke = hasVisibleStroke; exports.inferResizeHandle = inferResizeHandle; exports.inspectCanvasInstance = inspectCanvasInstance; exports.inspectNodeTokens = inspectNodeTokens; exports.interpolateAnimationValue = _chunkTTYCN6ZHcjs.interpolateAnimationValue; exports.intersectPaths = intersectPaths; exports.intersectPolygons = intersectPolygons; exports.invertNodeUpdates = invertNodeUpdates; exports.isAnimationEasing = _chunkTTYCN6ZHcjs.isAnimationEasing; exports.isAnimationKeyframe = _chunkTTYCN6ZHcjs.isAnimationKeyframe; exports.isAutoLayoutFrame = isAutoLayoutFrame; exports.isCanvasComponent = isCanvasComponent; exports.isCanvasComponentSet = isCanvasComponentSet; exports.isCanvasInstance = isCanvasInstance; exports.isCssExportExact = isCssExportExact; exports.isEventFromTextInput = isEventFromTextInput; exports.isInsideInstance = isInsideInstance; exports.isKeyframeSelected = isKeyframeSelected; exports.isLocked = isLocked; exports.isMeasureModifierHeld = isMeasureModifierHeld; exports.isNodeAnimated = isNodeAnimated; exports.isShapeDescription = isShapeDescription; exports.isShapeNode = isShapeNode; exports.isStraightCubic = isStraightCubic; exports.isValidCanvasEdge = isValidCanvasEdge; exports.isValidCanvasNode = isValidCanvasNode; exports.isValidCanvasScene = isValidCanvasScene; exports.isValidUrl = isValidUrl; exports.layoutAll = layoutAll; exports.layoutBounds = layoutBounds; exports.layoutFrame = layoutFrame; exports.layoutUp = layoutUp; exports.layoutUpMany = layoutUpMany; exports.linearPositionTrajectory = linearPositionTrajectory; exports.linearTrajectory = linearTrajectory; exports.listCanvasComponents = listCanvasComponents; exports.lockNodes = lockNodes; exports.makeSizingCoherent = makeSizingCoherent; exports.matchArrangeShortcut = _chunk26BVFKHUcjs.matchArrangeShortcut; exports.matchSize = matchSize; exports.measureBetween = measureBetween; exports.measureLabel = measureLabel; exports.measureSelection = measureSelection; exports.measureToLine = measureToLine; exports.mergeNodeUpdates = mergeNodeUpdates; exports.mixColorsOklab = _chunkTTYCN6ZHcjs.mixColorsOklab; exports.moveKeyframes = moveKeyframes; exports.moveLayoutChild = moveLayoutChild; exports.multiPolygonArea = multiPolygonArea; exports.multiPolygonBounds = multiPolygonBounds; exports.nearestHandlePositions = nearestHandlePositions; exports.normalizeBezierPath = normalizeBezierPath; exports.normalizeKeyframes = _chunkTTYCN6ZHcjs.normalizeKeyframes; exports.offsetPath = offsetPath; exports.offsetShapeNodes = offsetShapeNodes; exports.oklabToRgb = _chunkTTYCN6ZHcjs.oklabToRgb; exports.oppositePosition = oppositePosition; exports.outlineShapeNodeStrokes = outlineShapeNodeStrokes; exports.outlineStroke = outlineStroke; exports.overlaps = _chunkWADCJ7A7cjs.overlaps; exports.pageHidden = _chunkTTYCN6ZHcjs.pageHidden; exports.parseCanvasClipboardData = parseCanvasClipboardData; exports.parseCanvasScenes = parseCanvasScenes; exports.parseCssEasing = _chunkTTYCN6ZHcjs.parseCssEasing; exports.parseKeyframeClipboard = parseKeyframeClipboard; exports.parseNodeStyleDeclarations = parseNodeStyleDeclarations; exports.parseOklab = _chunkTTYCN6ZHcjs.parseOklab; exports.parseSvgPath = parseSvgPath; exports.parseVariantName = parseVariantName; exports.pasteKeyframes = pasteKeyframes; exports.pathBoolean = pathBoolean; exports.pathToContours = pathToContours; exports.placeBeside = _chunkWADCJ7A7cjs.placeBeside; exports.playWebAnimations = playWebAnimations; exports.pointInBezierPath = pointInBezierPath; exports.pointInMultiPolygon = pointInMultiPolygon; exports.pointInRings = pointInRings; exports.polygonArea = polygonArea; exports.polygonBoolean = polygonBoolean; exports.polygonToSvgPath = polygonToSvgPath; exports.positionToSide = positionToSide; exports.pruneCanvasTokenModes = pruneCanvasTokenModes; exports.pushCanvasInstanceOverrides = pushCanvasInstanceOverrides; exports.readAnimatableValue = readAnimatableValue; exports.readNodeStyleProperty = readNodeStyleProperty; exports.readOverrideGroup = readOverrideGroup; exports.readStyleSize = readStyleSize; exports.realClock = _chunkTTYCN6ZHcjs.realClock; exports.recordAnimationChanges = recordAnimationChanges; exports.relayoutUpdates = relayoutUpdates; exports.remapPastedNodes = remapPastedNodes; exports.removeCanvasVariant = removeCanvasVariant; exports.removeTrack = removeTrack; exports.renameCanvasVariantProperty = renameCanvasVariantProperty; exports.renameCanvasVariantValue = renameCanvasVariantValue; exports.reorderNodes = reorderNodes; exports.repositionNodesTo = repositionNodesTo; exports.resetCanvasInstanceOverrides = resetCanvasInstanceOverrides; exports.resizeHandleAxes = resizeHandleAxes; exports.resolveCanvasTokens = resolveCanvasTokens; exports.resolveEasing = _chunkTTYCN6ZHcjs.resolveEasing; exports.resolvePadding = resolvePadding; exports.restoreCanvasMainComponent = restoreCanvasMainComponent; exports.revertShapeCombination = revertShapeCombination; exports.rgbToOklab = _chunkTTYCN6ZHcjs.rgbToOklab; exports.ringSignedArea = ringSignedArea; exports.runMultiNodeTransition = runMultiNodeTransition; exports.sampleAnimationFrames = sampleAnimationFrames; exports.scaleKeyframes = scaleKeyframes; exports.segmentBounds = segmentBounds; exports.segmentCurvature = segmentCurvature; exports.segmentDerivative = segmentDerivative; exports.segmentExtrema = segmentExtrema; exports.segmentLength = segmentLength; exports.segmentNearest = segmentNearest; exports.segmentParamAtLength = segmentParamAtLength; exports.segmentPoint = segmentPoint; exports.segmentTangent = segmentTangent; exports.serializeCanvasNodes = serializeCanvasNodes; exports.setCanvasComponentProperty = setCanvasComponentProperty; exports.setCanvasInstanceProperties = setCanvasInstanceProperties; exports.setCanvasTokenMode = setCanvasTokenMode; exports.setCanvasVariantProperties = setCanvasVariantProperties; exports.setKeyframe = setKeyframe; exports.setKeyframeEasing = setKeyframeEasing; exports.setMotionPath = setMotionPath; exports.setTrackEnabled = setTrackEnabled; exports.shapeNodeToBezierPath = shapeNodeToBezierPath; exports.shapeNodeToPolygon = shapeNodeToPolygon; exports.shapeToBezierPath = shapeToBezierPath; exports.shapeToPolygon = shapeToPolygon; exports.sideToPosition = sideToPosition; exports.simplifyRing = simplifyRing; exports.snapKeyframeDelta = snapKeyframeDelta; exports.snapNodeDrag = snapNodeDrag; exports.snapNodeResize = snapNodeResize; exports.snapResize = snapResize; exports.snapTimeToFrame = snapTimeToFrame; exports.snapToGrid = snapToGrid; exports.splitSegment = splitSegment; exports.springAt = _chunkTTYCN6ZHcjs.springAt; exports.strokeOutlineRings = strokeOutlineRings; exports.subSegment = subSegment; exports.subtractPaths = subtractPaths; exports.subtractPolygons = subtractPolygons; exports.swapCanvasInstance = swapCanvasInstance; exports.syncAllCanvasInstances = syncAllCanvasInstances; exports.syncCanvasComponents = syncCanvasComponents; exports.syncCanvasInstance = syncCanvasInstance; exports.timeToX = timeToX; exports.toBezierPath = toBezierPath; exports.toWebAnimations = toWebAnimations; exports.toggleLockNodes = toggleLockNodes; exports.transformBezierPath = transformBezierPath; exports.trimSegments = trimSegments; exports.unionPolygons = unionPolygons; exports.unitePaths = unitePaths; exports.unlockNodes = unlockNodes; exports.updateKeyframe = updateKeyframe; exports.windingNumber = windingNumber; exports.withNodeAnimation = withNodeAnimation; exports.withStyleOpacity = withStyleOpacity; exports.withStyleSize = withStyleSize; exports.wouldCreateComponentCycle = wouldCreateComponentCycle; exports.wrapAnimationTime = _chunkTTYCN6ZHcjs.wrapAnimationTime; exports.writeNodeStyleProperty = writeNodeStyleProperty; exports.writeOverrideGroup = writeOverrideGroup; exports.xToTime = xToTime; exports.xorPolygons = xorPolygons;
 //# sourceMappingURL=index.cjs.map