@pixodesk/svg-animator-core 1.0.39 → 1.0.41

package/dist/index.cjs

@@ -50,38 +50,25 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  BASELINE_PLAYER_VERSION: () => BASELINE_PLAYER_VERSION,
-  COLOR_ATTR_NAMES: () => COLOR_ATTR_NAMES,
-  CSS_ONLY_STYLE_PROPS: () => CSS_ONLY_STYLE_PROPS,
-  DEFAULT_DURATION_MS: () => DEFAULT_DURATION_MS,
-  DISALLOWED_SVG_TAGS_LOWER: () => DISALLOWED_SVG_TAGS_LOWER,
-  INTERNAL_ATTRS: () => INTERNAL_ATTRS,
-  LOOP_JUMP_SHIFT_MS: () => LOOP_JUMP_SHIFT_MS,
-  MISSING_GLYPH_CLASS_NAME: () => MISSING_GLYPH_CLASS_NAME,
-  PCT_BASED_ATTR_NAMES: () => PCT_BASED_ATTR_NAMES,
-  PLAYER_WIRE_STEPS: () => PLAYER_WIRE_STEPS,
-  PLAYER_WIRE_VERSION: () => PLAYER_WIRE_VERSION,
-  PX_ANIM_ATTR_NAME: () => PX_ANIM_ATTR_NAME,
-  PX_ANIM_SRC_ATTR_NAME: () => PX_ANIM_SRC_ATTR_NAME,
-  PX_PLAYER_SCHEMA_VERSION: () => PX_PLAYER_SCHEMA_VERSION,
   PX_RATE_REJECTED: () => PX_RATE_REJECTED,
   PX_TRANSFORM_PART_KEYS: () => PX_TRANSFORM_PART_KEYS,
   PX_TRIGGER_DEFAULTS: () => PX_TRIGGER_DEFAULTS,
-  PX_UNKNOWN_KEY_ERROR: () => PX_UNKNOWN_KEY_ERROR,
+  PX_WIRE_BASELINE_VERSION: () => PX_WIRE_BASELINE_VERSION,
+  PX_WIRE_SCHEMA_VERSION: () => PX_WIRE_SCHEMA_VERSION,
+  PX_WIRE_STEPS: () => PX_WIRE_STEPS,
+  PX_WIRE_VERSION: () => PX_WIRE_VERSION,
+  PX_WIRE_VERSION_KEY: () => PX_WIRE_VERSION_KEY,
   PxAlongPathMode: () => PxAlongPathMode,
   PxAnimatedSvgDocumentSchema: () => PxAnimatedSvgDocumentSchema,
-  PxAnimationDefinitionSchema: () => PxAnimationDefinitionSchema,
   PxAnimatorConfigSchema: () => PxAnimatorConfigSchema,
   PxAttrValueSchema: () => PxAttrValueSchema,
   PxBezierPathSchema: () => PxBezierPathSchema,
-  PxBindingSchema: () => PxBindingSchema,
   PxClipPathEffectSchema: () => PxClipPathEffectSchema,
   PxCloneEffectSchema: () => PxCloneEffectSchema,
   PxCloneWithout: () => PxCloneWithout,
   PxControlMode: () => PxControlMode,
-  PxDefsSchema: () => PxDefsSchema,
+  PxDefinitionsSchema: () => PxDefinitionsSchema,
   PxDiagnosticKind: () => PxDiagnosticKind,
-  PxEasingOrRefSchema: () => PxEasingOrRefSchema,
   PxEffectsSchema: () => PxEffectsSchema,
   PxElementAnimationSchema: () => PxElementAnimationSchema,
   PxFillGradientEffectSchema: () => PxFillGradientEffectSchema,
@@ -98,7 +85,7 @@ __export(index_exports, {
   PxLoopSchema: () => PxLoopSchema,
   PxMaskType: () => PxMaskType,
   PxMaskedByEffectSchema: () => PxMaskedByEffectSchema,
-  PxNodeBase: () => PxNodeBase,
+  PxNodeBaseSchema: () => PxNodeBaseSchema,
   PxNodeSchema: () => PxNodeSchema,
   PxOutAction: () => PxOutAction,
   PxPathOverflow: () => PxPathOverflow,
@@ -115,693 +102,129 @@ __export(index_exports, {
   PxScrollSchema: () => PxScrollSchema,
   PxScrollSource: () => PxScrollSource,
   PxStartOn: () => PxStartOn,
-  PxStrokeGradientEffectSchema: () => PxStrokeGradientEffectSchema,
   PxStrokeTrimEffectSchema: () => PxStrokeTrimEffectSchema,
   PxStrokeTrimSubPaths: () => PxStrokeTrimSubPaths,
-  PxSvgNodeExtra: () => PxSvgNodeExtra,
+  PxSvgNodeRootSchema: () => PxSvgNodeRootSchema,
   PxTextEffectSchema: () => PxTextEffectSchema,
   PxTextPathEffectSchema: () => PxTextPathEffectSchema,
   PxTextPathMethod: () => PxTextPathMethod,
   PxTextPathSpacing: () => PxTextPathSpacing,
   PxTimelineEngine: () => PxTimelineEngine,
-  PxTimelineEngineExtra: () => PxTimelineEngineExtra,
-  PxTimelinePinSchema: () => PxTimelinePinSchema,
+  PxTimelineEngineSetting: () => PxTimelineEngineSetting,
   PxTimelineSchema: () => PxTimelineSchema,
   PxTransformByEffectSchema: () => PxTransformByEffectSchema,
   PxTransformPartsSchema: () => PxTransformPartsSchema,
   PxTransformValueSchema: () => PxTransformValueSchema,
   PxTriggerSchema: () => PxTriggerSchema,
   PxUnits: () => PxUnits,
-  STYLE_ATTR_NAMES: () => STYLE_ATTR_NAMES,
-  TEXT_CONTENT_ATTR: () => TEXT_CONTENT_ATTR,
-  TRANSFORM_FN_NAMES: () => TRANSFORM_FN_NAMES,
-  WIRE_VERSION_KEY: () => WIRE_VERSION_KEY,
-  WireStepKind: () => WireStepKind,
-  WireVersionRelation: () => WireVersionRelation,
+  PxWireStepKind: () => PxWireStepKind,
+  PxWireVersionRelation: () => PxWireVersionRelation,
   applyAnimatorConfig: () => applyAnimatorConfig,
-  applyPlayerEffects: () => applyPlayerEffects,
   applyWireSteps: () => applyWireSteps,
-  applyWireStepsDown: () => applyWireStepsDown,
-  bezierToSvgPath: () => bezierToSvgPath,
   calcAnimationValues: () => calcAnimationValues,
-  camelCaseToKebabWordIfNeeded: () => camelCaseToKebabWordIfNeeded,
-  clamp: () => clamp,
   clampSeekMs: () => clampSeekMs,
-  collectSampleTimes: () => collectSampleTimes,
   compareWireVersion: () => compareWireVersion,
-  composeTransformParts: () => composeTransformParts,
   controlModeTakesOverTrigger: () => controlModeTakesOverTrigger,
-  convertPlayerDocument: () => convertPlayerDocument,
-  createBasicFrameLoopAnimator: () => createBasicFrameLoopAnimator,
-  createDiagnostics: () => createDiagnostics,
-  createPathSampler: () => createPathSampler,
+  convertWireDocument: () => convertWireDocument,
+  createAdapterAnimator: () => createAdapterAnimator,
   createRunClock: () => createRunClock,
-  cubicBezier: () => cubicBezier,
-  deepClone: () => deepClone,
   describeSchema: () => describeSchema,
   diagnoseDocument: () => diagnoseDocument,
-  diffFieldUniverse: () => diffFieldUniverse,
-  diffInEffect: () => diffInEffect,
-  downgradePlayerDocument: () => downgradePlayerDocument,
-  evaluateMotionPathSegment: () => evaluateMotionPathSegment,
-  extendedPathForBrowser: () => extendedPathForBrowser,
+  downgradeWireDocument: () => downgradeWireDocument,
   flattenAnimatorTimeline: () => flattenAnimatorTimeline,
   foldTimelineOverride: () => foldTimelineOverride,
   formatWireVersion: () => formatWireVersion,
   generateNewIds: () => generateNewIds,
-  generateUniqueId: () => generateUniqueId,
   getAnimatorConfig: () => getAnimatorConfig,
   getBindings: () => getBindings,
   getChildren: () => getChildren,
-  getDefs: () => getDefs,
-  getNormalizedBindings: () => getNormalizedBindings,
-  getNormalizedProps: () => getNormalizedProps,
-  interpolateBeziers: () => interpolateBeziers,
-  interpolateValue: () => interpolateValue,
+  getDefinitions: () => getDefinitions,
   isNativeForced: () => isNativeForced,
-  isPxElementFileFormat: () => isPxElementFileFormat,
-  isPxElementFileFormatDeep: () => isPxElementFileFormatDeep,
-  isScrollTimeline: () => isScrollTimeline,
+  isPxDocument: () => isPxDocument,
   isValidPlaybackRate: () => isValidPlaybackRate,
-  jsonElementFactory: () => jsonElementFactory,
-  kebabToCamelCaseWord: () => kebabToCamelCaseWord,
-  kfEasing: () => kfEasing,
-  kfTangentIn: () => kfTangentIn,
-  kfTangentOut: () => kfTangentOut,
-  kfTime: () => kfTime,
-  kfValue: () => kfValue,
-  layoutGlyphTextChars: () => layoutGlyphTextChars,
+  isValidPxDocument: () => isValidPxDocument,
   materializeAllInTree: () => materializeAllInTree,
-  materializeAnimatedUseInstances: () => materializeAnimatedUseInstances,
-  materializeGlyphText: () => materializeGlyphText,
-  materializeGlyphTextAlongPath: () => materializeGlyphTextAlongPath,
-  materializeGlyphTextHorizontal: () => materializeGlyphTextHorizontal,
-  materializeInternalLoopsInPropAnim: () => materializeInternalLoopsInPropAnim,
-  materializeInternalLoopsInTree: () => materializeInternalLoopsInTree,
-  materializeMotionPathInPropAnim: () => materializeMotionPathInPropAnim,
-  materializeMotionPathsInTree: () => materializeMotionPathsInTree,
+  materializeNodeEffects: () => materializeNodeEffects,
   mayUseNativeScrollTimeline: () => mayUseNativeScrollTimeline,
   mergeAnimatorConfig: () => mergeAnimatorConfig,
-  mergeStaticTransformIntoAnimDef: () => mergeStaticTransformIntoAnimDef,
   nestAnimatorTimeline: () => nestAnimatorTimeline,
-  parseTransformParts: () => parseTransformParts,
+  normalizeBindings: () => normalizeBindings,
   parseWireVersion: () => parseWireVersion,
-  planSchemaRelease: () => planSchemaRelease,
   progressSpanMs: () => progressSpanMs,
   progressToTimeMs: () => progressToTimeMs,
-  propAnimIsMotionPath: () => propAnimIsMotionPath,
   px: () => px,
   readWireVersion: () => readWireVersion,
-  releaseLogProblems: () => releaseLogProblems,
-  reportDocumentDiagnostics: () => reportDocumentDiagnostics,
   resolveControlMode: () => resolveControlMode,
-  resolveStyle: () => resolveStyle,
   resolveTimelineEngine: () => resolveTimelineEngine,
   resolveTrigger: () => resolveTrigger,
-  reverseEasing: () => reverseEasing,
-  sanitizeAttributeValue: () => sanitizeAttributeValue,
-  schemaFieldUniverse: () => schemaFieldUniverse,
   schemaKeys: () => schemaKeys,
-  scrollOffsetProgress: () => scrollOffsetProgress,
-  scrollPhaseInterval: () => scrollPhaseInterval,
-  scrollResolveAxis: () => scrollResolveAxis,
-  scrollTotalDurationMs: () => scrollTotalDurationMs,
-  scrollViewProgress: () => scrollViewProgress,
   seekCeilingMs: () => seekCeilingMs,
-  shiftAnimatable: () => shiftAnimatable,
-  splitEasing: () => splitEasing,
-  subdivideCubicBezier: () => subdivideCubicBezier,
   timeToProgress: () => timeToProgress,
-  toRGBA: () => toRGBA,
+  toDomProps: () => toDomProps,
   validateDocument: () => validateDocument,
   validateNodeEffects: () => validateNodeEffects,
-  versionAdvice: () => versionAdvice,
-  visualModelAt: () => visualModelAt
+  wireVersionAdvice: () => wireVersionAdvice
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/util/PxAnimatorUtil.ts
-function bezierToSvgPath(path, forceCurves = false) {
-  var _a2, _b, _c, _d;
-  const v = path.v;
-  const i = path.i;
-  const o = path.o;
-  const c = path.c;
-  if (!v.length) return "";
-  const d = [];
-  const len = v.length;
-  d.push("M" + v[0][0] + "," + v[0][1]);
-  for (let idx = 1; idx < len; idx++) {
-    const prevV = v[idx - 1];
-    const prevO = (_a2 = o == null ? void 0 : o[idx - 1]) != null ? _a2 : prevV;
-    const currI = (_b = i == null ? void 0 : i[idx]) != null ? _b : v[idx];
-    const currV = v[idx];
-    const isLine = !forceCurves && (prevO[0] === prevV[0] && prevO[1] === prevV[1]) && (currI[0] === currV[0] && currI[1] === currV[1]);
-    if (isLine) {
-      d.push("L" + currV[0] + "," + currV[1]);
-    } else {
-      d.push("C" + prevO[0] + "," + prevO[1] + "," + currI[0] + "," + currI[1] + "," + currV[0] + "," + currV[1]);
-    }
-  }
-  if (c && len > 0) {
-    const lastV = v[len - 1];
-    const lastO = (_c = o == null ? void 0 : o[len - 1]) != null ? _c : lastV;
-    const firstI = (_d = i == null ? void 0 : i[0]) != null ? _d : v[0];
-    const firstV = v[0];
-    const isLine = !forceCurves && (lastO[0] === lastV[0] && lastO[1] === lastV[1]) && (firstI[0] === firstV[0] && firstI[1] === firstV[1]);
-    if (!isLine) {
-      d.push("C" + lastO[0] + "," + lastO[1] + "," + firstI[0] + "," + firstI[1] + "," + firstV[0] + "," + firstV[1]);
-    }
-    d.push("z");
+// src/schema/PxSchema.ts
+var PX_UNKNOWN_KEY_ERROR = "unexpected extra key";
+function pathStr(path) {
+  if (!path.length) return ".";
+  let result = "";
+  for (const seg of path) {
+    if (seg.startsWith("[")) result += seg;
+    else result += (result ? "." : "") + seg;
   }
-  return d.join("");
-}
-function interpolateNum(a, b, t) {
-  return a + (b - a) * t;
+  return result;
 }
-function interpolateVec(a, b, t) {
-  const res = [];
-  const count = Math.max(a.length, b.length);
-  for (let i = 0; i < count; i++) {
-    res[i] = interpolateNum(a[i] || 0, b[i] || 0, t);
+var Base = class {
+  _canSanitize(raw) {
+    return this.isValid(raw);
   }
-  return res;
-}
-function interpolateColor(a, b, t) {
-  return [
-    interpolateNum(a[0] || 0, b[0] || 0, t),
-    interpolateNum(a[1] || 0, b[1] || 0, t),
-    interpolateNum(a[2] || 0, b[2] || 0, t),
-    interpolateNum(a[3] === void 0 ? 1 : a[3], b[3] === void 0 ? 1 : b[3], t)
-  ];
-}
-function interpolateBeziers(paths1, paths2, progress) {
-  const count = Math.max(paths1.length, paths2.length);
-  const res = [];
-  for (let i = 0; i < count; i++) {
-    res.push(interpolateBezier(paths1[i], paths2[i], progress));
+  optional() {
+    return new Optional(this);
   }
-  return res;
-}
-function interpolateBezier(path1, path2, progress) {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
-  if (!path1 || !path2) return path1 || path2 || { v: [] };
-  const t = Math.min(Math.max(progress, 0), 1);
-  const len = Math.min(path1.v.length, path2.v.length);
-  const v = [];
-  const i = [];
-  const o = [];
-  for (let idx = 0; idx < len; idx++) {
-    const v1 = path1.v[idx];
-    const v2 = path2.v[idx];
-    v.push(interpolateVec(v1, v2, t));
-    const i1 = (_b = (_a2 = path1.i) == null ? void 0 : _a2[idx]) != null ? _b : v1;
-    const i2 = (_d = (_c = path2.i) == null ? void 0 : _c[idx]) != null ? _d : v2;
-    i.push(interpolateVec(i1, i2, t));
-    const o1 = (_f = (_e = path1.o) == null ? void 0 : _e[idx]) != null ? _f : v1;
-    const o2 = (_h = (_g = path2.o) == null ? void 0 : _g[idx]) != null ? _h : v2;
-    o.push(interpolateVec(o1, o2, t));
+};
+var Optional = class extends Base {
+  constructor(inner) {
+    super();
+    this.inner = inner;
+    this._default = void 0;
   }
-  return { v, i: i.length ? i : void 0, o: o.length ? o : void 0, c: (_i = path1.c) != null ? _i : path2.c };
-}
-function remap(value, inMin, inMax, outMin, outMax) {
-  if (inMax === inMin) return outMin;
-  const t = (value - inMin) / (inMax - inMin);
-  return outMin + t * (outMax - outMin);
-}
-function solveCubicBezierX(p1x, p2x, x) {
-  if (x <= 0) return 0;
-  if (x >= 1) return 1;
-  const cx = 3 * p1x;
-  const bx = 3 * (p2x - p1x) - cx;
-  const ax = 1 - cx - bx;
-  function sampleX(t) {
-    return ((ax * t + bx) * t + cx) * t;
+  sanitize(raw) {
+    if (raw === void 0 || raw === null) return void 0;
+    return this.inner._canSanitize(raw) ? this.inner.sanitize(raw) : void 0;
   }
-  function sampleDX(t) {
-    return (3 * ax * t + 2 * bx) * t + cx;
+  isValid(raw, ctx, path) {
+    if (raw === void 0 || raw === null) return true;
+    return this.inner.isValid(raw, ctx, path);
   }
-  let t2 = x;
-  let t0 = 0;
-  let t1 = 1;
-  for (let i = 0; i < 8; i++) {
-    const x2 = sampleX(t2) - x;
-    if (Math.abs(x2) < 1e-6) return t2;
-    const d2 = sampleDX(t2);
-    if (Math.abs(d2) < 1e-6) break;
-    t2 -= x2 / d2;
+  _canSanitize(raw) {
+    return raw === void 0 || raw === null || this.inner._canSanitize(raw);
   }
-  t2 = x;
-  while (t0 < t1) {
-    const x2 = sampleX(t2);
-    if (Math.abs(x2 - x) < 1e-6) return t2;
-    if (x > x2) t0 = t2;
-    else t1 = t2;
-    t2 = (t1 + t0) / 2;
+};
+var Str = class extends Base {
+  constructor(_default = "") {
+    super();
+    this._default = _default;
   }
-  return t2;
-}
-function cubicBezier(easing) {
-  const [p1x, p1y, p2x, p2y] = easing;
-  const cy = 3 * p1y;
-  const by = 3 * (p2y - p1y) - cy;
-  const ay = 1 - cy - by;
-  function sampleCurveY(t) {
-    return ((ay * t + by) * t + cy) * t;
+  sanitize(raw) {
+    return typeof raw === "string" ? raw : this._default;
   }
-  return function(x) {
-    return sampleCurveY(solveCubicBezierX(p1x, p2x, x));
-  };
-}
-function lerp2(a, b, t) {
-  return [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t];
-}
-function subdivideCubicBezier(p0, p1, p2, p3, t) {
-  const q0 = lerp2(p0, p1, t);
-  const q1 = lerp2(p1, p2, t);
-  const q2 = lerp2(p2, p3, t);
-  const r0 = lerp2(q0, q1, t);
-  const r1 = lerp2(q1, q2, t);
-  const s = lerp2(r0, r1, t);
-  return {
-    left: [p0, q0, r0, s],
-    right: [s, r1, q2, p3]
-  };
-}
-function splitEasing(easing, xFraction) {
-  if (!easing) return { left: void 0, right: void 0 };
-  if (xFraction <= 0) return { left: void 0, right: easing };
-  if (xFraction >= 1) return { left: easing, right: void 0 };
-  const [x1, y1, x2, y2] = easing;
-  const t = solveCubicBezierX(x1, x2, xFraction);
-  const p0 = [0, 0];
-  const p1 = [x1, y1];
-  const p2 = [x2, y2];
-  const p3 = [1, 1];
-  const { left, right } = subdivideCubicBezier(p0, p1, p2, p3, t);
-  const sx = left[3][0];
-  const sy = left[3][1];
-  let leftEasing;
-  if (sx > 1e-9 && Math.abs(sy) > 1e-9) {
-    leftEasing = [
-      left[1][0] / sx,
-      left[1][1] / sy,
-      left[2][0] / sx,
-      left[2][1] / sy
-    ];
+  isValid(raw, ctx, path) {
+    if (typeof raw === "string") return true;
+    ctx == null ? void 0 : ctx.errors.push(pathStr(path != null ? path : []) + ": expected string, got " + typeof raw);
+    return false;
   }
-  let rightEasing;
-  const rx = 1 - sx;
-  const ry = 1 - sy;
-  if (rx > 1e-9 && Math.abs(ry) > 1e-9) {
-    rightEasing = [
-      (right[1][0] - sx) / rx,
-      (right[1][1] - sy) / ry,
-      (right[2][0] - sx) / rx,
-      (right[2][1] - sy) / ry
-    ];
+};
+var Num = class extends Base {
+  constructor(_default = 0) {
+    super();
+    this._default = _default;
   }
-  return { left: leftEasing, right: rightEasing };
-}
-function reverseEasing(easing) {
-  if (!easing) return void 0;
-  return [1 - easing[2], 1 - easing[3], 1 - easing[0], 1 - easing[1]];
-}
-function toRGBA(color) {
-  const r = Math.round(color[0] * 255);
-  const g = Math.round(color[1] * 255);
-  const b = Math.round(color[2] * 255);
-  return color.length === 4 ? "rgba(" + r + "," + g + "," + b + "," + color[3] + ")" : "rgb(" + r + "," + g + "," + b + ")";
-}
-function parseRgba(s) {
-  var _a2;
-  const inner = (_a2 = s.match(/rgba?\((.*)\)/)) == null ? void 0 : _a2[1];
-  if (!inner) throw new Error("Invalid rgb/rgba format");
-  const parts = inner.split(",").map((v) => +v.trim());
-  return [parts[0] / 255, parts[1] / 255, parts[2] / 255, ...parts[3] !== void 0 ? [parts[3]] : []];
-}
-function parseHex(s) {
-  const hex = s.slice(1);
-  const isShort = hex.length <= 4;
-  const r = isShort ? hex[0] + hex[0] : hex.slice(0, 2);
-  const g = isShort ? hex[1] + hex[1] : hex.slice(2, 4);
-  const b = isShort ? hex[2] + hex[2] : hex.slice(4, 6);
-  const a = hex.length === 4 ? hex[3] + hex[3] : hex.length === 8 ? hex.slice(6, 8) : null;
-  const result = [
-    parseInt(r, 16) / 255,
-    parseInt(g, 16) / 255,
-    parseInt(b, 16) / 255
-  ];
-  if (a !== null) {
-    result.push(parseInt(a, 16) / 255);
-  }
-  return result;
-}
-function parseColor(s) {
-  if (!s) return void 0;
-  if (Array.isArray(s)) return s;
-  if (typeof s !== "string") return void 0;
-  if (s.startsWith("#")) {
-    return parseHex(s);
-  } else if (s.startsWith("rgb")) {
-    return parseRgba(s);
-  } else {
-    console.warn("Unsupported color format: " + s);
-  }
-  return void 0;
-}
-var COLOR_ATTR_NAMES = /* @__PURE__ */ new Set(["color", "fill", "flood-color", "lighting-color", "stop-color", "stroke"]);
-var TRANSFORM_FN_NAMES = /* @__PURE__ */ new Set(["translate", "rotate", "scale", "skew"]);
-var PCT_BASED_ATTR_NAMES = /* @__PURE__ */ new Set(["offset-distance", "offsetDistance"]);
-function composeTransformParts(parts, opts) {
-  var _a2;
-  if (!parts) return "";
-  const withUnits = (_a2 = opts == null ? void 0 : opts.withUnits) != null ? _a2 : true;
-  const segs = [];
-  const t = parts.translate;
-  const o = parts.origin;
-  const r = parts.rotate;
-  const k = parts.skew;
-  const s = parts.scale;
-  const tu = withUnits ? "px" : "";
-  const ru = withUnits ? "deg" : "";
-  if (t) segs.push("translate(" + t[0] + tu + "," + t[1] + tu + ")");
-  if (o) segs.push("translate(" + o[0] + tu + "," + o[1] + tu + ")");
-  if (r !== void 0 && r !== null) segs.push("rotate(" + r + ru + ")");
-  if (k !== void 0 && k !== null) segs.push("skewX(" + k + ru + ")");
-  if (s) segs.push("scale(" + s[0] + "," + s[1] + ")");
-  if (o) segs.push("translate(" + -o[0] + tu + "," + -o[1] + tu + ")");
-  return segs.join("");
-}
-function parseTransformParts(str2) {
-  var _a2, _b;
-  if (!str2 || typeof str2 !== "string") return void 0;
-  const out = {};
-  const re = /([a-zA-Z]+)\s*\(([^)]*)\)/g;
-  const order = ["translate", "rotate", "skewX", "scale"];
-  let lastIdx = -1;
-  let m;
-  while ((m = re.exec(str2)) !== null) {
-    const fn = m[1];
-    const idx = order.indexOf(fn);
-    if (idx < 0 || idx <= lastIdx) return void 0;
-    lastIdx = idx;
-    const nums = m[2].split(/[\s,]+/).filter(Boolean).map(Number);
-    if (nums.some((n) => Number.isNaN(n))) return void 0;
-    if (fn === "translate") {
-      if (nums.length < 1 || nums.length > 2) return void 0;
-      out.translate = [nums[0], (_a2 = nums[1]) != null ? _a2 : 0];
-    } else if (fn === "rotate") {
-      if (nums.length !== 1) return void 0;
-      out.rotate = nums[0];
-    } else if (fn === "skewX") {
-      if (nums.length !== 1) return void 0;
-      out.skew = nums[0];
-    } else {
-      if (nums.length < 1 || nums.length > 2) return void 0;
-      out.scale = [nums[0], (_b = nums[1]) != null ? _b : nums[0]];
-    }
-  }
-  if (str2.replace(/([a-zA-Z]+)\s*\(([^)]*)\)/g, "").replace(/[\s,]/g, "").length) return void 0;
-  return Object.keys(out).length ? out : void 0;
-}
-var STYLE_ATTR_NAMES = /* @__PURE__ */ new Set(["offset-distance", "offsetDistance"]);
-var DEFAULT_DURATION_MS = 1e3;
-function kebabToCamelCaseWord(kebab) {
-  return kebab.includes("-") ? kebab.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()) : kebab;
-}
-function isCamelCaseWord(word) {
-  return !word.includes("-") && /[a-z][A-Z]/.test(word);
-}
-var SVG_CAMEL_CASE_ATTRS = /* @__PURE__ */ new Set([
-  // Transform/positioning
-  "viewBox",
-  "preserveAspectRatio",
-  // Gradient
-  "gradientUnits",
-  "gradientTransform",
-  "spreadMethod",
-  // Pattern
-  "patternUnits",
-  "patternContentUnits",
-  "patternTransform",
-  // Clipping/masking
-  "clipPathUnits",
-  "maskUnits",
-  "maskContentUnits",
-  // Marker  (SVG spec keeps these camelCase, like viewBox)
-  "markerUnits",
-  "markerWidth",
-  "markerHeight",
-  "refX",
-  "refY",
-  // Text
-  "textLength",
-  "lengthAdjust",
-  "startOffset",
-  // Filter
-  "filterUnits",
-  "primitiveUnits",
-  "tableValues",
-  // feFuncR/G/B/A transfer table (type="table")
-  "stdDeviation",
-  "baseFrequency",
-  "numOctaves",
-  "surfaceScale",
-  "diffuseConstant",
-  "specularConstant",
-  "specularExponent",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "edgeMode",
-  "preserveAlpha",
-  "targetX",
-  "targetY"
-  // // Animation
-  // 'attributeName',
-  // 'attributeType',
-  // 'calcMode',
-  // 'keyTimes',
-  // 'keySplines',
-  // 'repeatCount',
-  // 'repeatDur'    
-]);
-function camelCaseToKebabWordIfNeeded(camel) {
-  return SVG_CAMEL_CASE_ATTRS.has(camel) ? camel : camel.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function clamp(value, min, max) {
-  return Math.max(min, Math.min(value, max));
-}
-function bezier2D_pointAt(P0, P1, P2, P3, t) {
-  if (t <= 0) return [P0[0], P0[1]];
-  if (t >= 1) return [P3[0], P3[1]];
-  const u = 1 - t;
-  const u2 = u * u;
-  const u3 = u2 * u;
-  const t2 = t * t;
-  const t3 = t2 * t;
-  const w0 = u3;
-  const w1 = 3 * t * u2;
-  const w2 = 3 * t2 * u;
-  const w3 = t3;
-  return [
-    w0 * P0[0] + w1 * P1[0] + w2 * P2[0] + w3 * P3[0],
-    w0 * P0[1] + w1 * P1[1] + w2 * P2[1] + w3 * P3[1]
-  ];
-}
-var BEZIER_T_NUDGE = 1e-4;
-function bezier2D_derivativeAt(P0, P1, P2, P3, t) {
-  const result = _bezier2D_derivativeAtRaw(P0, P1, P2, P3, t);
-  if (result[0] === 0 && result[1] === 0) {
-    const nudgedT = t < 0.5 ? t + BEZIER_T_NUDGE : t - BEZIER_T_NUDGE;
-    return _bezier2D_derivativeAtRaw(P0, P1, P2, P3, nudgedT);
-  }
-  return result;
-}
-function _bezier2D_derivativeAtRaw(P0, P1, P2, P3, t) {
-  const u = 1 - t;
-  const a = 3 * u * u;
-  const b = 6 * t * u;
-  const c = 3 * t * t;
-  return [
-    a * (P1[0] - P0[0]) + b * (P2[0] - P1[0]) + c * (P3[0] - P2[0]),
-    a * (P1[1] - P0[1]) + b * (P2[1] - P1[1]) + c * (P3[1] - P2[1])
-  ];
-}
-function bezier2D_arcLengthLUT(P0, P1, P2, P3, steps = 100) {
-  const n = steps + 1;
-  const ts = new Float64Array(n);
-  const ds = new Float64Array(n);
-  let prev = bezier2D_pointAt(P0, P1, P2, P3, 0);
-  ts[0] = 0;
-  ds[0] = 0;
-  let cum = 0;
-  for (let i = 1; i < n; i++) {
-    const t = i / steps;
-    const cur = bezier2D_pointAt(P0, P1, P2, P3, t);
-    const dx = cur[0] - prev[0];
-    const dy = cur[1] - prev[1];
-    cum += Math.sqrt(dx * dx + dy * dy);
-    ts[i] = t;
-    ds[i] = cum;
-    prev = cur;
-  }
-  return { ts, ds };
-}
-function bezier2D_tForDistance(lut, distance) {
-  const { ts, ds } = lut;
-  const last = ds.length - 1;
-  if (distance <= 0) return ts[0];
-  if (distance >= ds[last]) return ts[last];
-  let lo = 1;
-  let hi = last;
-  while (lo < hi) {
-    const mid = lo + hi >>> 1;
-    if (ds[mid] < distance) lo = mid + 1;
-    else hi = mid;
-  }
-  const dPrev = ds[hi - 1];
-  const dCur = ds[hi];
-  const span = dCur - dPrev;
-  const frac = span > 0 ? (distance - dPrev) / span : 0;
-  return ts[hi - 1] + frac * (ts[hi] - ts[hi - 1]);
-}
-function bezier2D_arcAtT(lut, t) {
-  const { ts, ds } = lut;
-  const last = ts.length - 1;
-  if (t <= ts[0]) return ds[0];
-  if (t >= ts[last]) return ds[last];
-  let lo = 1, hi = last;
-  while (lo < hi) {
-    const mid = lo + hi >>> 1;
-    if (ts[mid] < t) lo = mid + 1;
-    else hi = mid;
-  }
-  const tPrev = ts[hi - 1];
-  const span = ts[hi] - tPrev;
-  const frac = span > 0 ? (t - tPrev) / span : 0;
-  return ds[hi - 1] + frac * (ds[hi] - ds[hi - 1]);
-}
-function invertEasing(easing) {
-  if (!easing) return (y) => y;
-  const flipped = [easing[1], easing[0], easing[3], easing[2]];
-  return cubicBezier(flipped);
-}
-
-// src/playback/PxScrollMath.ts
-function isScrollTimeline(config) {
-  return (config == null ? void 0 : config.timelineSource) === "scroll";
-}
-function scrollTotalDurationMs(config) {
-  const duration = typeof (config == null ? void 0 : config.duration) === "number" && config.duration > 0 ? config.duration : DEFAULT_DURATION_MS;
-  const iterations = typeof (config == null ? void 0 : config.iterations) === "number" && config.iterations > 0 ? config.iterations : 1;
-  return duration * iterations;
-}
-function scrollPhaseInterval(phase, subjectSize, scrollportSize) {
-  const s = subjectSize, vp = scrollportSize;
-  switch (phase) {
-    case "cover":
-      return [0, s + vp];
-    case "entry":
-      return [0, Math.min(s, vp)];
-    case "contain":
-      return [Math.min(s, vp), Math.max(s, vp)];
-    case "exit":
-      return [Math.max(s, vp), s + vp];
-    case "entry-crossing":
-      return [0, s];
-    case "exit-crossing":
-      return [vp, s + vp];
-  }
-}
-var DEFAULT_PHASE = "cover";
-function resolveRangePointU(point, defaultFraction, subjectSize, scrollportSize) {
-  var _a2;
-  const [u0, u1] = scrollPhaseInterval((_a2 = point == null ? void 0 : point.phase) != null ? _a2 : DEFAULT_PHASE, subjectSize, scrollportSize);
-  const fraction = typeof (point == null ? void 0 : point.fraction) === "number" ? point.fraction : defaultFraction;
-  return u0 + fraction * (u1 - u0);
-}
-function scrollViewProgress(subjectStart, subjectSize, scrollportSize, range) {
-  const u = scrollportSize - subjectStart;
-  const uStart = resolveRangePointU(range == null ? void 0 : range.start, 0, subjectSize, scrollportSize);
-  const uEnd = resolveRangePointU(range == null ? void 0 : range.end, 1, subjectSize, scrollportSize);
-  if (uEnd <= uStart) return u >= uEnd ? 1 : 0;
-  return clamp((u - uStart) / (uEnd - uStart), 0, 1);
-}
-function scrollOffsetProgress(offset, maxOffset, range) {
-  var _a2, _b;
-  const raw = maxOffset > 0 ? clamp(offset / maxOffset, 0, 1) : 1;
-  const start = typeof ((_a2 = range == null ? void 0 : range.start) == null ? void 0 : _a2.fraction) === "number" ? range.start.fraction : 0;
-  const end = typeof ((_b = range == null ? void 0 : range.end) == null ? void 0 : _b.fraction) === "number" ? range.end.fraction : 1;
-  if (end <= start) return raw >= end ? 1 : 0;
-  return clamp((raw - start) / (end - start), 0, 1);
-}
-function scrollResolveAxis(axis, writingMode) {
-  const a = axis != null ? axis : "block";
-  if (a === "x" || a === "y") return a;
-  const vertical = !!writingMode && writingMode.startsWith("vertical");
-  if (a === "inline") return vertical ? "y" : "x";
-  return vertical ? "x" : "y";
-}
-
-// src/schema/PxSchema.ts
-var PX_UNKNOWN_KEY_ERROR = "unexpected extra key";
-function pathStr(path) {
-  if (!path.length) return ".";
-  let result = "";
-  for (const seg of path) {
-    if (seg.startsWith("[")) result += seg;
-    else result += (result ? "." : "") + seg;
-  }
-  return result;
-}
-var Base = class {
-  _canSanitize(raw) {
-    return this.isValid(raw);
-  }
-  optional() {
-    return new Optional(this);
-  }
-};
-var Optional = class extends Base {
-  constructor(inner) {
-    super();
-    this.inner = inner;
-    this._default = void 0;
-  }
-  sanitize(raw) {
-    if (raw === void 0 || raw === null) return void 0;
-    return this.inner._canSanitize(raw) ? this.inner.sanitize(raw) : void 0;
-  }
-  isValid(raw, ctx, path) {
-    if (raw === void 0 || raw === null) return true;
-    return this.inner.isValid(raw, ctx, path);
-  }
-  _canSanitize(raw) {
-    return raw === void 0 || raw === null || this.inner._canSanitize(raw);
-  }
-};
-var Str = class extends Base {
-  constructor(_default = "") {
-    super();
-    this._default = _default;
-  }
-  sanitize(raw) {
-    return typeof raw === "string" ? raw : this._default;
-  }
-  isValid(raw, ctx, path) {
-    if (typeof raw === "string") return true;
-    ctx == null ? void 0 : ctx.errors.push(pathStr(path != null ? path : []) + ": expected string, got " + typeof raw);
-    return false;
-  }
-};
-var Num = class extends Base {
-  constructor(_default = 0) {
-    super();
-    this._default = _default;
-  }
-  sanitize(raw) {
-    return typeof raw === "number" && isFinite(raw) ? raw : this._default;
+  sanitize(raw) {
+    return typeof raw === "number" && isFinite(raw) ? raw : this._default;
   }
   isValid(raw, ctx, path) {
     if (typeof raw === "number" && isFinite(raw)) return true;
@@ -1258,7 +681,7 @@ var px = {
    * The base can be the result of px.object() or px.openObject() — anything with a _shape property.
    *
    * @example
-   * const PxSvgNodeSchema = px.extendedObject(PxNodeBase, { width: px.number().optional() });
+   * const PxSvgNodeSchema = px.extendedObject(PxNodeBaseSchema, { width: px.number().optional() });
    */
   extendedObject: (base, extra) => new Obj(__spreadValues(__spreadValues({}, base._shape), extra)),
   /** Array whose unrecoverable items are filtered out. Default: []. */
@@ -1276,20 +699,20 @@ var px = {
 };
 
 // src/version/PxSchemaVersion.ts
-var PX_PLAYER_SCHEMA_VERSION = "1.1";
+var PX_WIRE_SCHEMA_VERSION = "1.1";
 
 // src/version/PxWireVersion.ts
-var WIRE_VERSION_KEY = "version";
+var PX_WIRE_VERSION_KEY = "version";
 var ANIMATOR_KEY = "animator";
 var META_KEY = "meta";
-var WireVersionRelation = /* @__PURE__ */ ((WireVersionRelation2) => {
-  WireVersionRelation2["unstamped"] = "unstamped";
-  WireVersionRelation2["same"] = "same";
-  WireVersionRelation2["older"] = "older";
-  WireVersionRelation2["newer"] = "newer";
-  WireVersionRelation2["otherGeneration"] = "otherGeneration";
-  return WireVersionRelation2;
-})(WireVersionRelation || {});
+var PxWireVersionRelation = /* @__PURE__ */ ((PxWireVersionRelation2) => {
+  PxWireVersionRelation2["unstamped"] = "unstamped";
+  PxWireVersionRelation2["same"] = "same";
+  PxWireVersionRelation2["older"] = "older";
+  PxWireVersionRelation2["newer"] = "newer";
+  PxWireVersionRelation2["otherGeneration"] = "otherGeneration";
+  return PxWireVersionRelation2;
+})(PxWireVersionRelation || {});
 var VERSION_RE = /^(\d+)\.(\d+)(?:\.(\d+))?$/;
 function parseWireVersion(raw) {
   if (typeof raw !== "string") return void 0;
@@ -1301,7 +724,7 @@ function formatWireVersion(v) {
   return v.a + "." + v.b + "." + v.c;
 }
 var _a;
-var PLAYER_WIRE_VERSION = (_a = parseWireVersion(PX_PLAYER_SCHEMA_VERSION)) != null ? _a : { a: 1, b: 1, c: 0 };
+var PX_WIRE_VERSION = (_a = parseWireVersion(PX_WIRE_SCHEMA_VERSION)) != null ? _a : { a: 1, b: 1, c: 0 };
 function getAnimatorBlock(doc) {
   if (!doc || typeof doc !== "object") return void 0;
   const atRoot = readObjectProp(doc, ANIMATOR_KEY);
@@ -1315,7 +738,7 @@ function readObjectProp(obj, key) {
 }
 function readWireVersion(doc) {
   const animator = getAnimatorBlock(doc);
-  return animator ? parseWireVersion(animator[WIRE_VERSION_KEY]) : void 0;
+  return animator ? parseWireVersion(animator[PX_WIRE_VERSION_KEY]) : void 0;
 }
 function compareWireVersion(file, mine, readerReadsEditorPart) {
   if (!file) return "unstamped" /* unstamped */;
@@ -1324,7 +747,7 @@ function compareWireVersion(file, mine, readerReadsEditorPart) {
   if (!readerReadsEditorPart || file.c === mine.c) return "same" /* same */;
   return file.c > mine.c ? "newer" /* newer */ : "older" /* older */;
 }
-function versionAdvice(relation, file, mine, isPlayer) {
+function wireVersionAdvice(relation, file, mine, isPlayer) {
   if (!file) return void 0;
   const target = isPlayer ? "player" : "editor";
   const gap = "written for schema " + formatWireVersion(file) + ", this " + target + " reads " + formatWireVersion(mine);
@@ -1339,13 +762,13 @@ function versionAdvice(relation, file, mine, isPlayer) {
       return void 0;
   }
 }
-var WireStepKind = /* @__PURE__ */ ((WireStepKind2) => {
-  WireStepKind2["additive"] = "additive";
-  WireStepKind2["converted"] = "converted";
-  return WireStepKind2;
-})(WireStepKind || {});
-var BASELINE_PLAYER_VERSION = "1.1";
-var PLAYER_WIRE_STEPS = [];
+var PxWireStepKind = /* @__PURE__ */ ((PxWireStepKind2) => {
+  PxWireStepKind2["additive"] = "additive";
+  PxWireStepKind2["converted"] = "converted";
+  return PxWireStepKind2;
+})(PxWireStepKind || {});
+var PX_WIRE_BASELINE_VERSION = "1.1";
+var PX_WIRE_STEPS = [];
 function applyWireSteps(doc, cfg) {
   const from = readWireVersion(doc);
   const relation = compareWireVersion(from, cfg.target, cfg.readerReadsEditorPart);
@@ -1355,7 +778,7 @@ function applyWireSteps(doc, cfg) {
       from,
       relation,
       applied: [],
-      advice: versionAdvice(relation, from, cfg.target, !cfg.readerReadsEditorPart)
+      advice: wireVersionAdvice(relation, from, cfg.target, !cfg.readerReadsEditorPart)
     };
   }
   const due = [];
@@ -1381,10 +804,10 @@ function applyWireSteps(doc, cfg) {
   stampVersion(target, cfg.target, cfg.readerReadsEditorPart);
   return { doc: target, from, relation, applied };
 }
-function convertPlayerDocument(doc) {
+function convertWireDocument(doc) {
   return applyWireSteps(doc, {
-    steps: PLAYER_WIRE_STEPS,
-    target: PLAYER_WIRE_VERSION,
+    steps: PX_WIRE_STEPS,
+    target: PX_WIRE_VERSION,
     readerReadsEditorPart: false
   });
 }
@@ -1395,8 +818,8 @@ function clonePlain(value) {
 function stampVersion(doc, target, readerReadsEditorPart) {
   const animator = getAnimatorBlock(doc);
   if (!animator) return;
-  const previous = parseWireVersion(animator[WIRE_VERSION_KEY]);
-  animator[WIRE_VERSION_KEY] = formatWireVersion({
+  const previous = parseWireVersion(animator[PX_WIRE_VERSION_KEY]);
+  animator[PX_WIRE_VERSION_KEY] = formatWireVersion({
     a: target.a,
     b: target.b,
     c: readerReadsEditorPart ? target.c : previous ? previous.c : 0
@@ -1451,131 +874,8 @@ function applyWireStepsDown(doc, cfg) {
   stampVersion(target, cfg.target, cfg.readerReadsEditorPart);
   return { ok: true, doc: target, applied };
 }
-function downgradePlayerDocument(doc, target) {
-  return applyWireStepsDown(doc, { steps: PLAYER_WIRE_STEPS, target, readerReadsEditorPart: false });
-}
-
-// src/version/PxSchemaFieldUniverse.ts
-function schemaFieldUniverse(root) {
-  const fields = /* @__PURE__ */ new Set();
-  const enumerated = /* @__PURE__ */ new Set();
-  const queue = [{ schema: root, path: "" }];
-  while (queue.length) {
-    const { schema, path } = queue.shift();
-    const d = describeSchema(schema);
-    switch (d.kind) {
-      case "shape": {
-        if (enumerated.has(schema)) break;
-        enumerated.add(schema);
-        for (const key of Object.keys(d.shape)) {
-          const id = path ? path + "." + key : key;
-          fields.add(id);
-          queue.push({ schema: d.shape[key], path: id });
-        }
-        if (d.openValue) queue.push({ schema: d.openValue, path: path + "{*}" });
-        break;
-      }
-      case "optional":
-        queue.push({ schema: d.inner, path });
-        break;
-      case "array":
-        queue.push({ schema: d.item, path: path + "[]" });
-        break;
-      case "lazy":
-        queue.push({ schema: d.resolved, path });
-        break;
-      case "record":
-        queue.push({ schema: d.value, path: path + "{*}" });
-        break;
-      case "union":
-        d.members.forEach((member, i) => queue.push({ schema: member, path: path + "|" + i }));
-        break;
-      case "discriminatedUnion":
-        for (const member of d.members) queue.push({ schema: member, path: path + "|" + discriminantOf(member, d.key) });
-        break;
-      default:
-        break;
-    }
-  }
-  return [...fields].sort();
-}
-function discriminantOf(member, key) {
-  const d = describeSchema(member);
-  if (d.kind !== "shape") return "?";
-  const keySchema = d.shape[key];
-  if (keySchema === void 0) return "?";
-  const kd = describeSchema(keySchema);
-  return String((kd.kind === "optional" ? kd.inner : keySchema)._default);
-}
-
-// src/version/PxSchemaRelease.ts
-function diffFieldUniverse(previous, current) {
-  const prev = new Set(previous);
-  const cur = new Set(current);
-  return {
-    added: current.filter((k) => !prev.has(k)).sort(),
-    removed: previous.filter((k) => !cur.has(k)).sort()
-  };
-}
-function planSchemaRelease(p) {
-  const changed = p.added.length > 0 || p.removed.length > 0;
-  const last = parseWireVersion(p.lastReleased);
-  const declared = parseWireVersion(p.declared);
-  if (!last || !declared) return { changed, refuse: "Unparseable version: " + p.lastReleased + " / " + p.declared + "." };
-  const requiredVersion = last.a + "." + (last.b + 1);
-  if (!changed) {
-    if (declared.b === last.b && declared.a === last.a) return { changed };
-    const step2 = p.steps.find((s) => s.to === p.declared);
-    return step2 ? { changed, requiredVersion: p.declared } : { changed, refuse: "The version moved to " + p.declared + " with no key change and no step explaining it." };
-  }
-  const requiredKind = p.removed.length ? "converted" /* converted */ : "additive" /* additive */;
-  const summary = p.added.length + " key(s) added, " + p.removed.length + " removed";
-  if (declared.a !== last.a || declared.b !== last.b + 1) {
-    return {
-      changed,
-      requiredKind,
-      requiredVersion,
-      refuse: "The player schema changed (" + summary + ") but PX_PLAYER_SCHEMA_VERSION is " + p.declared + ". Set it to " + requiredVersion + " and add the PLAYER_WIRE_STEPS entry."
-    };
-  }
-  const step = p.steps.find((s) => s.to === p.declared);
-  if (!step) {
-    return { changed, requiredKind, requiredVersion, refuse: "No PLAYER_WIRE_STEPS entry reaches " + p.declared + "." };
-  }
-  if (requiredKind === "converted" /* converted */ && step.kind !== "converted" /* converted */) {
-    return {
-      changed,
-      requiredKind,
-      requiredVersion,
-      refuse: "Keys were REMOVED (" + p.removed.join(", ") + "), which is never additive \u2014 the " + p.declared + " step must be `converted`, with an up()."
-    };
-  }
-  return { changed, requiredKind, requiredVersion };
-}
-function releaseLogProblems(releases, steps, declared, baseline) {
-  const problems = [];
-  if (!releases.length) return ["The release log is empty."];
-  if (!releases[0].baseline || releases[0].version !== baseline) {
-    problems.push("The first release must be the baseline " + baseline + ".");
-  }
-  for (let i = 1; i < releases.length; i++) {
-    const prev = parseWireVersion(releases[i - 1].version);
-    const cur = parseWireVersion(releases[i].version);
-    if (!prev || !cur || cur.a !== prev.a || cur.b !== prev.b + 1) {
-      problems.push("Release " + releases[i].version + " does not follow " + releases[i - 1].version + " by one `b` step.");
-    }
-    if (releases[i].date < releases[i - 1].date) problems.push("Release " + releases[i].version + " is dated before its predecessor.");
-    const step = steps.find((s) => s.to === releases[i].version);
-    if (!step) problems.push("Release " + releases[i].version + " has no PLAYER_WIRE_STEPS entry.");
-    else if (releases[i].removed.length && step.kind !== "converted" /* converted */) {
-      problems.push("Release " + releases[i].version + " removed keys, but its step is not `converted`.");
-    }
-  }
-  const latest = releases[releases.length - 1].version;
-  if (latest !== declared) {
-    problems.push("PX_PLAYER_SCHEMA_VERSION is " + declared + " but the last release record is " + latest + " \u2014 a bump needs its changelog entry (run scripts/schema-release.mjs --apply).");
-  }
-  return problems;
+function downgradeWireDocument(doc, target) {
+  return applyWireStepsDown(doc, { steps: PX_WIRE_STEPS, target, readerReadsEditorPart: false });
 }
 
 // src/format/PxAnimatorConstants.ts
@@ -1591,8 +891,6 @@ var PxPlaybackDirection = {
   alternate: "alternate",
   alternateReverse: "alternate-reverse"
 };
-var PX_ANIM_SRC_ATTR_NAME = "data-px-animation-src";
-var PX_ANIM_ATTR_NAME = "_px_animator";
 var PxStartOn = {
   load: "load",
   mouseOver: "mouseOver",
@@ -1655,17 +953,17 @@ var PxTimelineEngine = {
   native: "native",
   js: "js"
 };
-var PxTimelineEngineExtra = __spreadProps(__spreadValues({}, PxTimelineEngine), {
+var PxTimelineEngineSetting = __spreadProps(__spreadValues({}, PxTimelineEngine), {
   auto: "auto"
 });
 function resolveTimelineEngine(engine) {
-  return engine === PxTimelineEngineExtra.js ? PxTimelineEngine.js : PxTimelineEngine.native;
+  return engine === PxTimelineEngineSetting.js ? PxTimelineEngine.js : PxTimelineEngine.native;
 }
 function isNativeForced(engine) {
-  return engine === PxTimelineEngineExtra.native;
+  return engine === PxTimelineEngineSetting.native;
 }
 function mayUseNativeScrollTimeline(engine) {
-  return engine !== PxTimelineEngineExtra.js;
+  return engine !== PxTimelineEngineSetting.js;
 }
 var PX_TRIGGER_DEFAULTS = {
   startOn: "load",
@@ -1757,7 +1055,7 @@ var PxStrokeTrimSubPaths = {
   separate: "separate",
   combined: "combined"
 };
-var TEXT_CONTENT_ATTR = "textContent";
+var PX_TEXT_CONTENT_ATTR = "textContent";
 var CLASS_ATTR = "class";
 var TRANSFORM_ATTR = "transform";
 var OFFSET_DISTANCE_ATTR = "offsetDistance";
@@ -1768,7 +1066,7 @@ var INTERNAL_ATTRS = /* @__PURE__ */ new Set([
   "meta",
   "animate",
   "effects",
-  TEXT_CONTENT_ATTR
+  PX_TEXT_CONTENT_ATTR
 ]);
 var TRANSFORM_PART = {
   translate: "translate",
@@ -1791,11 +1089,11 @@ var PxGradientType = {
   linear: "linear",
   radial: "radial"
 };
-function isPxElementFileFormat(fileJson) {
-  if (!(fileJson && typeof fileJson === "object" && !Array.isArray(fileJson))) {
+function isPxDocument(doc) {
+  if (!(doc && typeof doc === "object" && !Array.isArray(doc))) {
     return false;
   }
-  return fileJson.type === "svg";
+  return doc.type === "svg";
 }
 function getAnimatorConfig(doc) {
   var _a2;
@@ -1922,7 +1220,7 @@ function nestAnimatorTimeline(cfg) {
   if (fill !== void 0) timeline.fillMode = fill;
   return Object.keys(timeline).length > 0 ? __spreadProps(__spreadValues({}, shared), { timeline }) : shared;
 }
-function getDefs(doc) {
+function getDefinitions(doc) {
   var _a2;
   if (!doc) return void 0;
   return (_a2 = getAnimatorConfig(doc)) == null ? void 0 : _a2.definitions;
@@ -1930,9 +1228,7 @@ function getDefs(doc) {
 function getBindings(doc) {
   var _a2;
   if (!doc) return void 0;
-  const animateById = (_a2 = getAnimatorConfig(doc)) == null ? void 0 : _a2.animateById;
-  if (!animateById) return void 0;
-  return Object.entries(animateById).map(([id, anim]) => ({ id: id.startsWith("#") ? id.slice(1) : id, animate: anim }));
+  return (_a2 = getAnimatorConfig(doc)) == null ? void 0 : _a2.bindings;
 }
 function getChildren(doc) {
   return doc == null ? void 0 : doc.children;
@@ -1970,20 +1266,20 @@ var PxKeyframeSchema = implementsInterface()(px.object({
   // its internal COPY-PASTE payload, which never validates against this schema.)
 }));
 var anyKf = (kf) => kf;
-var kfTime = (kf) => {
+var keyframeTime = (kf) => {
   var _a2, _b;
   return (_b = (_a2 = anyKf(kf).time) != null ? _a2 : anyKf(kf).t) != null ? _b : 0;
 };
-var kfValue = (kf) => {
+var keyframeValue = (kf) => {
   var _a2;
   return (_a2 = anyKf(kf).value) != null ? _a2 : anyKf(kf).v;
 };
-var kfEasing = (kf) => {
+var keyframeEasing = (kf) => {
   var _a2;
   return (_a2 = anyKf(kf).easing) != null ? _a2 : anyKf(kf).e;
 };
-var kfTangentIn = (kf) => anyKf(kf).tangentIn;
-var kfTangentOut = (kf) => anyKf(kf).tangentOut;
+var keyframeTangentIn = (kf) => anyKf(kf).tangentIn;
+var keyframeTangentOut = (kf) => anyKf(kf).tangentOut;
 var PxLoopSchema = implementsInterface()(px.object({
   segmentCount: px.number().optional(),
   repeatAt: px.enum([PxLoopRepeatAt.start, PxLoopRepeatAt.end]).optional(),
@@ -2037,12 +1333,9 @@ var PxGlyphFontSchema = implementsInterface()(px.object({
   unitsPerEm: px.number(),
   glyphs: px.record(PxGlyphSchema)
 }));
-var PxDefsSchema = implementsInterface()(px.object({
+var PxDefinitionsSchema = implementsInterface()(px.object({
   easings: px.record(px.tuple([px.number(), px.number(), px.number(), px.number()])).optional(),
   animations: px.record(PxAnimationDefinitionSchema).optional(),
-  // Review §2.6: the schema now matches the declared type — a style preset is a flat
-  // record of string|number attribute values, nothing nested.
-  styles: px.record(px.record(px.union([px.string(), px.number()]))).optional(),
   fonts: px.record(PxGlyphFontSchema).optional()
 }));
 var PxScrollRangePointSchema = implementsInterface()(px.object({
@@ -2078,7 +1371,7 @@ var PxTimelinePinSchema = implementsInterface()(px.object({
   offset: px.number().optional(),
   distance: px.number().optional()
 }));
-var PxTimelineEngineSchema = px.enum([PxTimelineEngineExtra.auto, PxTimelineEngineExtra.native, PxTimelineEngineExtra.js]).optional();
+var PxTimelineEngineSchema = px.enum([PxTimelineEngineSetting.auto, PxTimelineEngineSetting.native, PxTimelineEngineSetting.js]).optional();
 var PxTimeTimelineSchema = implementsInterface()(px.object({
   type: px.literal("time").optional(),
   engine: PxTimelineEngineSchema,
@@ -2123,22 +1416,22 @@ var PxTimelineSchema = px.discriminatedUnion("type", [
   PxScrollTimelineSchema,
   PxViewTimelineSchema
 ]);
+var PxBindingSchema = implementsInterface()(px.object({
+  target: px.string(),
+  animateWith: px.array(px.string())
+}));
 var PxAnimatorConfigSchema = implementsInterface()(px.object({
   // (`mode`, `duration` and `frameRate` live INSIDE `timeline` on the wire — §2.8; they exist
   // at this level only on the runtime view, like the rest of the playback dynamics.)
   // THE spelling of "what advances progress" — clock / scroll / view (review §2.1).
   timeline: PxTimelineSchema.optional(),
-  definitions: PxDefsSchema.optional(),
-  animateById: px.record(PxElementAnimationSchema).optional(),
+  definitions: PxDefinitionsSchema.optional(),
+  bindings: px.array(PxBindingSchema).optional(),
   debugGlobalName: px.string().optional(),
   // Declared HERE because this is a closed object: an undeclared key would be stripped by
   // `sanitize` and flagged by strict validation on our own files.
   version: px.string().optional()
 }));
-var PxBindingSchema = implementsInterface()(px.object({
-  id: px.string(),
-  animate: PxElementAnimationSchema
-}));
 var PxAttrValueSchema = px.union([
   px.string(),
   px.number(),
@@ -2221,7 +1514,7 @@ var PxAnimatableGradientStopsSchema = px.union([
   PxPropertyAnimationSchema
 ]);
 var PxFillGradientEffectSchema = implementsInterface()(px.object({
-  // Contextual kind — the `type` convention, see `PxNodeBase.type`.
+  // Contextual kind — the `type` convention, see `PxNodeBaseSchema.type`.
   type: px.enum([PxGradientType.linear, PxGradientType.radial]),
   start: PxAnimatableVec2Schema.optional(),
   end: PxAnimatableVec2Schema.optional(),
@@ -2258,11 +1551,11 @@ var PxEffectsSchema = implementsInterface()(px.object({
   textPath: PxTextPathEffectSchema.optional(),
   text: PxTextEffectSchema.optional()
 }));
-function validateNodeEffects(root, opts) {
+function validateNodeEffects(root, options) {
   const warnings = [];
   const walk = (node, path) => {
     if (node && node.effects) {
-      const ctx = { errors: [], warnings: [], strict: !!(opts == null ? void 0 : opts.strict) };
+      const ctx = { errors: [], warnings: [], strict: !!(options == null ? void 0 : options.strict) };
       const ok = PxEffectsSchema.isValid(node.effects, ctx, [path + ".effects"]);
       if (!ok) {
         for (const err of ctx.errors) warnings.push(err);
@@ -2308,303 +1601,680 @@ function validateEasingRefs(root, easings) {
       const problem = path + '.easing: "' + easing + '" names no entry in animator.definitions.easings \u2014 it will play linear';
       if (!problems.includes(problem)) problems.push(problem);
     }
-    for (const [key, value] of Object.entries(node)) {
-      if (key === "easing") continue;
-      if (value && typeof value === "object") walk(value, path + "." + key);
+    for (const [key, value] of Object.entries(node)) {
+      if (key === "easing") continue;
+      if (value && typeof value === "object") walk(value, path + "." + key);
+    }
+  };
+  walk(root, "root");
+  return problems;
+}
+function validateVersionStamp(doc) {
+  var _a2;
+  const version = (_a2 = getAnimatorConfig(doc)) == null ? void 0 : _a2.version;
+  if (version === void 0) return [];
+  if (parseWireVersion(version) !== void 0) return [];
+  return ["root.animator.version: " + JSON.stringify(version) + ' is not a version stamp ("a.b" or "a.b.c") \u2014 it reads as unstamped'];
+}
+function validateDocument(doc, options) {
+  var _a2;
+  const strict = (options == null ? void 0 : options.strict) !== false;
+  const ctx = { errors: [], warnings: [], strict };
+  const problems = PxAnimatedSvgDocumentSchema.isValid(doc, ctx, ["root"]) ? [] : [...ctx.errors];
+  if (doc && typeof doc === "object") {
+    for (const w of validateNodeEffects(doc, { strict })) {
+      if (!problems.includes(w)) problems.push(w);
+    }
+    const defs = (_a2 = getAnimatorConfig(doc)) == null ? void 0 : _a2.definitions;
+    for (const w of validateGlyphFontRefs(doc, defs == null ? void 0 : defs.fonts)) {
+      if (!problems.includes(w)) problems.push(w);
+    }
+    for (const w of validateEasingRefs(doc, defs == null ? void 0 : defs.easings)) {
+      if (!problems.includes(w)) problems.push(w);
+    }
+    for (const w of validateVersionStamp(doc)) {
+      if (!problems.includes(w)) problems.push(w);
+    }
+  }
+  return problems;
+}
+var PxNodeBaseSchema = px.openObject({
+  // CONVENTION (SCHEMA-DESIGN R1 / issues N4): `type` is the ONE word for "what
+  // kind of thing is this", discriminated by its CARRIER — here the node TAG
+  // (`rect`, `text`), and inside a sub-object that object's kind (`fillGradient.type`,
+  // `fillGradient.type`, editor `preset.type`). Each sits in its own object, so
+  // the carrier disambiguates completely; synonyms (`cloneKind`, `presetShape`)
+  // would add words that all mean "type" and still need the carrier to read.
+  // Guarding a `type` SLOT against a wrong VALUE is the job of strict enums
+  // (issues V3), never of distinct key names.
+  type: px.string(),
+  // The escape hatch for elements that carry a REAL `type` attribute — `<feTurbulence
+  // type="fractalNoise">`, `<feFuncR type="table">`, `<feColorMatrix type="saturate">`.
+  // `type` is taken by the tag name, so the attribute travels here and the renderer puts
+  // it back (`PxAnimatorDOM.renderNode`, `PxRnRender`). Declared here — not merely
+  // documented — because a wire key that is not in a schema is invisible to the
+  // minifier's reserve list and gets renamed (dev-docs/plans/minification-boundary.md §1.1).
+  domType: px.string().optional(),
+  // Text content of a `<text>` / `<tspan>`. Declared, so a non-string value is a schema error
+  // and the minifier reserves the key; `text` is NOT an alias for it and is not read anywhere.
+  textContent: px.string().optional(),
+  id: px.string().optional(),
+  meta: px.any().optional(),
+  // Player-effects bucket emitted by the Editor's lightweight design format.
+  // Consumed and removed by `materializeNodeEffects` before any other normalization
+  // (see `createAnimatorImpl`), so downstream code never sees it.
+  effects: PxEffectsSchema.optional(),
+  // `PxElementAnimation` (not just `PxAnimationDefinition`) — accepts
+  // string ref / array of refs / inline definition / mixed array; mirrors
+  // `node.animate` values and what `processNode` resolves at runtime.
+  animate: PxElementAnimationSchema.optional(),
+  style: px.record(px.union([px.string(), px.number()])).optional()
+}, PxAttrValueSchema);
+var PxNodeSchema = px.openObject(__spreadProps(__spreadValues({}, PxNodeBaseSchema._shape), {
+  children: px.lazy(() => px.array(PxNodeSchema), []).optional()
+}), PxAttrValueSchema);
+var PxSvgNodeRootSchema = px.object({
+  // `"100%"` and other SVG length strings are legal here — a number-only slot rejected
+  // real documents (e.g. apple-store-look-14-main.json) at the root <svg>.
+  width: px.union([px.number(), px.string()]).optional(),
+  height: px.union([px.number(), px.string()]).optional(),
+  viewBox: px.string().optional(),
+  animator: PxAnimatorConfigSchema.optional()
+});
+var PxAnimatedSvgDocumentSchema = px.openObject(__spreadProps(__spreadValues(__spreadValues({}, PxNodeBaseSchema._shape), PxSvgNodeRootSchema._shape), {
+  type: px.literal("svg"),
+  // override string → literal to require 'svg'
+  children: px.array(PxNodeSchema).optional()
+}), PxAttrValueSchema);
+var PxBezierPathSchema = implementsInterface()(px.object({
+  v: px.array(px.array(px.number())),
+  i: px.array(px.array(px.number())).optional(),
+  o: px.array(px.array(px.number())).optional(),
+  c: px.boolean().optional()
+}));
+function isValidPxDocument(doc) {
+  const errors = validateDocument(doc, { strict: false });
+  return { valid: errors.length === 0, errors };
+}
+
+// src/util/PxIdUtil.ts
+var _idCounter = 0;
+function generateUniqueId() {
+  const timestamp = Date.now().toString(36);
+  const counter = (++_idCounter).toString(36);
+  const random = Math.random().toString(36).substring(2, 6);
+  return "_px_" + timestamp + counter + random;
+}
+function deepClone(value) {
+  if (value === null || typeof value !== "object") return value;
+  if (Array.isArray(value)) return value.map((item) => deepClone(item));
+  const obj = value;
+  const cloned = {};
+  for (const key of Object.keys(obj)) {
+    cloned[key] = deepClone(obj[key]);
+  }
+  return cloned;
+}
+function generateNewIds(doc) {
+  var _a2;
+  const cloned = deepClone(doc);
+  const idMap = /* @__PURE__ */ new Map();
+  const hashRefAttrs = /* @__PURE__ */ new Set(["href", "xlink:href"]);
+  const urlRefAttrs = /* @__PURE__ */ new Set([
+    "fill",
+    "stroke",
+    "clip-path",
+    "clipPath",
+    "mask",
+    "marker",
+    "marker-start",
+    "marker-mid",
+    "marker-end",
+    "filter",
+    "flood-color",
+    "lighting-color"
+  ]);
+  const directIdRefAttrs = /* @__PURE__ */ new Set(["targetId", "boundElementId"]);
+  const isEffectSourceRef = (key, parentKey) => key === "source" && (parentKey === "maskedBy" || parentKey === "clone");
+  function collectIds(node) {
+    if (!node || typeof node !== "object") return;
+    if (node.id && typeof node.id === "string") {
+      const oldId = node.id;
+      const newId = generateUniqueId();
+      idMap.set(oldId, newId);
+      node.id = newId;
+    } else if (node.animate) {
+      node.id = generateUniqueId();
+    }
+    if (Array.isArray(node.children)) {
+      for (const child of node.children) {
+        collectIds(child);
+      }
+    }
+  }
+  function updateRefs(node, parentKey) {
+    if (!node || typeof node !== "object") return;
+    for (const [key, value] of Object.entries(node)) {
+      if (key === "children") {
+        if (Array.isArray(value)) {
+          for (const child of value) {
+            updateRefs(child);
+          }
+        }
+        continue;
+      }
+      if (typeof value === "string") {
+        if (hashRefAttrs.has(key) && value.startsWith("#")) {
+          const oldId = value.slice(1);
+          const newId = idMap.get(oldId);
+          if (newId) {
+            node[key] = "#" + newId;
+          }
+        } else if (urlRefAttrs.has(key)) {
+          node[key] = replaceUrlRefs(value, idMap);
+        } else if (directIdRefAttrs.has(key) || isEffectSourceRef(key, parentKey)) {
+          const hasHash = value.startsWith("#");
+          const newId = idMap.get(hasHash ? value.slice(1) : value);
+          if (newId) {
+            node[key] = hasHash ? "#" + newId : newId;
+          }
+        } else if (value.includes("url(#")) {
+          node[key] = replaceUrlRefs(value, idMap);
+        }
+      } else if (key === "style" && typeof value === "object" && value !== null) {
+        for (const [styleProp, styleValue] of Object.entries(value)) {
+          if (typeof styleValue === "string") {
+            value[styleProp] = replaceUrlRefs(styleValue, idMap);
+          }
+        }
+      } else if (typeof value === "object" && value !== null) {
+        updateRefs(value, key);
+      }
+    }
+  }
+  collectIds(cloned);
+  updateRefs(cloned);
+  const docBindings = (_a2 = cloned.animator) == null ? void 0 : _a2.bindings;
+  if (Array.isArray(docBindings)) {
+    const updatedBindings = docBindings.map((binding) => {
+      var _a3;
+      const hashed = binding.target.startsWith("#");
+      const id = hashed ? binding.target.slice(1) : binding.target;
+      const newId = (_a3 = idMap.get(id)) != null ? _a3 : id;
+      return __spreadProps(__spreadValues({}, binding), { target: hashed ? "#" + newId : newId });
+    });
+    cloned.animator = __spreadProps(__spreadValues({}, cloned.animator), { bindings: updatedBindings });
+  }
+  return cloned;
+}
+function replaceUrlRefs(value, idMap) {
+  return value.replace(/url\(#([^)]+)\)/g, (match, oldId) => {
+    const newId = idMap.get(oldId);
+    return newId ? "url(#" + newId + ")" : match;
+  });
+}
+
+// src/util/PxAnimatorUtil.ts
+function bezierToSvgPath(path, forceCurves = false) {
+  var _a2, _b, _c, _d;
+  const v = path.v;
+  const i = path.i;
+  const o = path.o;
+  const c = path.c;
+  if (!v.length) return "";
+  const d = [];
+  const len = v.length;
+  d.push("M" + v[0][0] + "," + v[0][1]);
+  for (let idx = 1; idx < len; idx++) {
+    const prevV = v[idx - 1];
+    const prevO = (_a2 = o == null ? void 0 : o[idx - 1]) != null ? _a2 : prevV;
+    const currI = (_b = i == null ? void 0 : i[idx]) != null ? _b : v[idx];
+    const currV = v[idx];
+    const isLine = !forceCurves && (prevO[0] === prevV[0] && prevO[1] === prevV[1]) && (currI[0] === currV[0] && currI[1] === currV[1]);
+    if (isLine) {
+      d.push("L" + currV[0] + "," + currV[1]);
+    } else {
+      d.push("C" + prevO[0] + "," + prevO[1] + "," + currI[0] + "," + currI[1] + "," + currV[0] + "," + currV[1]);
+    }
+  }
+  if (c && len > 0) {
+    const lastV = v[len - 1];
+    const lastO = (_c = o == null ? void 0 : o[len - 1]) != null ? _c : lastV;
+    const firstI = (_d = i == null ? void 0 : i[0]) != null ? _d : v[0];
+    const firstV = v[0];
+    const isLine = !forceCurves && (lastO[0] === lastV[0] && lastO[1] === lastV[1]) && (firstI[0] === firstV[0] && firstI[1] === firstV[1]);
+    if (!isLine) {
+      d.push("C" + lastO[0] + "," + lastO[1] + "," + firstI[0] + "," + firstI[1] + "," + firstV[0] + "," + firstV[1]);
     }
+    d.push("z");
+  }
+  return d.join("");
+}
+function interpolateNum(a, b, t) {
+  return a + (b - a) * t;
+}
+function interpolateVec(a, b, t) {
+  const res = [];
+  const count = Math.max(a.length, b.length);
+  for (let i = 0; i < count; i++) {
+    res[i] = interpolateNum(a[i] || 0, b[i] || 0, t);
+  }
+  return res;
+}
+function interpolateColor(a, b, t) {
+  return [
+    interpolateNum(a[0] || 0, b[0] || 0, t),
+    interpolateNum(a[1] || 0, b[1] || 0, t),
+    interpolateNum(a[2] || 0, b[2] || 0, t),
+    interpolateNum(a[3] === void 0 ? 1 : a[3], b[3] === void 0 ? 1 : b[3], t)
+  ];
+}
+function interpolateBeziers(paths1, paths2, progress) {
+  const count = Math.max(paths1.length, paths2.length);
+  const res = [];
+  for (let i = 0; i < count; i++) {
+    res.push(interpolateBezier(paths1[i], paths2[i], progress));
+  }
+  return res;
+}
+function interpolateBezier(path1, path2, progress) {
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
+  if (!path1 || !path2) return path1 || path2 || { v: [] };
+  const t = Math.min(Math.max(progress, 0), 1);
+  const len = Math.min(path1.v.length, path2.v.length);
+  const v = [];
+  const i = [];
+  const o = [];
+  for (let idx = 0; idx < len; idx++) {
+    const v1 = path1.v[idx];
+    const v2 = path2.v[idx];
+    v.push(interpolateVec(v1, v2, t));
+    const i1 = (_b = (_a2 = path1.i) == null ? void 0 : _a2[idx]) != null ? _b : v1;
+    const i2 = (_d = (_c = path2.i) == null ? void 0 : _c[idx]) != null ? _d : v2;
+    i.push(interpolateVec(i1, i2, t));
+    const o1 = (_f = (_e = path1.o) == null ? void 0 : _e[idx]) != null ? _f : v1;
+    const o2 = (_h = (_g = path2.o) == null ? void 0 : _g[idx]) != null ? _h : v2;
+    o.push(interpolateVec(o1, o2, t));
+  }
+  return { v, i: i.length ? i : void 0, o: o.length ? o : void 0, c: (_i = path1.c) != null ? _i : path2.c };
+}
+function remap(value, inMin, inMax, outMin, outMax) {
+  if (inMax === inMin) return outMin;
+  const t = (value - inMin) / (inMax - inMin);
+  return outMin + t * (outMax - outMin);
+}
+function solveCubicBezierX(p1x, p2x, x) {
+  if (x <= 0) return 0;
+  if (x >= 1) return 1;
+  const cx = 3 * p1x;
+  const bx = 3 * (p2x - p1x) - cx;
+  const ax = 1 - cx - bx;
+  function sampleX(t) {
+    return ((ax * t + bx) * t + cx) * t;
+  }
+  function sampleDX(t) {
+    return (3 * ax * t + 2 * bx) * t + cx;
+  }
+  let t2 = x;
+  let t0 = 0;
+  let t1 = 1;
+  for (let i = 0; i < 8; i++) {
+    const x2 = sampleX(t2) - x;
+    if (Math.abs(x2) < 1e-6) return t2;
+    const d2 = sampleDX(t2);
+    if (Math.abs(d2) < 1e-6) break;
+    t2 -= x2 / d2;
+  }
+  t2 = x;
+  while (t0 < t1) {
+    const x2 = sampleX(t2);
+    if (Math.abs(x2 - x) < 1e-6) return t2;
+    if (x > x2) t0 = t2;
+    else t1 = t2;
+    t2 = (t1 + t0) / 2;
+  }
+  return t2;
+}
+function cubicBezier(easing) {
+  const [p1x, p1y, p2x, p2y] = easing;
+  const cy = 3 * p1y;
+  const by = 3 * (p2y - p1y) - cy;
+  const ay = 1 - cy - by;
+  function sampleCurveY(t) {
+    return ((ay * t + by) * t + cy) * t;
+  }
+  return function(x) {
+    return sampleCurveY(solveCubicBezierX(p1x, p2x, x));
   };
-  walk(root, "root");
-  return problems;
 }
-function validateVersionStamp(doc) {
-  var _a2;
-  const version = (_a2 = getAnimatorConfig(doc)) == null ? void 0 : _a2.version;
-  if (version === void 0) return [];
-  if (parseWireVersion(version) !== void 0) return [];
-  return ["root.animator.version: " + JSON.stringify(version) + ' is not a version stamp ("a.b" or "a.b.c") \u2014 it reads as unstamped'];
+function lerp2(a, b, t) {
+  return [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t];
 }
-function validateDocument(doc, opts) {
-  var _a2;
-  const strict = (opts == null ? void 0 : opts.strict) !== false;
-  const ctx = { errors: [], warnings: [], strict };
-  const problems = PxAnimatedSvgDocumentSchema.isValid(doc, ctx, ["root"]) ? [] : [...ctx.errors];
-  if (doc && typeof doc === "object") {
-    for (const w of validateNodeEffects(doc, { strict })) {
-      if (!problems.includes(w)) problems.push(w);
-    }
-    const defs = (_a2 = getAnimatorConfig(doc)) == null ? void 0 : _a2.definitions;
-    for (const w of validateGlyphFontRefs(doc, defs == null ? void 0 : defs.fonts)) {
-      if (!problems.includes(w)) problems.push(w);
-    }
-    for (const w of validateEasingRefs(doc, defs == null ? void 0 : defs.easings)) {
-      if (!problems.includes(w)) problems.push(w);
-    }
-    for (const w of validateVersionStamp(doc)) {
-      if (!problems.includes(w)) problems.push(w);
-    }
+function subdivideCubicBezier(p0, p1, p2, p3, t) {
+  const q0 = lerp2(p0, p1, t);
+  const q1 = lerp2(p1, p2, t);
+  const q2 = lerp2(p2, p3, t);
+  const r0 = lerp2(q0, q1, t);
+  const r1 = lerp2(q1, q2, t);
+  const s = lerp2(r0, r1, t);
+  return {
+    left: [p0, q0, r0, s],
+    right: [s, r1, q2, p3]
+  };
+}
+function splitEasing(easing, xFraction) {
+  if (!easing) return { left: void 0, right: void 0 };
+  if (xFraction <= 0) return { left: void 0, right: easing };
+  if (xFraction >= 1) return { left: easing, right: void 0 };
+  const [x1, y1, x2, y2] = easing;
+  const t = solveCubicBezierX(x1, x2, xFraction);
+  const p0 = [0, 0];
+  const p1 = [x1, y1];
+  const p2 = [x2, y2];
+  const p3 = [1, 1];
+  const { left, right } = subdivideCubicBezier(p0, p1, p2, p3, t);
+  const sx = left[3][0];
+  const sy = left[3][1];
+  let leftEasing;
+  if (sx > 1e-9 && Math.abs(sy) > 1e-9) {
+    leftEasing = [
+      left[1][0] / sx,
+      left[1][1] / sy,
+      left[2][0] / sx,
+      left[2][1] / sy
+    ];
   }
-  return problems;
+  let rightEasing;
+  const rx = 1 - sx;
+  const ry = 1 - sy;
+  if (rx > 1e-9 && Math.abs(ry) > 1e-9) {
+    rightEasing = [
+      (right[1][0] - sx) / rx,
+      (right[1][1] - sy) / ry,
+      (right[2][0] - sx) / rx,
+      (right[2][1] - sy) / ry
+    ];
+  }
+  return { left: leftEasing, right: rightEasing };
 }
-var PxNodeBase = px.openObject({
-  // CONVENTION (SCHEMA-DESIGN R1 / issues N4): `type` is the ONE word for "what
-  // kind of thing is this", discriminated by its CARRIER — here the node TAG
-  // (`rect`, `text`), and inside a sub-object that object's kind (`fillGradient.type`,
-  // `fillGradient.type`, editor `preset.type`). Each sits in its own object, so
-  // the carrier disambiguates completely; synonyms (`cloneKind`, `presetShape`)
-  // would add words that all mean "type" and still need the carrier to read.
-  // Guarding a `type` SLOT against a wrong VALUE is the job of strict enums
-  // (issues V3), never of distinct key names.
-  type: px.string(),
-  // The escape hatch for elements that carry a REAL `type` attribute — `<feTurbulence
-  // type="fractalNoise">`, `<feFuncR type="table">`, `<feColorMatrix type="saturate">`.
-  // `type` is taken by the tag name, so the attribute travels here and the renderer puts
-  // it back (`PxAnimatorDOM.renderNode`, `PxRnRender`). Declared here — not merely
-  // documented — because a wire key that is not in a schema is invisible to the
-  // minifier's reserve list and gets renamed (MINIFICATION-BOUNDARY-PLAN.md §1.1).
-  domType: px.string().optional(),
-  // Text content of a `<text>` / `<tspan>`. Declared, so a non-string value is a schema error
-  // and the minifier reserves the key; `text` is NOT an alias for it and is not read anywhere.
-  textContent: px.string().optional(),
-  id: px.string().optional(),
-  meta: px.any().optional(),
-  // Player-effects bucket emitted by the Editor's lightweight design format.
-  // Consumed and removed by `applyPlayerEffects` before any other normalization
-  // (see `createAnimatorImpl`), so downstream code never sees it.
-  effects: PxEffectsSchema.optional(),
-  // `PxElementAnimation` (not just `PxAnimationDefinition`) — accepts
-  // string ref / array of refs / inline definition / mixed array; mirrors
-  // `animator.animateById` map values and what `processNode` resolves at runtime.
-  animate: PxElementAnimationSchema.optional(),
-  style: px.union([px.string(), px.record(px.union([px.string(), px.number()]))]).optional()
-}, PxAttrValueSchema);
-var PxNodeSchema = px.openObject(__spreadProps(__spreadValues({}, PxNodeBase._shape), {
-  children: px.lazy(() => px.array(PxNodeSchema), []).optional()
-}), PxAttrValueSchema);
-var PxSvgNodeExtra = px.object({
-  // `"100%"` and other SVG length strings are legal here — a number-only slot rejected
-  // real documents (e.g. apple-store-look-14-main.json) at the root <svg>.
-  width: px.union([px.number(), px.string()]).optional(),
-  height: px.union([px.number(), px.string()]).optional(),
-  viewBox: px.string().optional(),
-  animator: PxAnimatorConfigSchema.optional()
-});
-var PxAnimatedSvgDocumentSchema = px.openObject(__spreadProps(__spreadValues(__spreadValues({}, PxNodeBase._shape), PxSvgNodeExtra._shape), {
-  type: px.literal("svg"),
-  // override string → literal to require 'svg'
-  children: px.array(PxNodeSchema).optional()
-}), PxAttrValueSchema);
-var PxBezierPathSchema = implementsInterface()(px.object({
-  v: px.array(px.array(px.number())),
-  i: px.array(px.array(px.number())).optional(),
-  o: px.array(px.array(px.number())).optional(),
-  c: px.boolean().optional()
-}));
-function isPxElementFileFormatDeep(fileJson) {
-  const errors = validateDocument(fileJson, { strict: false });
-  return { valid: errors.length === 0, errors };
+function reverseEasing(easing) {
+  if (!easing) return void 0;
+  return [1 - easing[2], 1 - easing[3], 1 - easing[0], 1 - easing[1]];
 }
-
-// src/util/PxIdUtil.ts
-var _idCounter = 0;
-function generateUniqueId() {
-  const timestamp = Date.now().toString(36);
-  const counter = (++_idCounter).toString(36);
-  const random = Math.random().toString(36).substring(2, 6);
-  return "_px_" + timestamp + counter + random;
+function toRGBA(color) {
+  const r = Math.round(color[0] * 255);
+  const g = Math.round(color[1] * 255);
+  const b = Math.round(color[2] * 255);
+  return color.length === 4 ? "rgba(" + r + "," + g + "," + b + "," + color[3] + ")" : "rgb(" + r + "," + g + "," + b + ")";
+}
+function parseRgba(s) {
+  var _a2;
+  const inner = (_a2 = s.match(/rgba?\((.*)\)/)) == null ? void 0 : _a2[1];
+  if (!inner) throw new Error("Invalid rgb/rgba format");
+  const parts = inner.split(",").map((v) => +v.trim());
+  return [parts[0] / 255, parts[1] / 255, parts[2] / 255, ...parts[3] !== void 0 ? [parts[3]] : []];
+}
+function parseHex(s) {
+  const hex = s.slice(1);
+  const isShort = hex.length <= 4;
+  const r = isShort ? hex[0] + hex[0] : hex.slice(0, 2);
+  const g = isShort ? hex[1] + hex[1] : hex.slice(2, 4);
+  const b = isShort ? hex[2] + hex[2] : hex.slice(4, 6);
+  const a = hex.length === 4 ? hex[3] + hex[3] : hex.length === 8 ? hex.slice(6, 8) : null;
+  const result = [
+    parseInt(r, 16) / 255,
+    parseInt(g, 16) / 255,
+    parseInt(b, 16) / 255
+  ];
+  if (a !== null) {
+    result.push(parseInt(a, 16) / 255);
+  }
+  return result;
 }
-function deepClone(value) {
-  if (value === null || typeof value !== "object") return value;
-  if (Array.isArray(value)) return value.map((item) => deepClone(item));
-  const obj = value;
-  const cloned = {};
-  for (const key of Object.keys(obj)) {
-    cloned[key] = deepClone(obj[key]);
+function parseColor(s) {
+  if (!s) return void 0;
+  if (Array.isArray(s)) return s;
+  if (typeof s !== "string") return void 0;
+  if (s.startsWith("#")) {
+    return parseHex(s);
+  } else if (s.startsWith("rgb")) {
+    return parseRgba(s);
+  } else {
+    console.warn("Unsupported color format: " + s);
   }
-  return cloned;
+  return void 0;
 }
-function generateNewIds(doc) {
+var PX_COLOR_ATTR_NAMES = /* @__PURE__ */ new Set(["color", "fill", "flood-color", "lighting-color", "stop-color", "stroke"]);
+var PX_TRANSFORM_FN_NAMES = /* @__PURE__ */ new Set(["translate", "rotate", "scale", "skew"]);
+var PX_PCT_BASED_ATTR_NAMES = /* @__PURE__ */ new Set(["offset-distance", "offsetDistance"]);
+function composeTransformParts(parts, opts) {
+  var _a2;
+  if (!parts) return "";
+  const withUnits = (_a2 = opts == null ? void 0 : opts.withUnits) != null ? _a2 : true;
+  const segs = [];
+  const t = parts.translate;
+  const o = parts.origin;
+  const r = parts.rotate;
+  const k = parts.skew;
+  const s = parts.scale;
+  const tu = withUnits ? "px" : "";
+  const ru = withUnits ? "deg" : "";
+  if (t) segs.push("translate(" + t[0] + tu + "," + t[1] + tu + ")");
+  if (o) segs.push("translate(" + o[0] + tu + "," + o[1] + tu + ")");
+  if (r !== void 0 && r !== null) segs.push("rotate(" + r + ru + ")");
+  if (k !== void 0 && k !== null) segs.push("skewX(" + k + ru + ")");
+  if (s) segs.push("scale(" + s[0] + "," + s[1] + ")");
+  if (o) segs.push("translate(" + -o[0] + tu + "," + -o[1] + tu + ")");
+  return segs.join("");
+}
+function parseTransformParts(str2) {
   var _a2, _b;
-  const cloned = deepClone(doc);
-  const idMap = /* @__PURE__ */ new Map();
-  const hashRefAttrs = /* @__PURE__ */ new Set(["href", "xlink:href"]);
-  const urlRefAttrs = /* @__PURE__ */ new Set([
-    "fill",
-    "stroke",
-    "clip-path",
-    "clipPath",
-    "mask",
-    "marker",
-    "marker-start",
-    "marker-mid",
-    "marker-end",
-    "filter",
-    "flood-color",
-    "lighting-color"
-  ]);
-  const directIdRefAttrs = /* @__PURE__ */ new Set(["targetId", "boundElementId"]);
-  const isEffectSourceRef = (key, parentKey) => key === "source" && (parentKey === "maskedBy" || parentKey === "clone");
-  function collectIds(node) {
-    if (!node || typeof node !== "object") return;
-    if (node.id && typeof node.id === "string") {
-      const oldId = node.id;
-      const newId = generateUniqueId();
-      idMap.set(oldId, newId);
-      node.id = newId;
-    } else if (node.animate) {
-      node.id = generateUniqueId();
-    }
-    if (Array.isArray(node.children)) {
-      for (const child of node.children) {
-        collectIds(child);
-      }
-    }
-  }
-  function updateRefs(node, parentKey) {
-    if (!node || typeof node !== "object") return;
-    for (const [key, value] of Object.entries(node)) {
-      if (key === "children") {
-        if (Array.isArray(value)) {
-          for (const child of value) {
-            updateRefs(child);
-          }
-        }
-        continue;
-      }
-      if (typeof value === "string") {
-        if (hashRefAttrs.has(key) && value.startsWith("#")) {
-          const oldId = value.slice(1);
-          const newId = idMap.get(oldId);
-          if (newId) {
-            node[key] = "#" + newId;
-          }
-        } else if (urlRefAttrs.has(key)) {
-          node[key] = replaceUrlRefs(value, idMap);
-        } else if (directIdRefAttrs.has(key) || isEffectSourceRef(key, parentKey)) {
-          const hasHash = value.startsWith("#");
-          const newId = idMap.get(hasHash ? value.slice(1) : value);
-          if (newId) {
-            node[key] = hasHash ? "#" + newId : newId;
-          }
-        } else if (value.includes("url(#")) {
-          node[key] = replaceUrlRefs(value, idMap);
-        }
-      } else if (key === "style" && typeof value === "object" && value !== null) {
-        for (const [styleProp, styleValue] of Object.entries(value)) {
-          if (typeof styleValue === "string") {
-            value[styleProp] = replaceUrlRefs(styleValue, idMap);
-          }
-        }
-      } else if (typeof value === "object" && value !== null) {
-        updateRefs(value, key);
-      }
-    }
-  }
-  collectIds(cloned);
-  updateRefs(cloned);
-  const docAnimate = (_a2 = cloned.animator) == null ? void 0 : _a2.animateById;
-  if (docAnimate && typeof docAnimate === "object") {
-    const updatedAnimate = {};
-    for (const [key, anim] of Object.entries(docAnimate)) {
-      const hashed = key.startsWith("#");
-      const id = hashed ? key.slice(1) : key;
-      const newId = (_b = idMap.get(id)) != null ? _b : id;
-      updatedAnimate[hashed ? "#" + newId : newId] = anim;
+  if (!str2 || typeof str2 !== "string") return void 0;
+  const out = {};
+  const re = /([a-zA-Z]+)\s*\(([^)]*)\)/g;
+  const order = ["translate", "rotate", "skewX", "scale"];
+  let lastIdx = -1;
+  let m;
+  while ((m = re.exec(str2)) !== null) {
+    const fn = m[1];
+    const idx = order.indexOf(fn);
+    if (idx < 0 || idx <= lastIdx) return void 0;
+    lastIdx = idx;
+    const nums = m[2].split(/[\s,]+/).filter(Boolean).map(Number);
+    if (nums.some((n) => Number.isNaN(n))) return void 0;
+    if (fn === "translate") {
+      if (nums.length < 1 || nums.length > 2) return void 0;
+      out.translate = [nums[0], (_a2 = nums[1]) != null ? _a2 : 0];
+    } else if (fn === "rotate") {
+      if (nums.length !== 1) return void 0;
+      out.rotate = nums[0];
+    } else if (fn === "skewX") {
+      if (nums.length !== 1) return void 0;
+      out.skew = nums[0];
+    } else {
+      if (nums.length < 1 || nums.length > 2) return void 0;
+      out.scale = [nums[0], (_b = nums[1]) != null ? _b : nums[0]];
     }
-    cloned.animator = __spreadProps(__spreadValues({}, cloned.animator), { animateById: updatedAnimate });
   }
-  return cloned;
+  if (str2.replace(/([a-zA-Z]+)\s*\(([^)]*)\)/g, "").replace(/[\s,]/g, "").length) return void 0;
+  return Object.keys(out).length ? out : void 0;
 }
-function replaceUrlRefs(value, idMap) {
-  return value.replace(/url\(#([^)]+)\)/g, (match, oldId) => {
-    const newId = idMap.get(oldId);
-    return newId ? "url(#" + newId + ")" : match;
-  });
+var PX_DEFAULT_DURATION_MS = 1e3;
+function kebabToCamelCaseWord(kebab) {
+  return kebab.includes("-") ? kebab.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()) : kebab;
 }
-
-// src/util/PxNodeProps.ts
-var DISALLOWED_SVG_TAGS_LOWER = /* @__PURE__ */ new Set([
-  "script",
-  "foreignobject"
-]);
-var URL_VALUE_ATTRS_LOWER = /* @__PURE__ */ new Set([
-  "href",
-  // <use>, <image>
-  "xlink:href",
-  // legacy <use>
-  "src",
-  // <image>
-  "filter",
-  // url(#filterId)
-  "clippath",
-  // clip-path="url(#…)"
-  "mask",
-  // url(#maskId)
-  "markerstart",
-  // marker-start="url(#…)"
-  "markermid",
-  // marker-mid="url(#…)"
-  "markerend"
-  // marker-end="url(#…)"
+function isCamelCaseWord(word) {
+  return !word.includes("-") && /[a-z][A-Z]/.test(word);
+}
+var SVG_CAMEL_CASE_ATTRS = /* @__PURE__ */ new Set([
+  // Transform/positioning
+  "viewBox",
+  "preserveAspectRatio",
+  // Gradient
+  "gradientUnits",
+  "gradientTransform",
+  "spreadMethod",
+  // Pattern
+  "patternUnits",
+  "patternContentUnits",
+  "patternTransform",
+  // Clipping/masking
+  "clipPathUnits",
+  "maskUnits",
+  "maskContentUnits",
+  // Marker  (SVG spec keeps these camelCase, like viewBox)
+  "markerUnits",
+  "markerWidth",
+  "markerHeight",
+  "refX",
+  "refY",
+  // Text
+  "textLength",
+  "lengthAdjust",
+  "startOffset",
+  // Filter
+  "filterUnits",
+  "primitiveUnits",
+  "tableValues",
+  // feFuncR/G/B/A transfer table (type="table")
+  "stdDeviation",
+  "baseFrequency",
+  "numOctaves",
+  "surfaceScale",
+  "diffuseConstant",
+  "specularConstant",
+  "specularExponent",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "edgeMode",
+  "preserveAlpha",
+  "targetX",
+  "targetY"
+  // // Animation
+  // 'attributeName',
+  // 'attributeType',
+  // 'calcMode',
+  // 'keyTimes',
+  // 'keySplines',
+  // 'repeatCount',
+  // 'repeatDur'    
 ]);
-var IMAGE_REF_ATTRS_LOWER = /* @__PURE__ */ new Set(["href", "xlink:href", "src"]);
-var CSS_ONLY_STYLE_PROPS = /* @__PURE__ */ new Set(["mixBlendMode", "isolation"]);
-var DATA_RASTER_IMAGE_RE = /^data:image\/(?:png|jpe?g|gif|webp|bmp);base64,/i;
-var DATA_SVG_IMAGE_RE = /^data:image\/svg\+xml(?:;[^,]*)?,/i;
-var DATA_IMAGE_BASE64_PAYLOAD_RE = /^data:image\/[^;,]*;base64,([A-Za-z0-9+/]{8})/i;
-var BASE64_RASTER_MAGICS = ["iVBORw0K", "/9j/", "R0lGOD", "UklGR", "Qk"];
-function isContentSniffedRasterImage(str2) {
-  const m = DATA_IMAGE_BASE64_PAYLOAD_RE.exec(str2);
-  return !!m && BASE64_RASTER_MAGICS.some((magic) => m[1].startsWith(magic));
-}
-function isDangerousAttrName(nameLower) {
-  if (nameLower.startsWith("on")) return true;
-  return false;
+function camelCaseToKebabWordIfNeeded(camel) {
+  return SVG_CAMEL_CASE_ATTRS.has(camel) ? camel : camel.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function sanitizeAttributeValue(name, value) {
-  const nameLower = name.toLowerCase();
-  if (isDangerousAttrName(nameLower)) {
-    console.warn("Attribute blocked (event handler / dangerous): ", nameLower);
-    return void 0;
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(value, max));
+}
+function bezier2D_pointAt(P0, P1, P2, P3, t) {
+  if (t <= 0) return [P0[0], P0[1]];
+  if (t >= 1) return [P3[0], P3[1]];
+  const u = 1 - t;
+  const u2 = u * u;
+  const u3 = u2 * u;
+  const t2 = t * t;
+  const t3 = t2 * t;
+  const w0 = u3;
+  const w1 = 3 * t * u2;
+  const w2 = 3 * t2 * u;
+  const w3 = t3;
+  return [
+    w0 * P0[0] + w1 * P1[0] + w2 * P2[0] + w3 * P3[0],
+    w0 * P0[1] + w1 * P1[1] + w2 * P2[1] + w3 * P3[1]
+  ];
+}
+var BEZIER_T_NUDGE = 1e-4;
+function bezier2D_derivativeAt(P0, P1, P2, P3, t) {
+  const result = _bezier2D_derivativeAtRaw(P0, P1, P2, P3, t);
+  if (result[0] === 0 && result[1] === 0) {
+    const nudgedT = t < 0.5 ? t + BEZIER_T_NUDGE : t - BEZIER_T_NUDGE;
+    return _bezier2D_derivativeAtRaw(P0, P1, P2, P3, nudgedT);
   }
-  if (nameLower === "fill" || nameLower === "stroke" || nameLower === "stopcolor") {
-    const str2 = String(value);
-    if (str2.includes("url(") && !/^url\(#[^)]+\)$/.test(str2)) {
-      console.warn('Attribute "' + nameLower + '" blocked: url() must be internal url(#id), got:', value);
-      return void 0;
-    }
-    return value;
+  return result;
+}
+function _bezier2D_derivativeAtRaw(P0, P1, P2, P3, t) {
+  const u = 1 - t;
+  const a = 3 * u * u;
+  const b = 6 * t * u;
+  const c = 3 * t * t;
+  return [
+    a * (P1[0] - P0[0]) + b * (P2[0] - P1[0]) + c * (P3[0] - P2[0]),
+    a * (P1[1] - P0[1]) + b * (P2[1] - P1[1]) + c * (P3[1] - P2[1])
+  ];
+}
+function bezier2D_arcLengthLUT(P0, P1, P2, P3, steps = 100) {
+  const n = steps + 1;
+  const ts = new Float64Array(n);
+  const ds = new Float64Array(n);
+  let prev = bezier2D_pointAt(P0, P1, P2, P3, 0);
+  ts[0] = 0;
+  ds[0] = 0;
+  let cum = 0;
+  for (let i = 1; i < n; i++) {
+    const t = i / steps;
+    const cur = bezier2D_pointAt(P0, P1, P2, P3, t);
+    const dx = cur[0] - prev[0];
+    const dy = cur[1] - prev[1];
+    cum += Math.sqrt(dx * dx + dy * dy);
+    ts[i] = t;
+    ds[i] = cum;
+    prev = cur;
   }
-  if (URL_VALUE_ATTRS_LOWER.has(nameLower)) {
-    const str2 = String(value);
-    if (str2.startsWith("#")) return value;
-    if (/^url\(#[^)]+\)$/.test(str2)) return value;
-    if (IMAGE_REF_ATTRS_LOWER.has(nameLower) && (DATA_RASTER_IMAGE_RE.test(str2) || DATA_SVG_IMAGE_RE.test(str2) || isContentSniffedRasterImage(str2))) return value;
-    console.warn('Attribute "' + nameLower + '" blocked: must be #id, url(#id), or data:image/\u2026 URI, got:', value);
-    return void 0;
+  return { ts, ds };
+}
+function bezier2D_tForDistance(lut, distance) {
+  const { ts, ds } = lut;
+  const last = ds.length - 1;
+  if (distance <= 0) return ts[0];
+  if (distance >= ds[last]) return ts[last];
+  let lo = 1;
+  let hi = last;
+  while (lo < hi) {
+    const mid = lo + hi >>> 1;
+    if (ds[mid] < distance) lo = mid + 1;
+    else hi = mid;
   }
-  return value;
+  const dPrev = ds[hi - 1];
+  const dCur = ds[hi];
+  const span = dCur - dPrev;
+  const frac = span > 0 ? (distance - dPrev) / span : 0;
+  return ts[hi - 1] + frac * (ts[hi] - ts[hi - 1]);
 }
-function resolveStyle(style, defs) {
-  var _a2;
-  if (!style) return void 0;
-  if (typeof style === "string") {
-    return (_a2 = defs == null ? void 0 : defs.styles) == null ? void 0 : _a2[style];
+function bezier2D_arcAtT(lut, t) {
+  const { ts, ds } = lut;
+  const last = ts.length - 1;
+  if (t <= ts[0]) return ds[0];
+  if (t >= ts[last]) return ds[last];
+  let lo = 1, hi = last;
+  while (lo < hi) {
+    const mid = lo + hi >>> 1;
+    if (ts[mid] < t) lo = mid + 1;
+    else hi = mid;
   }
-  return style;
+  const tPrev = ts[hi - 1];
+  const span = ts[hi] - tPrev;
+  const frac = span > 0 ? (t - tPrev) / span : 0;
+  return ds[hi - 1] + frac * (ds[hi] - ds[hi - 1]);
+}
+function invertEasing(easing) {
+  if (!easing) return (y) => y;
+  const flipped = [easing[1], easing[0], easing[3], easing[2]];
+  return cubicBezier(flipped);
 }
-function getNormalizedProps(props) {
+
+// src/util/PxNodeProps.ts
+function toDomProps(props) {
   const propsCopy = {};
   for (const rawKey of Object.keys(props)) {
     const key = kebabToCamelCaseWord(rawKey);
     if (INTERNAL_ATTRS.has(key)) continue;
     if (key === "style") continue;
     let value = props[rawKey];
-    if (COLOR_ATTR_NAMES.has(key) && Array.isArray(value)) {
+    if (PX_COLOR_ATTR_NAMES.has(key) && Array.isArray(value)) {
       propsCopy[key] = toRGBA(value);
     } else if (key === "transform" && value !== null && typeof value === "object" && !Array.isArray(value) && !value.keyframes) {
       const parts = value.value && typeof value.value === "object" ? value.value : value;
       propsCopy[TRANSFORM_ATTR] = composeTransformParts(parts, { withUnits: false });
-    } else if (TRANSFORM_FN_NAMES.has(key)) {
+    } else if (PX_TRANSFORM_FN_NAMES.has(key)) {
       if (Array.isArray(value)) {
         if (key === "translate") value = value.map((v) => v + "px");
         value = value.join(",");
@@ -2622,7 +2292,7 @@ function getNormalizedProps(props) {
 
 // src/materialize/PxMotionPath.ts
 function getKfTranslate(kf) {
-  const v = kfValue(kf);
+  const v = keyframeValue(kf);
   if (!v) return void 0;
   if (Array.isArray(v) && v.length >= 2 && typeof v[0] === "number" && typeof v[1] === "number") {
     return [v[0], v[1]];
@@ -2632,17 +2302,17 @@ function getKfTranslate(kf) {
   return void 0;
 }
 function getKfTime(kf) {
-  return kfTime(kf);
+  return keyframeTime(kf);
 }
 function getKfEasing(kf) {
-  return kfEasing(kf);
+  return keyframeEasing(kf);
 }
 function propAnimIsMotionPath(anim) {
   const kfs = anim.keyframes;
   if (!Array.isArray(kfs)) return false;
   if (anim.autoOrient) return true;
   for (const kf of kfs) {
-    if (kfTangentIn(kf) || kfTangentOut(kf)) return true;
+    if (keyframeTangentIn(kf) || keyframeTangentOut(kf)) return true;
   }
   return false;
 }
@@ -2651,8 +2321,8 @@ function getSegmentCache(prevKf, nextKf, prevPos, nextPos) {
   let byNext = _segmentCache.get(prevKf);
   const existing = byNext == null ? void 0 : byNext.get(nextKf);
   if (existing) return existing;
-  const to = kfTangentOut(prevKf);
-  const ti = kfTangentIn(nextKf);
+  const to = keyframeTangentOut(prevKf);
+  const ti = keyframeTangentIn(nextKf);
   const P1 = [prevPos[0] + (to ? to[0] : 0), prevPos[1] + (to ? to[1] : 0)];
   const P2 = [nextPos[0] + (ti ? ti[0] : 0), nextPos[1] + (ti ? ti[1] : 0)];
   const lut = bezier2D_arcLengthLUT(prevPos, P1, P2, nextPos);
@@ -2745,7 +2415,7 @@ function materializeMotionPathInPropAnim(anim, opts) {
 function unwrapAutoOrientRotations(kfs) {
   let prev;
   for (const kf of kfs) {
-    const v = kfValue(kf);
+    const v = keyframeValue(kf);
     if (!v || typeof v.rotate !== "number") continue;
     if (prev === void 0) {
       prev = v.rotate;
@@ -2762,7 +2432,7 @@ function makeOutKf(time, value) {
   return { t: time, v: value };
 }
 function getKfValueParts(kf) {
-  const v = kfValue(kf);
+  const v = keyframeValue(kf);
   if (!v || typeof v !== "object" || Array.isArray(v)) return void 0;
   return v;
 }
@@ -2824,7 +2494,7 @@ function wrappedAngleDelta(a, b) {
 }
 function insertSharpCornerStepKfIfNeeded(out, prevKf, nextKf, prevPos, nextPos, rotationTol) {
   const lastKf = out[out.length - 1];
-  const lastV = kfValue(lastKf);
+  const lastV = keyframeValue(lastKf);
   const prevExit = lastV == null ? void 0 : lastV.rotate;
   if (typeof prevExit !== "number") return;
   const boundaryV = getKfValueParts(prevKf);
@@ -3006,7 +2676,7 @@ function walkAndMaterialize(node, opts) {
 }
 
 // src/animation/PxDefinitions.ts
-var LOOP_JUMP_SHIFT_MS = 1;
+var PX_LOOP_JUMP_SHIFT_MS = 1;
 function deepEqualValue(a, b) {
   if (a === b) return true;
   if (typeof a !== typeof b || a === null || b === null || typeof a !== "object") return false;
@@ -3182,7 +2852,7 @@ function interpolateValue(propName, a, b, t) {
     const bPaths = (_b = b == null ? void 0 : b.paths) != null ? _b : Array.isArray(b) ? b : [];
     return { paths: interpolateBeziers(aPaths, bPaths, t) };
   }
-  if (COLOR_ATTR_NAMES.has(propName)) {
+  if (PX_COLOR_ATTR_NAMES.has(propName)) {
     return interpolateColor(a || [0, 0, 0, 1], b || [0, 0, 0, 1], t);
   }
   if (propName === "transform" && typeof a === "object" && a !== null && !Array.isArray(a) && typeof b === "object" && b !== null && !Array.isArray(b)) {
@@ -3191,7 +2861,7 @@ function interpolateValue(propName, a, b, t) {
   if (propName === "rotate" && typeof a === "number" && typeof b === "number") {
     return interpolateNum(a, b, t);
   }
-  if (TRANSFORM_FN_NAMES.has(propName) || propName === "stroke-dasharray" || propName === "strokeDasharray") {
+  if (PX_TRANSFORM_FN_NAMES.has(propName) || propName === "stroke-dasharray" || propName === "strokeDasharray") {
     return interpolateVec(a || [], b || [], t);
   }
   return interpolateNum(+(a || 0), +(b || 0), t);
@@ -3243,8 +2913,8 @@ function expandLoopKeyframes(propName, keyframes, loop, duration) {
     relT: (kf.t - segStartT) / segDuration,
     v: kf.v,
     e: kf.e,
-    tangentIn: kfTangentIn(kf),
-    tangentOut: kfTangentOut(kf)
+    tangentIn: keyframeTangentIn(kf),
+    tangentOut: keyframeTangentOut(kf)
   }));
   const fullReps = Math.floor(fillDuration / segDuration);
   const remainder = fillDuration - fullReps * segDuration;
@@ -3310,7 +2980,7 @@ function expandLoopKeyframes(propName, keyframes, loop, duration) {
         }
       }
       const pushed = {
-        t: repStart + entry.relT * segDuration + (isBoundary ? LOOP_JUMP_SHIFT_MS : 0),
+        t: repStart + entry.relT * segDuration + (isBoundary ? PX_LOOP_JUMP_SHIFT_MS : 0),
         v: entry.v,
         e: i < entries.length - 1 ? entry.e : void 0
       };
@@ -3397,14 +3067,14 @@ function normalizeKeyframes(propName, propAnim, duration, defs) {
   const keyframes = propAnim.keyframes || [];
   const normalized = [];
   for (const kf of keyframes) {
-    const timePct = kfTime(kf);
-    let value = kfValue(kf);
-    const easing = kfEasing(kf);
+    const timePct = keyframeTime(kf);
+    let value = keyframeValue(kf);
+    const easing = keyframeEasing(kf);
     if (propName === "d") {
       value = normalizePathValue(value);
     }
     const propNameKebab = isCamelCaseWord(propName) ? camelCaseToKebabWordIfNeeded(propName) : propName;
-    if (COLOR_ATTR_NAMES.has(propNameKebab)) {
+    if (PX_COLOR_ATTR_NAMES.has(propNameKebab)) {
       value = (_a2 = parseColor(value)) != null ? _a2 : value;
     }
     const normKf = {
@@ -3412,8 +3082,8 @@ function normalizeKeyframes(propName, propAnim, duration, defs) {
       v: value,
       e: resolveEasing(easing, defs)
     };
-    const tIn = kfTangentIn(kf);
-    const tOut = kfTangentOut(kf);
+    const tIn = keyframeTangentIn(kf);
+    const tOut = keyframeTangentOut(kf);
     if (tIn) normKf.tangentIn = tIn;
     if (tOut) normKf.tangentOut = tOut;
     normalized.push(normKf);
@@ -3445,17 +3115,17 @@ function materializeInternalLoopsInPropAnim(propName, propAnim, duration) {
   const rawKfs = propAnim.keyframes;
   if (!Array.isArray(rawKfs) || rawKfs.length < 2) return propAnim;
   const propNameKebab = isCamelCaseWord(propName) ? camelCaseToKebabWordIfNeeded(propName) : propName;
-  const isColor = COLOR_ATTR_NAMES.has(propNameKebab);
+  const isColor = PX_COLOR_ATTR_NAMES.has(propNameKebab);
   const kfs = rawKfs.map((kf) => {
     var _a2;
-    const t = kfTime(kf);
-    let v = kfValue(kf);
+    const t = keyframeTime(kf);
+    let v = keyframeValue(kf);
     if (propName === "d") v = normalizePathValue(v);
     if (isColor) v = (_a2 = parseColor(v)) != null ? _a2 : v;
-    const e = kfEasing(kf);
+    const e = keyframeEasing(kf);
     const out2 = { t, v, e };
-    const tIn = kfTangentIn(kf);
-    const tOut = kfTangentOut(kf);
+    const tIn = keyframeTangentIn(kf);
+    const tOut = keyframeTangentOut(kf);
     if (tIn) out2.tangentIn = tIn;
     if (tOut) out2.tangentOut = tOut;
     return out2;
@@ -3520,7 +3190,7 @@ function mergeStaticTransformIntoAnimDef(animDef, staticTransform) {
     }
     return animDef;
   }
-  const channels = Object.keys(animDef).filter((k) => TRANSFORM_FN_NAMES.has(k));
+  const channels = Object.keys(animDef).filter((k) => PX_TRANSFORM_FN_NAMES.has(k));
   if (channels.length !== 1) return animDef;
   const ch = channels[0];
   const chAnim = animDef[ch];
@@ -3549,14 +3219,12 @@ function normalizeAnimationDefinition(animDef, duration, defs, engine = PxTimeli
   }
   return normalized;
 }
-function getNormalizedBindings(doc, engine = PxTimelineEngine.native) {
+function normalizeBindings(doc, engine = PxTimelineEngine.native) {
   const animatorConfig = getAnimatorConfig(doc) || {};
-  const defs = getDefs(doc);
+  const defs = getDefinitions(doc);
   const duration = animatorConfig.duration || 1e3;
   const bindings = [];
-  const processAnimation = (id, animate, staticTransform) => {
-    if (!animate) return null;
-    const animDefs = resolveElementAnimation(animate, defs);
+  const processAnimation = (id, animDefs, staticTransform) => {
     if (animDefs.length === 0) return null;
     const merged = mergeStaticTransformIntoAnimDef(mergeAnimationDefinitions(animDefs), staticTransform);
     const normalizedAnim = normalizeAnimationDefinition(merged, duration, defs, engine);
@@ -3569,7 +3237,9 @@ function getNormalizedBindings(doc, engine = PxTimelineEngine.native) {
   const docBindings = getBindings(doc);
   if (docBindings) {
     for (const binding of docBindings) {
-      const normalized = processAnimation(binding.id, binding.animate);
+      const id = binding.target.startsWith("#") ? binding.target.slice(1) : binding.target;
+      const animDefs = binding.animateWith.map((name) => resolveAnimation(name, defs)).filter((d) => !!d);
+      const normalized = processAnimation(id, animDefs);
       if (normalized) bindings.push(normalized);
     }
   }
@@ -3578,7 +3248,7 @@ function getNormalizedBindings(doc, engine = PxTimelineEngine.native) {
     if (inlineAnim && Object.keys(inlineAnim).length > 0) {
       const nodeId = node.id || generateElementId();
       node.id = nodeId;
-      const normalized = processAnimation(nodeId, inlineAnim, node.transform);
+      const normalized = processAnimation(nodeId, resolveElementAnimation(inlineAnim, defs), node.transform);
       if (normalized) bindings.push(normalized);
     }
     if (node.children) {
@@ -3621,7 +3291,7 @@ function calcPropertyValue(propName, propAnim, progress) {
   const { prevKf, nextKf } = getKeyframesPair(keyframes, progress);
   let localProgress = prevKf === nextKf ? 0 : remap(progress, (_a2 = prevKf.t) != null ? _a2 : 0, (_b = nextKf.t) != null ? _b : 0, 0, 1);
   localProgress = clamp(localProgress, 0, 1);
-  const easing = kfEasing(prevKf);
+  const easing = keyframeEasing(prevKf);
   if (easing && Array.isArray(easing)) {
     try {
       localProgress = cubicBezier(easing)(localProgress);
@@ -3640,7 +3310,7 @@ function calcPropertyValue(propName, propAnim, progress) {
       nextPaths,
       localProgress
     ).map((bz) => bezierToSvgPath(bz)).join("");
-  } else if (COLOR_ATTR_NAMES.has(cssAttrName)) {
+  } else if (PX_COLOR_ATTR_NAMES.has(cssAttrName)) {
     cssValue = toRGBA(interpolateColor(
       prevV || [0, 0, 0, 1],
       nextV || [0, 0, 0, 1],
@@ -3680,273 +3350,61 @@ function calcPropertyValue(propName, propAnim, progress) {
           nextKf,
           [+prevTr[0], +prevTr[1]],
           [+nextTr[0], +nextTr[1]],
-          localProgress,
-          !!propAnim.autoOrient
-        );
-        partsResult.translate = [sample.translate[0], sample.translate[1]];
-        if (sample.rotateDeg !== void 0) partsResult.rotate = sample.rotateDeg;
-      }
-    }
-    cssValue = composeTransformParts(partsResult, { withUnits: false });
-    cssAttrName = "transform";
-  } else if (cssAttrName === "translate") {
-    const v = interpolateVec(
-      prevV || [0, 0],
-      nextV || [0, 0],
-      localProgress
-    );
-    cssValue = "translate(" + v.join(",") + ")";
-    cssAttrName = "transform";
-  } else if (cssAttrName === "rotate") {
-    const v = interpolateNum(
-      +(prevV || 0),
-      +(nextV || 0),
-      localProgress
-    );
-    cssValue = "rotate(" + v + ")";
-    cssAttrName = "transform";
-  } else if (cssAttrName === "scale") {
-    const v = interpolateVec(
-      prevV || [1, 1],
-      nextV || [1, 1],
-      localProgress
-    );
-    cssValue = "scale(" + v.join(",") + ")";
-    cssAttrName = "transform";
-  } else {
-    const num2 = interpolateNum(
-      +(prevV || 0),
-      +(nextV || 0),
-      localProgress
-    );
-    cssValue = num2;
-  }
-  if (PCT_BASED_ATTR_NAMES.has(cssAttrName) && typeof cssValue === "number") {
-    cssValue = cssValue * 100 + "%";
-  }
-  return { k: cssAttrName, v: cssValue === null ? "" : "" + cssValue };
-}
-function calcAnimationValues(animDef, progress) {
-  const result = {};
-  for (const [propName, propAnim] of Object.entries(animDef)) {
-    const computed = calcPropertyValue(propName, propAnim, progress);
-    if (computed) {
-      result[computed.k] = computed.v;
-    }
-  }
-  return result;
-}
-
-// src/util/PxNodeCloneUtil.ts
-function deepClonePxNode(value) {
-  if (value === null || typeof value !== "object") return value;
-  if (Array.isArray(value)) return value.map(deepClonePxNode);
-  const out = {};
-  for (const k of Object.keys(value)) out[k] = deepClonePxNode(value[k]);
-  return out;
-}
-function regenerateIdsAndRewriteRefs(root, genId3) {
-  const oldToNew = /* @__PURE__ */ new Map();
-  const walkAssign = (n) => {
-    var _a2;
-    if (typeof n.id === "string") {
-      const newId = genId3();
-      oldToNew.set(n.id, newId);
-      n.id = newId;
-    }
-    (_a2 = n.children) == null ? void 0 : _a2.forEach(walkAssign);
-  };
-  walkAssign(root);
-  const rewriteUrl = (s) => s.replace(/url\(#([^)]+)\)/g, (m, oldId) => {
-    const newId = oldToNew.get(oldId);
-    return newId ? "url(#" + newId + ")" : m;
-  });
-  const walkRewrite = (n) => {
-    var _a2;
-    if (typeof n.href === "string" && n.href.startsWith("#")) {
-      const newId = oldToNew.get(n.href.slice(1));
-      if (newId) n.href = "#" + newId;
-    }
-    for (const k of Object.keys(n)) {
-      if (k === "children" || k === "effects" || k === "meta" || k === "animate" || k === "href" || k === "id") continue;
-      const v = n[k];
-      if (typeof v === "string" && v.indexOf("url(#") !== -1) {
-        n[k] = rewriteUrl(v);
-      }
-    }
-    (_a2 = n.children) == null ? void 0 : _a2.forEach(walkRewrite);
-  };
-  walkRewrite(root);
-  return oldToNew;
-}
-function toFiniteNum(v) {
-  const n = typeof v === "number" ? v : typeof v === "string" ? parseFloat(v) : NaN;
-  return Number.isFinite(n) ? n : 0;
-}
-function applyUseOffsetToG(gNode) {
-  var _a2;
-  const x = toFiniteNum(gNode.x);
-  const y = toFiniteNum(gNode.y);
-  delete gNode.x;
-  delete gNode.y;
-  if (!x && !y) return gNode;
-  const offset = "translate(" + x + "," + y + ")";
-  const carriesTransform = gNode.transform !== void 0 || gNode.animate !== void 0;
-  if (carriesTransform) {
-    const inner = { type: "g", transform: offset, children: (_a2 = gNode.children) != null ? _a2 : [] };
-    gNode.children = [inner];
-  } else {
-    gNode.transform = offset;
-  }
-  return gNode;
-}
-
-// src/materialize/PxAnimatorUseMaterializer.ts
-function materializeAnimatedUseInstances(root) {
-  var _a2;
-  const idMap = buildIdMap(root);
-  const animatedIds = computeAnimatedSubtreeIds(root, idMap);
-  if (animatedIds.size === 0) return root;
-  let idCounter = 0;
-  const genId3 = () => "_lw_use_mat_" + ++idCounter;
-  const rootViewport = readRootViewport(root);
-  const defsCollector = [];
-  const walked = walkAndMaterialize2(root, idMap, animatedIds, genId3, defsCollector, rootViewport);
-  if (defsCollector.length === 0) return walked;
-  const defsNode = { type: "defs", children: defsCollector };
-  const newChildren = [...(_a2 = walked.children) != null ? _a2 : [], defsNode];
-  return __spreadProps(__spreadValues({}, walked), { children: newChildren });
-}
-function readRootViewport(root) {
-  const vb = parseViewBox(root.viewBox);
-  if (vb) return [vb[2], vb[3]];
-  const w = numericAttr(root.width);
-  const h = numericAttr(root.height);
-  if (w !== void 0 && h !== void 0) return [w, h];
-  return [1, 1];
-}
-function numericAttr(v) {
-  if (typeof v === "number") return v;
-  if (typeof v === "string") {
-    const n = parseFloat(v);
-    return Number.isFinite(n) ? n : void 0;
-  }
-  return void 0;
-}
-function buildIdMap(root) {
-  const map = /* @__PURE__ */ new Map();
-  const visit = (n) => {
-    var _a2;
-    if (typeof n.id === "string") map.set(n.id, n);
-    (_a2 = n.children) == null ? void 0 : _a2.forEach(visit);
-  };
-  visit(root);
-  return map;
-}
-function computeAnimatedSubtreeIds(root, idMap) {
-  const cache = /* @__PURE__ */ new WeakMap();
-  const result = /* @__PURE__ */ new Set();
-  const hasAnim = (n, visiting) => {
-    const cached = cache.get(n);
-    if (cached !== void 0) return cached;
-    if (visiting.has(n)) return false;
-    visiting.add(n);
-    let r = false;
-    if (n.animate && typeof n.animate === "object" && !Array.isArray(n.animate)) {
-      for (const _ in n.animate) {
-        r = true;
-        break;
-      }
-    }
-    if (!r && n.children) {
-      for (const ch of n.children) {
-        if (hasAnim(ch, visiting)) {
-          r = true;
-          break;
-        }
+          localProgress,
+          !!propAnim.autoOrient
+        );
+        partsResult.translate = [sample.translate[0], sample.translate[1]];
+        if (sample.rotateDeg !== void 0) partsResult.rotate = sample.rotateDeg;
       }
     }
-    if (!r && n.type === "use" && typeof n.href === "string") {
-      const targetId = stripHash(n.href);
-      const target = targetId ? idMap.get(targetId) : void 0;
-      if (target) r = hasAnim(target, visiting);
-    }
-    visiting.delete(n);
-    cache.set(n, r);
-    return r;
-  };
-  for (const [id, node] of idMap) {
-    if (hasAnim(node, /* @__PURE__ */ new Set())) result.add(id);
+    cssValue = composeTransformParts(partsResult, { withUnits: false });
+    cssAttrName = "transform";
+  } else if (cssAttrName === "translate") {
+    const v = interpolateVec(
+      prevV || [0, 0],
+      nextV || [0, 0],
+      localProgress
+    );
+    cssValue = "translate(" + v.join(",") + ")";
+    cssAttrName = "transform";
+  } else if (cssAttrName === "rotate") {
+    const v = interpolateNum(
+      +(prevV || 0),
+      +(nextV || 0),
+      localProgress
+    );
+    cssValue = "rotate(" + v + ")";
+    cssAttrName = "transform";
+  } else if (cssAttrName === "scale") {
+    const v = interpolateVec(
+      prevV || [1, 1],
+      nextV || [1, 1],
+      localProgress
+    );
+    cssValue = "scale(" + v.join(",") + ")";
+    cssAttrName = "transform";
+  } else {
+    const num = interpolateNum(
+      +(prevV || 0),
+      +(nextV || 0),
+      localProgress
+    );
+    cssValue = num;
   }
-  return result;
-}
-function stripHash(href) {
-  if (typeof href !== "string") return void 0;
-  return href.startsWith("#") ? href.slice(1) : href;
-}
-function materializeOneUse(useNode, target, idMap, animatedIds, genId3, defsCollector, rootViewport) {
-  var _a2, _b, _c, _d;
-  const clone2 = deepClonePxNode(target);
-  regenerateIdsAndRewriteRefs(clone2, genId3);
-  const symbolViewBox = clone2.type === "symbol" ? parseViewBox(clone2.viewBox) : void 0;
-  const useW = (_b = (_a2 = numericAttr(useNode.width)) != null ? _a2 : symbolViewBox == null ? void 0 : symbolViewBox[2]) != null ? _b : rootViewport[0];
-  const useH = (_d = (_c = numericAttr(useNode.height)) != null ? _c : symbolViewBox == null ? void 0 : symbolViewBox[3]) != null ? _d : rootViewport[1];
-  const rewrittenClone = clone2.type === "symbol" ? rewriteSymbolRootToGroup(clone2, genId3, defsCollector, useW, useH) : clone2;
-  const materializedClone = walkAndMaterialize2(rewrittenClone, idMap, animatedIds, genId3, defsCollector, rootViewport);
-  const newNode = __spreadProps(__spreadValues({}, useNode), { type: "g", children: [materializedClone] });
-  delete newNode.href;
-  delete newNode.width;
-  delete newNode.height;
-  return applyUseOffsetToG(newNode);
-}
-function rewriteSymbolRootToGroup(symbolNode, genId3, defsCollector, useW, useH) {
-  const viewBox = parseViewBox(symbolNode.viewBox);
-  const g = __spreadProps(__spreadValues({}, symbolNode), { type: "g" });
-  delete g.viewBox;
-  delete g.preserveAspectRatio;
-  delete g.width;
-  delete g.height;
-  if (!viewBox) return g;
-  const [vbX, vbY, vbW, vbH] = viewBox;
-  const scale = vbW > 0 && vbH > 0 ? Math.min(useW / vbW, useH / vbH) : 1;
-  const xOff = (useW - vbW * scale) / 2;
-  const yOff = (useH - vbH * scale) / 2;
-  const parts = [];
-  if (xOff !== 0 || yOff !== 0) parts.push("translate(" + xOff + "," + yOff + ")");
-  if (scale !== 1) parts.push("scale(" + scale + ")");
-  if (vbX !== 0 || vbY !== 0) parts.push("translate(" + -vbX + "," + -vbY + ")");
-  if (parts.length) g.transform = parts.join("");
-  const clipId = genId3();
-  defsCollector.push({
-    type: "clipPath",
-    id: clipId,
-    children: [{ type: "rect", x: vbX, y: vbY, width: vbW, height: vbH }]
-  });
-  g.clipPath = "url(#" + clipId + ")";
-  return g;
-}
-function parseViewBox(v) {
-  if (typeof v !== "string") return void 0;
-  const parts = v.trim().split(/[\s,]+/).map(Number);
-  if (parts.length < 4 || parts.some((n) => !Number.isFinite(n))) return void 0;
-  return [parts[0], parts[1], parts[2], parts[3]];
+  if (PX_PCT_BASED_ATTR_NAMES.has(cssAttrName) && typeof cssValue === "number") {
+    cssValue = cssValue * 100 + "%";
+  }
+  return { k: cssAttrName, v: cssValue === null ? "" : "" + cssValue };
 }
-function walkAndMaterialize2(node, idMap, animatedIds, genId3, defsCollector, rootViewport) {
-  if (node.type === "use" && typeof node.href === "string") {
-    const targetId = stripHash(node.href);
-    if (targetId && animatedIds.has(targetId)) {
-      const target = idMap.get(targetId);
-      if (target) return materializeOneUse(node, target, idMap, animatedIds, genId3, defsCollector, rootViewport);
+function calcAnimationValues(animDef, progress) {
+  const result = {};
+  for (const [propName, propAnim] of Object.entries(animDef)) {
+    const computed = calcPropertyValue(propName, propAnim, progress);
+    if (computed) {
+      result[computed.k] = computed.v;
     }
   }
-  if (!node.children) return node;
-  let changed = false;
-  const newChildren = node.children.map((ch) => {
-    const m = walkAndMaterialize2(ch, idMap, animatedIds, genId3, defsCollector, rootViewport);
-    if (m !== ch) changed = true;
-    return m;
-  });
-  return changed ? __spreadProps(__spreadValues({}, node), { children: newChildren }) : node;
+  return result;
 }
 
 // src/effects/shared/transformParts.ts
@@ -4117,11 +3575,75 @@ function wrapOrigin(inner, raw, invert) {
   return inner;
 }
 
+// src/util/PxNodeCloneUtil.ts
+function deepClonePxNode(value) {
+  if (value === null || typeof value !== "object") return value;
+  if (Array.isArray(value)) return value.map(deepClonePxNode);
+  const out = {};
+  for (const k of Object.keys(value)) out[k] = deepClonePxNode(value[k]);
+  return out;
+}
+function regenerateIdsAndRewriteRefs(root, genId3) {
+  const oldToNew = /* @__PURE__ */ new Map();
+  const walkAssign = (n) => {
+    var _a2;
+    if (typeof n.id === "string") {
+      const newId = genId3();
+      oldToNew.set(n.id, newId);
+      n.id = newId;
+    }
+    (_a2 = n.children) == null ? void 0 : _a2.forEach(walkAssign);
+  };
+  walkAssign(root);
+  const rewriteUrl = (s) => s.replace(/url\(#([^)]+)\)/g, (m, oldId) => {
+    const newId = oldToNew.get(oldId);
+    return newId ? "url(#" + newId + ")" : m;
+  });
+  const walkRewrite = (n) => {
+    var _a2;
+    if (typeof n.href === "string" && n.href.startsWith("#")) {
+      const newId = oldToNew.get(n.href.slice(1));
+      if (newId) n.href = "#" + newId;
+    }
+    for (const k of Object.keys(n)) {
+      if (k === "children" || k === "effects" || k === "meta" || k === "animate" || k === "href" || k === "id") continue;
+      const v = n[k];
+      if (typeof v === "string" && v.indexOf("url(#") !== -1) {
+        n[k] = rewriteUrl(v);
+      }
+    }
+    (_a2 = n.children) == null ? void 0 : _a2.forEach(walkRewrite);
+  };
+  walkRewrite(root);
+  return oldToNew;
+}
+function toFiniteNum(v) {
+  const n = typeof v === "number" ? v : typeof v === "string" ? parseFloat(v) : NaN;
+  return Number.isFinite(n) ? n : 0;
+}
+function applyUseOffsetToG(gNode) {
+  var _a2;
+  const x = toFiniteNum(gNode.x);
+  const y = toFiniteNum(gNode.y);
+  delete gNode.x;
+  delete gNode.y;
+  if (!x && !y) return gNode;
+  const offset = "translate(" + x + "," + y + ")";
+  const carriesTransform = gNode.transform !== void 0 || gNode.animate !== void 0;
+  if (carriesTransform) {
+    const inner = { type: "g", transform: offset, children: (_a2 = gNode.children) != null ? _a2 : [] };
+    gNode.children = [inner];
+  } else {
+    gNode.transform = offset;
+  }
+  return gNode;
+}
+
 // src/effects/shared/util.ts
 function genId(ctx, prefix) {
   return "_lw_" + prefix + "_" + ctx.nextId++;
 }
-function stripHash2(href) {
+function stripHash(href) {
   return typeof href === "string" ? href.replace(/^#/, "") : void 0;
 }
 function indexById(node, map) {
@@ -4143,7 +3665,7 @@ function regenerateIdsInClone(root, ctx) {
 function identifyContentRefTargets(node, ctx, allocator) {
   var _a2, _b, _c;
   if (node.type === "use" && ((_b = (_a2 = node.effects) == null ? void 0 : _a2.clone) == null ? void 0 : _b.without) === "translate") {
-    const sourceId = stripHash2(node.effects.clone.source);
+    const sourceId = stripHash(node.effects.clone.source);
     if (typeof sourceId === "string" && sourceId && !ctx.contentRefInnerIds.has(sourceId)) {
       ctx.contentRefInnerIds.set(sourceId, allocator(sourceId));
     }
@@ -4434,11 +3956,11 @@ function buildStopChildren(stops, ctx) {
   const loopFromSource = read.loop;
   let stopCount = 0;
   for (const kf of kfs) {
-    const v = kfValue(kf);
+    const v = keyframeValue(kf);
     if (Array.isArray(v) && v.length > stopCount) stopCount = v.length;
   }
   if (!stopCount) return [];
-  const firstKfValue = kfValue(kfs[0]);
+  const firstKfValue = keyframeValue(kfs[0]);
   const baselineStops = [];
   for (let i = 0; i < stopCount; i++) {
     const s = (_b = (_a2 = firstKfValue == null ? void 0 : firstKfValue[i]) != null ? _a2 : prevDefinedStop(kfs, 0, i)) != null ? _b : { offset: i / Math.max(1, stopCount - 1), color: "#000000" };
@@ -4459,11 +3981,11 @@ function animatedStopNode(baseline, kfs, stopIdx, _ctx, loop) {
   const offsetKfs = [];
   let offsetVaries = false;
   for (const kf of kfs) {
-    const t = kfTime(kf);
-    const arr = kfValue(kf);
+    const t = keyframeTime(kf);
+    const arr = keyframeValue(kf);
     const sliced = (_a2 = arr == null ? void 0 : arr[stopIdx]) != null ? _a2 : prevDefinedStop(kfs, kfs.indexOf(kf), stopIdx);
     if (!sliced) continue;
-    const easing = kfEasing(kf);
+    const easing = keyframeEasing(kf);
     const colorOut = { time: t, value: sliced.color };
     if (easing !== void 0) colorOut.easing = easing;
     colorKfs.push(colorOut);
@@ -4491,11 +4013,11 @@ function animatedStopNode(baseline, kfs, stopIdx, _ctx, loop) {
 }
 function prevDefinedStop(kfs, fromIdx, stopIdx) {
   for (let i = fromIdx; i >= 0; i--) {
-    const arr = kfValue(kfs[i]);
+    const arr = keyframeValue(kfs[i]);
     if (arr == null ? void 0 : arr[stopIdx]) return arr[stopIdx];
   }
   for (let i = fromIdx + 1; i < kfs.length; i++) {
-    const arr = kfValue(kfs[i]);
+    const arr = keyframeValue(kfs[i]);
     if (arr == null ? void 0 : arr[stopIdx]) return arr[stopIdx];
   }
   return void 0;
@@ -4532,7 +4054,7 @@ function pathString(v) {
 // src/effects/clipping/maskedByEffect.ts
 function applyMaskedByEffect(node, fx, transformBy, ctx) {
   if (!fx) return node;
-  const sourceId = stripHash2(fx.source);
+  const sourceId = stripHash(fx.source);
   if (!sourceId) {
     ctx.errors.push("maskedBy.source missing \u2014 cannot build mask");
     return node;
@@ -4809,7 +4331,7 @@ function collectMaskAncestorChains(root, ctx) {
   const interestingNodes = /* @__PURE__ */ new Set();
   const collectInterestingNodes = (n) => {
     var _a2, _b;
-    const maskSourceId = stripHash2((_b = (_a2 = n.effects) == null ? void 0 : _a2.maskedBy) == null ? void 0 : _b.source);
+    const maskSourceId = stripHash((_b = (_a2 = n.effects) == null ? void 0 : _a2.maskedBy) == null ? void 0 : _b.source);
     if (typeof maskSourceId === "string") {
       interestingNodes.add(n);
       const sourceNode = ctx.idMap.get(maskSourceId);
@@ -4889,7 +4411,7 @@ function parseTranslateOnlyFromString(s, ctx) {
 // src/effects/reference/refEffect.ts
 function applyRefHref(node, clone2, ctx) {
   if (!clone2) return;
-  const sourceId = stripHash2(clone2.source);
+  const sourceId = stripHash(clone2.source);
   if (!sourceId) {
     if (clone2.without === PxCloneWithout.translate) ctx.errors.push("clone: content ref missing `source`");
     return;
@@ -5035,7 +4557,7 @@ function applyAllRetimeEffects(root, ctx) {
       if (!n) return;
       if (n !== site && readCloneRetime(n)) count++;
       if (n.type === "use" && n.href) {
-        const id = stripHash2(n.href);
+        const id = stripHash(n.href);
         if (id && !visited.has(id)) {
           visited.add(id);
           walk(ctx.idMap.get(id));
@@ -5043,7 +4565,7 @@ function applyAllRetimeEffects(root, ctx) {
       }
       (_a2 = n.children) == null ? void 0 : _a2.forEach(walk);
     };
-    const rootId = stripHash2(site.href);
+    const rootId = stripHash(site.href);
     if (rootId) {
       visited.add(rootId);
       walk(ctx.idMap.get(rootId));
@@ -5064,7 +4586,7 @@ function applyAllRetimeEffects(root, ctx) {
   }
 }
 function materializeRetime(useNode, retime, ctx) {
-  const targetId = stripHash2(useNode.href);
+  const targetId = stripHash(useNode.href);
   if (!targetId) {
     ctx.errors.push("retime: <use> has no href to follow");
     return;
@@ -5101,7 +4623,7 @@ function buildChainClone(targetId, accum, ctx, chain) {
   }
   clearCloneRetime(cloneNode);
   if (target.type === "use" && target.href) {
-    const subId = stripHash2(target.href);
+    const subId = stripHash(target.href);
     if (subId) {
       const innerRetime = readCloneRetime(target);
       const subAccum = innerRetime ? concatRetime(asRetime(innerRetime), accum) : accum;
@@ -5122,7 +4644,7 @@ function materializeNestedRetimeUses(node, accum, ctx, chain, parentTargetId) {
     var _a2;
     const retime = readCloneRetime(n);
     if (n.type === "use" && retime && n.href) {
-      const subId = stripHash2(n.href);
+      const subId = stripHash(n.href);
       if (subId) {
         const subAccum = concatRetime(asRetime(retime), accum);
         const subChain = new Set(chain);
@@ -5181,7 +4703,7 @@ function parseCubics(d) {
   let pcx = 0, pcy = 0;
   let pqx = 0, pqy = 0;
   let prevCmd = "";
-  const num2 = () => parseFloat(tokens[i++]);
+  const num = () => parseFloat(tokens[i++]);
   const push = (P1, P2, P3) => {
     const P0 = [cx, cy];
     const lut = bezier2D_arcLengthLUT(P0, P1, P2, P3, LUT_STEPS);
@@ -5210,7 +4732,7 @@ function parseCubics(d) {
       continue;
     }
     if (U === "M") {
-      const x = num2() + (rel ? cx : 0), y = num2() + (rel ? cy : 0);
+      const x = num() + (rel ? cx : 0), y = num() + (rel ? cy : 0);
       cx = x;
       cy = y;
       sx = x;
@@ -5219,29 +4741,29 @@ function parseCubics(d) {
       continue;
     }
     if (U === "L") {
-      pushLine(num2() + (rel ? cx : 0), num2() + (rel ? cy : 0));
+      pushLine(num() + (rel ? cx : 0), num() + (rel ? cy : 0));
     } else if (U === "H") {
-      pushLine(num2() + (rel ? cx : 0), cy);
+      pushLine(num() + (rel ? cx : 0), cy);
     } else if (U === "V") {
-      pushLine(cx, num2() + (rel ? cy : 0));
+      pushLine(cx, num() + (rel ? cy : 0));
     } else if (U === "C") {
-      const p1 = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
-      const p2 = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
-      const p3 = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
+      const p1 = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
+      const p2 = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
+      const p3 = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
       pcx = p2[0];
       pcy = p2[1];
       push(p1, p2, p3);
     } else if (U === "S") {
       const smooth = prevCmd.toUpperCase() === "C" || prevCmd.toUpperCase() === "S";
       const p1 = smooth ? [2 * cx - pcx, 2 * cy - pcy] : [cx, cy];
-      const p2 = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
-      const p3 = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
+      const p2 = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
+      const p3 = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
       pcx = p2[0];
       pcy = p2[1];
       push(p1, p2, p3);
     } else if (U === "Q") {
-      const qc = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
-      const p3 = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
+      const qc = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
+      const p3 = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
       pqx = qc[0];
       pqy = qc[1];
       const { P1, P2 } = quadToCubic([cx, cy], qc, p3);
@@ -5249,14 +4771,14 @@ function parseCubics(d) {
     } else if (U === "T") {
       const smooth = prevCmd.toUpperCase() === "Q" || prevCmd.toUpperCase() === "T";
       const qc = smooth ? [2 * cx - pqx, 2 * cy - pqy] : [cx, cy];
-      const p3 = [num2() + (rel ? cx : 0), num2() + (rel ? cy : 0)];
+      const p3 = [num() + (rel ? cx : 0), num() + (rel ? cy : 0)];
       pqx = qc[0];
       pqy = qc[1];
       const { P1, P2 } = quadToCubic([cx, cy], qc, p3);
       push(P1, P2, p3);
     } else if (U === "A") {
       i += 5;
-      pushLine(num2() + (rel ? cx : 0), num2() + (rel ? cy : 0));
+      pushLine(num() + (rel ? cx : 0), num() + (rel ? cy : 0));
     } else {
       i++;
       continue;
@@ -5432,20 +4954,20 @@ function transformPathData(d, m, decimals = 2) {
   while ((match = TOKEN_RE.exec(d)) !== null) tokens.push(match[0]);
   let out = "";
   let i = 0;
-  const num2 = () => parseFloat(tokens[i++]);
+  const num = () => parseFloat(tokens[i++]);
   while (i < tokens.length) {
     const cmd = tokens[i++];
     if (cmd === "M" || cmd === "L") {
-      const [x, y] = apply(m, num2(), num2());
+      const [x, y] = apply(m, num(), num());
       out += cmd + pack([x, y], decimals);
     } else if (cmd === "C") {
-      const [x1, y1] = apply(m, num2(), num2());
-      const [x2, y2] = apply(m, num2(), num2());
-      const [x, y] = apply(m, num2(), num2());
+      const [x1, y1] = apply(m, num(), num());
+      const [x2, y2] = apply(m, num(), num());
+      const [x, y] = apply(m, num(), num());
       out += "C" + pack([x1, y1, x2, y2, x, y], decimals);
     } else if (cmd === "Q") {
-      const [x1, y1] = apply(m, num2(), num2());
-      const [x, y] = apply(m, num2(), num2());
+      const [x1, y1] = apply(m, num(), num());
+      const [x, y] = apply(m, num(), num());
       out += "Q" + pack([x1, y1, x, y], decimals);
     } else if (cmd === "Z" || cmd === "z") {
       out += "Z";
@@ -5476,7 +4998,7 @@ var TEXT_ATTR_KEYS = [
   "stroke",
   "strokeWidth",
   "effects",
-  TEXT_CONTENT_ATTR,
+  PX_TEXT_CONTENT_ATTR,
   "xml:space"
 ];
 var PAINT_STATIC_KEYS = [
@@ -5512,7 +5034,7 @@ function paintAnimateOf(node) {
   }
   return out;
 }
-function resolveStyle2(node, parent) {
+function resolveStyle(node, parent) {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const isTextRoot = node.type === "text";
   const nodeStyle = node.style;
@@ -5575,86 +5097,22 @@ var MISSING_GLYPH_ADVANCE_EM = 0.6;
 var MISSING_GLYPH_CLASS_NAME = "px-missing-glyph";
 function missingGlyphBoxEm(advanceEm, ascentEm) {
   if (advanceEm <= 0 || ascentEm <= 0) return "";
-  const inset = 0.08;
-  const x0 = advanceEm * inset, x1 = advanceEm * (1 - inset);
-  const y1 = -ascentEm * (1 - inset);
-  const bw = x1 - x0, bh = -y1;
-  const t = Math.max(1, Math.min(bw, bh) * 0.12);
-  const outer = "M" + x0 + " 0L" + x1 + " 0L" + x1 + " " + y1 + "L" + x0 + " " + y1 + "Z";
-  if (bw <= 2 * t || bh <= 2 * t) return outer;
-  const ix0 = x0 + t, ix1 = x1 - t, iyb = -t, iyt = y1 + t;
-  return outer + "M" + ix0 + " " + iyb + "L" + ix0 + " " + iyt + "L" + ix1 + " " + iyt + "L" + ix1 + " " + iyb + "Z";
-}
-function materializeGlyphTextHorizontal(node, opts) {
-  var _a2, _b, _c;
-  const { glyphs, create = jsonElementFactory, warnings } = opts;
-  const soleFont = soleFontOf(glyphs);
-  const pen = { x: (_a2 = parseLen(node.x)) != null ? _a2 : 0, y: (_b = parseLen(node.y)) != null ? _b : 0 };
-  const placements = [];
-  const lines = [{ start: pen.x, end: pen.x }];
-  let line = 0;
-  const renderChars = (content, s) => {
-    var _a3;
-    const gf = glyphFontFor(s, glyphs, soleFont, warnings);
-    const upm = (gf == null ? void 0 : gf.unitsPerEm) || 1e3;
-    const scale = s.fontSize / upm;
-    const ascentEm = (_a3 = gf == null ? void 0 : gf.ascent) != null ? _a3 : 0.9 * upm;
-    const paint = paintOf(s);
-    for (let i = 0; i < content.length; i++) {
-      const ch = content.charAt(i);
-      const g = gf == null ? void 0 : gf.glyphs[ch];
-      if (g && g.pathData) {
-        placements.push({ glyphD: g.pathData, m: [scale, 0, 0, scale, pen.x, pen.y], paint, line, x: pen.x, y: pen.y, scale });
-        pen.x += g.width * scale;
-      } else if (/\S/.test(ch)) {
-        const advEm = g && g.width > 0 ? g.width : MISSING_GLYPH_ADVANCE_EM * upm;
-        placements.push({ glyphD: missingGlyphBoxEm(advEm, ascentEm), m: [scale, 0, 0, scale, pen.x, pen.y], paint, isMissing: true, line, x: pen.x, y: pen.y, scale });
-        pen.x += advEm * scale;
-      } else {
-        pen.x += (g ? g.width : 0) * scale;
-      }
-      pen.x += s.letterSpacing + (ch === " " ? s.wordSpacing : 0);
-      lines[line].end = pen.x;
-    }
-  };
-  const walk = (el, parentStyle) => {
-    var _a3, _b2, _c2;
-    const s = resolveStyle2(el, parentStyle);
-    const x = parseLen(el.x);
-    const y = parseLen(el.y);
-    if (x !== void 0) {
-      pen.x = x;
-      line = lines.length;
-      lines.push({ start: pen.x, end: pen.x });
-    }
-    if (y !== void 0) pen.y = y;
-    pen.x += (_a3 = parseLen(el.dx)) != null ? _a3 : 0;
-    pen.y += (_b2 = parseLen(el.dy)) != null ? _b2 : 0;
-    const content = str(el[TEXT_CONTENT_ATTR]);
-    if (content && !((_c2 = el.children) == null ? void 0 : _c2.length)) renderChars(content, s);
-    if (el.children) for (const ch of el.children) walk(ch, s);
-  };
-  const rootStyle = rootStyleOf(node);
-  if (node.children) for (const ch of node.children) walk(ch, rootStyle);
-  const rootContent = str(node[TEXT_CONTENT_ATTR]);
-  if (rootContent && !((_c = node.children) == null ? void 0 : _c.length)) renderChars(rootContent, rootStyle);
-  const anchor = str(node.textAnchor);
-  if (anchor === "middle" || anchor === "end") {
-    for (const p of placements) {
-      const w = lines[p.line].end - lines[p.line].start;
-      const shift = anchor === "middle" ? -w / 2 : -w;
-      p.m = [p.scale, 0, 0, p.scale, p.x + shift, p.y];
-    }
-  }
-  return toGroup(node, buildPaths(placements, create, warnings), create);
+  const inset = 0.08;
+  const x0 = advanceEm * inset, x1 = advanceEm * (1 - inset);
+  const y1 = -ascentEm * (1 - inset);
+  const bw = x1 - x0, bh = -y1;
+  const t = Math.max(1, Math.min(bw, bh) * 0.12);
+  const outer = "M" + x0 + " 0L" + x1 + " 0L" + x1 + " " + y1 + "L" + x0 + " " + y1 + "Z";
+  if (bw <= 2 * t || bh <= 2 * t) return outer;
+  const ix0 = x0 + t, ix1 = x1 - t, iyb = -t, iyt = y1 + t;
+  return outer + "M" + ix0 + " " + iyb + "L" + ix0 + " " + iyt + "L" + ix1 + " " + iyt + "L" + ix1 + " " + iyb + "Z";
 }
-function layoutGlyphTextChars(node, opts) {
-  var _a2, _b, _c, _d, _e;
-  if ((_a2 = opts.alongPath) == null ? void 0 : _a2.pathD) return layoutGlyphTextCharsAlongPath(node, opts.alongPath.pathD, opts);
-  const { glyphs, warnings } = opts;
+function materializeGlyphTextHorizontal(node, opts) {
+  var _a2, _b, _c;
+  const { glyphs, create = jsonElementFactory, warnings } = opts;
   const soleFont = soleFontOf(glyphs);
-  const pen = { x: (_b = parseLen(node.x)) != null ? _b : 0, y: (_c = parseLen(node.y)) != null ? _c : 0 };
-  const boxes = [];
+  const pen = { x: (_a2 = parseLen(node.x)) != null ? _a2 : 0, y: (_b = parseLen(node.y)) != null ? _b : 0 };
+  const placements = [];
   const lines = [{ start: pen.x, end: pen.x }];
   let line = 0;
   const renderChars = (content, s) => {
@@ -5662,19 +5120,28 @@ function layoutGlyphTextChars(node, opts) {
     const gf = glyphFontFor(s, glyphs, soleFont, warnings);
     const upm = (gf == null ? void 0 : gf.unitsPerEm) || 1e3;
     const scale = s.fontSize / upm;
-    const ascent = ((_a3 = gf == null ? void 0 : gf.ascent) != null ? _a3 : 0.9 * upm) * scale;
+    const ascentEm = (_a3 = gf == null ? void 0 : gf.ascent) != null ? _a3 : 0.9 * upm;
+    const paint = paintOf(s);
     for (let i = 0; i < content.length; i++) {
       const ch = content.charAt(i);
       const g = gf == null ? void 0 : gf.glyphs[ch];
-      const advance = (g ? g.width : 0) * scale + s.letterSpacing + (ch === " " ? s.wordSpacing : 0);
-      boxes.push({ x: pen.x, y: pen.y, width: advance, ascent, fontSize: s.fontSize, line });
-      pen.x += advance;
+      if (g && g.pathData) {
+        placements.push({ glyphD: g.pathData, m: [scale, 0, 0, scale, pen.x, pen.y], paint, line, x: pen.x, y: pen.y, scale });
+        pen.x += g.width * scale;
+      } else if (/\S/.test(ch)) {
+        const advEm = g && g.width > 0 ? g.width : MISSING_GLYPH_ADVANCE_EM * upm;
+        placements.push({ glyphD: missingGlyphBoxEm(advEm, ascentEm), m: [scale, 0, 0, scale, pen.x, pen.y], paint, isMissing: true, line, x: pen.x, y: pen.y, scale });
+        pen.x += advEm * scale;
+      } else {
+        pen.x += (g ? g.width : 0) * scale;
+      }
+      pen.x += s.letterSpacing + (ch === " " ? s.wordSpacing : 0);
       lines[line].end = pen.x;
     }
   };
   const walk = (el, parentStyle) => {
     var _a3, _b2, _c2;
-    const s = resolveStyle2(el, parentStyle);
+    const s = resolveStyle(el, parentStyle);
     const x = parseLen(el.x);
     const y = parseLen(el.y);
     if (x !== void 0) {
@@ -5685,104 +5152,31 @@ function layoutGlyphTextChars(node, opts) {
     if (y !== void 0) pen.y = y;
     pen.x += (_a3 = parseLen(el.dx)) != null ? _a3 : 0;
     pen.y += (_b2 = parseLen(el.dy)) != null ? _b2 : 0;
-    const content = str(el[TEXT_CONTENT_ATTR]);
+    const content = str(el[PX_TEXT_CONTENT_ATTR]);
     if (content && !((_c2 = el.children) == null ? void 0 : _c2.length)) renderChars(content, s);
     if (el.children) for (const ch of el.children) walk(ch, s);
   };
   const rootStyle = rootStyleOf(node);
-  if (node.children) for (const ch of node.children) {
-    const before = boxes.length;
-    walk(ch, rootStyle);
-    if (boxes.length === before) {
-      const s = resolveStyle2(ch, rootStyle);
-      const gf = glyphFontFor(s, glyphs, soleFont);
-      const upm = (gf == null ? void 0 : gf.unitsPerEm) || 1e3;
-      boxes.push({ x: pen.x, y: pen.y, width: 0, ascent: ((_d = gf == null ? void 0 : gf.ascent) != null ? _d : 0.9 * upm) * (s.fontSize / upm), fontSize: s.fontSize, line });
-    }
-  }
-  const rootContent = str(node[TEXT_CONTENT_ATTR]);
-  if (rootContent && !((_e = node.children) == null ? void 0 : _e.length)) renderChars(rootContent, rootStyle);
+  if (node.children) for (const ch of node.children) walk(ch, rootStyle);
+  const rootContent = str(node[PX_TEXT_CONTENT_ATTR]);
+  if (rootContent && !((_c = node.children) == null ? void 0 : _c.length)) renderChars(rootContent, rootStyle);
   const anchor = str(node.textAnchor);
   if (anchor === "middle" || anchor === "end") {
-    for (const b of boxes) {
-      const w = lines[b.line].end - lines[b.line].start;
-      b.x += anchor === "middle" ? -w / 2 : -w;
+    for (const p of placements) {
+      const w = lines[p.line].end - lines[p.line].start;
+      const shift = anchor === "middle" ? -w / 2 : -w;
+      p.m = [p.scale, 0, 0, p.scale, p.x + shift, p.y];
     }
   }
-  return boxes.map((_f) => {
-    var _g = _f, { line: _l } = _g, b = __objRest(_g, ["line"]);
-    return b;
-  });
-}
-function layoutGlyphTextCharsAlongPath(node, pathD, opts) {
-  var _a2, _b;
-  const { glyphs, warnings, alongPath } = opts;
-  const sampler = createPathSampler(pathD);
-  if (!sampler) {
-    warnings == null ? void 0 : warnings.push("textGlyphs: unparsable along-path geometry (caret)");
-    return [];
-  }
-  const soleFont = soleFontOf(glyphs);
-  const chars = [];
-  let adv = 0;
-  const walk = (el, parentStyle) => {
-    var _a3, _b2;
-    const s = resolveStyle2(el, parentStyle);
-    const content = str(el[TEXT_CONTENT_ATTR]);
-    if (content && !((_a3 = el.children) == null ? void 0 : _a3.length)) {
-      const gf = glyphFontFor(s, glyphs, soleFont, warnings);
-      const upm = (gf == null ? void 0 : gf.unitsPerEm) || 1e3;
-      const scale = s.fontSize / upm;
-      const ascent = ((_b2 = gf == null ? void 0 : gf.ascent) != null ? _b2 : 0.9 * upm) * scale;
-      for (let i = 0; i < content.length; i++) {
-        const ch = content.charAt(i);
-        const g = gf == null ? void 0 : gf.glyphs[ch];
-        const glyphW = (g ? g.width : 0) * scale;
-        const advance = glyphW + s.letterSpacing + (ch === " " ? s.wordSpacing : 0);
-        chars.push({ advStart: adv, advEnd: adv + advance, glyphW, ascent, fontSize: s.fontSize });
-        adv += advance;
-      }
-    }
-    if (el.children) for (const ch of el.children) walk(ch, s);
-  };
-  walk(node, rootStyleOf(node));
-  const width = adv;
-  const tlr = readAnimatable(alongPath == null ? void 0 : alongPath.textLength);
-  const tlv = tlr.kind === "animated" /* Animated */ ? Number((_a2 = tlr.keyframes[0]) == null ? void 0 : _a2.value) || 0 : tlr.kind === "static" /* Static */ ? Number(tlr.value) || 0 : 0;
-  const k = tlv > 0 && width > 0 ? tlv / width : 1;
-  const so = readAnimatable(alongPath == null ? void 0 : alongPath.startOffset);
-  const { along: alongOffset, perp } = alongPathNodeOffsets(node);
-  const base = alongOffset + (so.kind === "animated" /* Animated */ ? Number((_b = so.keyframes[0]) == null ? void 0 : _b.value) || 0 : so.kind === "static" /* Static */ ? Number(so.value) || 0 : 0);
-  const withPerp = (p) => ({
-    x: p.x - perp * Math.sin(p.angle),
-    y: p.y + perp * Math.cos(p.angle),
-    angle: p.angle
-  });
-  return chars.map((c) => {
-    const dStart = base + c.advStart * k;
-    const dEnd = base + c.advEnd * k;
-    const p0 = withPerp(sampler.sampleAtDistance(dStart));
-    const p1 = withPerp(sampler.sampleAtDistance(dEnd));
-    const glyphMid = sampler.sampleAtDistance(base + (c.advStart + c.glyphW / 2) * k);
-    return {
-      x: p0.x,
-      y: p0.y,
-      width: c.advEnd - c.advStart,
-      ascent: c.ascent,
-      fontSize: c.fontSize,
-      endX: p1.x,
-      endY: p1.y,
-      rotation: glyphMid.angle * 180 / Math.PI
-    };
-  });
+  return toGroup(node, buildPaths(placements, create, warnings), create);
 }
 function collectAlongPathCells(node, glyphs, soleFont, warnings) {
   const cells = [];
   let adv = 0;
   const walk = (el, parentStyle) => {
     var _a2, _b;
-    const s = resolveStyle2(el, parentStyle);
-    const content = str(el[TEXT_CONTENT_ATTR]);
+    const s = resolveStyle(el, parentStyle);
+    const content = str(el[PX_TEXT_CONTENT_ATTR]);
     if (content && !((_a2 = el.children) == null ? void 0 : _a2.length)) {
       const gf = glyphFontFor(s, glyphs, soleFont, warnings);
       if (gf) {
@@ -5997,10 +5391,6 @@ function toGroup(node, children, create) {
   }
   return create("g", gProps, children);
 }
-function materializeGlyphText(node, opts) {
-  if (opts.alongPath) return materializeGlyphTextAlongPath(node, opts.alongPath.pathD, opts.alongPath.startOffset, opts, opts.alongPath.textLength, opts.alongPath.pathOverflow);
-  return materializeGlyphTextHorizontal(node, opts);
-}
 function applyTextGlyphsEffect(node, fx, ctx) {
   if (!(fx == null ? void 0 : fx.useGlyphs)) return node;
   if (!ctx.glyphs) {
@@ -6157,7 +5547,7 @@ function readScalarValues(r) {
   if (r.kind === "static" /* Static */) return [r.value];
   const out = [];
   for (const kf of r.keyframes) {
-    const v = kfValue(kf);
+    const v = keyframeValue(kf);
     if (typeof v === "number") out.push(v);
   }
   return out;
@@ -6168,9 +5558,9 @@ function computeAnimAttr(read, map) {
   return {
     kind: "animated" /* Animated */,
     keyframes: read.keyframes.map((kf) => ({
-      time: kfTime(kf),
-      value: map(kfValue(kf)),
-      easing: kfEasing(kf)
+      time: keyframeTime(kf),
+      value: map(keyframeValue(kf)),
+      easing: keyframeEasing(kf)
     })),
     loop: read.loop
   };
@@ -6188,7 +5578,7 @@ function computeOpacityFromRange(rangeRead) {
   let anyHide = false;
   let allHide = true;
   for (const kf of kfs) {
-    if (hide(kfValue(kf))) anyHide = true;
+    if (hide(keyframeValue(kf))) anyHide = true;
     else allHide = false;
   }
   if (!anyHide) return void 0;
@@ -6198,10 +5588,10 @@ function computeOpacityFromRange(rangeRead) {
     const kf = kfs[i];
     const prevKf = i > 0 ? kfs[i - 1] : void 0;
     const nextKf = i < kfs.length - 1 ? kfs[i + 1] : void 0;
-    const t = kfTime(kf);
-    const thisHide = hide(kfValue(kf));
-    const prevHide = prevKf ? thisHide && hide(kfValue(prevKf)) : thisHide;
-    const nextHide = nextKf ? thisHide && hide(kfValue(nextKf)) : thisHide;
+    const t = keyframeTime(kf);
+    const thisHide = hide(keyframeValue(kf));
+    const prevHide = prevKf ? thisHide && hide(keyframeValue(prevKf)) : thisHide;
+    const nextHide = nextKf ? thisHide && hide(keyframeValue(nextKf)) : thisHide;
     if (prevHide && !nextHide) {
       out.push({ time: t, value: 0 });
       out.push({ time: t + OPACITY_STEP_MS, value: 1 });
@@ -6217,9 +5607,9 @@ function readRangeWithCrossings(raw) {
   const r = readAnimatable(raw);
   if (r.kind !== "animated" /* Animated */) return r;
   const kfs = r.keyframes.map((kf) => ({
-    time: kfTime(kf),
-    value: kfValue(kf),
-    easing: kfEasing(kf)
+    time: keyframeTime(kf),
+    value: keyframeValue(kf),
+    easing: keyframeEasing(kf)
   }));
   const hasReverse = kfs.some((kf) => kf.value[0] > kf.value[1]);
   if (!hasReverse) {
@@ -6347,7 +5737,7 @@ function shapeToPathD(node) {
 }
 
 // src/effects/PlayerEffectsUtil.ts
-function applyPlayerEffects(root) {
+function materializeNodeEffects(root) {
   var _a2, _b;
   const ctx = {
     defs: [],
@@ -6360,7 +5750,7 @@ function applyPlayerEffects(root) {
     // Resolved engine: `frames` ONLY when explicitly set; auto/waapi/unset →
     // waapi (we're not 100% sure it's frames, and CSS/WAAPI need the inline form).
     engine: resolveTimelineEngine((_a2 = getAnimatorConfig(root)) == null ? void 0 : _a2.engine),
-    glyphs: (_b = getDefs(root)) == null ? void 0 : _b.fonts
+    glyphs: (_b = getDefinitions(root)) == null ? void 0 : _b.fonts
   };
   const working = clone(root);
   indexById(working, ctx.idMap);
@@ -6444,11 +5834,11 @@ function buildOffsetPath(propAnim) {
   if (propAnim.alongPathMode !== "offsetPath") return void 0;
   const kfs = propAnim.keyframes;
   if (!kfs || kfs.length < 2) return void 0;
-  const first = kfValue(kfs[0]);
+  const first = keyframeValue(kfs[0]);
   const anchor = (first == null ? void 0 : first.origin) && first.origin.length >= 2 ? [first.origin[0], first.origin[1]] : [0, 0];
   const points = [];
   for (const kf of kfs) {
-    const v = kfValue(kf);
+    const v = keyframeValue(kf);
     const tr = v == null ? void 0 : v.translate;
     if (!tr || tr.length < 2) return void 0;
     const parts = Object.keys(v);
@@ -6457,13 +5847,13 @@ function buildOffsetPath(propAnim) {
     if (o[0] !== anchor[0] || o[1] !== anchor[1]) return void 0;
     points.push([tr[0] + anchor[0], tr[1] + anchor[1]]);
   }
-  if (!kfs.some((kf) => kfTangentIn(kf) || kfTangentOut(kf))) return void 0;
+  if (!kfs.some((kf) => keyframeTangentIn(kf) || keyframeTangentOut(kf))) return void 0;
   let d = "M" + fmt2(points[0][0]) + "," + fmt2(points[0][1]);
   const segLens = [];
   for (let i = 0; i < points.length - 1; i++) {
     const p0 = points[i], p1 = points[i + 1];
-    const to = (_b = kfTangentOut(kfs[i])) != null ? _b : [0, 0];
-    const ti = (_c = kfTangentIn(kfs[i + 1])) != null ? _c : [0, 0];
+    const to = (_b = keyframeTangentOut(kfs[i])) != null ? _b : [0, 0];
+    const ti = (_c = keyframeTangentIn(kfs[i + 1])) != null ? _c : [0, 0];
     const c1 = [p0[0] + to[0], p0[1] + to[1]];
     const c2 = [p1[0] + ti[0], p1[1] + ti[1]];
     d += "C" + fmt2(c1[0]) + "," + fmt2(c1[1]) + "," + fmt2(c2[0]) + "," + fmt2(c2[1]) + "," + fmt2(p1[0]) + "," + fmt2(p1[1]);
@@ -6475,8 +5865,8 @@ function buildOffsetPath(propAnim) {
   let cum = 0;
   for (let i = 0; i < kfs.length; i++) {
     if (i > 0) cum += segLens[i - 1];
-    const out = { t: kfTime(kfs[i]), v: cum / total };
-    const e = kfEasing(kfs[i]);
+    const out = { t: keyframeTime(kfs[i]), v: cum / total };
+    const e = keyframeEasing(kfs[i]);
     if (e !== void 0) out.e = e;
     distanceKfs.push(out);
   }
@@ -6526,15 +5916,163 @@ function materializeOffsetPathsInTree(root) {
   return walk(root);
 }
 
+// src/materialize/PxAnimatorUseMaterializer.ts
+function materializeAnimatedUseInstances(root) {
+  var _a2;
+  const idMap = buildIdMap(root);
+  const animatedIds = computeAnimatedSubtreeIds(root, idMap);
+  if (animatedIds.size === 0) return root;
+  let idCounter = 0;
+  const genId3 = () => "_lw_use_mat_" + ++idCounter;
+  const rootViewport = readRootViewport(root);
+  const defsCollector = [];
+  const walked = walkAndMaterialize2(root, idMap, animatedIds, genId3, defsCollector, rootViewport);
+  if (defsCollector.length === 0) return walked;
+  const defsNode = { type: "defs", children: defsCollector };
+  const newChildren = [...(_a2 = walked.children) != null ? _a2 : [], defsNode];
+  return __spreadProps(__spreadValues({}, walked), { children: newChildren });
+}
+function readRootViewport(root) {
+  const vb = parseViewBox(root.viewBox);
+  if (vb) return [vb[2], vb[3]];
+  const w = numericAttr(root.width);
+  const h = numericAttr(root.height);
+  if (w !== void 0 && h !== void 0) return [w, h];
+  return [1, 1];
+}
+function numericAttr(v) {
+  if (typeof v === "number") return v;
+  if (typeof v === "string") {
+    const n = parseFloat(v);
+    return Number.isFinite(n) ? n : void 0;
+  }
+  return void 0;
+}
+function buildIdMap(root) {
+  const map = /* @__PURE__ */ new Map();
+  const visit = (n) => {
+    var _a2;
+    if (typeof n.id === "string") map.set(n.id, n);
+    (_a2 = n.children) == null ? void 0 : _a2.forEach(visit);
+  };
+  visit(root);
+  return map;
+}
+function computeAnimatedSubtreeIds(root, idMap) {
+  const cache = /* @__PURE__ */ new WeakMap();
+  const result = /* @__PURE__ */ new Set();
+  const hasAnim = (n, visiting) => {
+    const cached = cache.get(n);
+    if (cached !== void 0) return cached;
+    if (visiting.has(n)) return false;
+    visiting.add(n);
+    let r = false;
+    if (n.animate && typeof n.animate === "object" && !Array.isArray(n.animate)) {
+      for (const _ in n.animate) {
+        r = true;
+        break;
+      }
+    }
+    if (!r && n.children) {
+      for (const ch of n.children) {
+        if (hasAnim(ch, visiting)) {
+          r = true;
+          break;
+        }
+      }
+    }
+    if (!r && n.type === "use" && typeof n.href === "string") {
+      const targetId = stripHash2(n.href);
+      const target = targetId ? idMap.get(targetId) : void 0;
+      if (target) r = hasAnim(target, visiting);
+    }
+    visiting.delete(n);
+    cache.set(n, r);
+    return r;
+  };
+  for (const [id, node] of idMap) {
+    if (hasAnim(node, /* @__PURE__ */ new Set())) result.add(id);
+  }
+  return result;
+}
+function stripHash2(href) {
+  if (typeof href !== "string") return void 0;
+  return href.startsWith("#") ? href.slice(1) : href;
+}
+function materializeOneUse(useNode, target, idMap, animatedIds, genId3, defsCollector, rootViewport) {
+  var _a2, _b, _c, _d;
+  const clone2 = deepClonePxNode(target);
+  regenerateIdsAndRewriteRefs(clone2, genId3);
+  const symbolViewBox = clone2.type === "symbol" ? parseViewBox(clone2.viewBox) : void 0;
+  const useW = (_b = (_a2 = numericAttr(useNode.width)) != null ? _a2 : symbolViewBox == null ? void 0 : symbolViewBox[2]) != null ? _b : rootViewport[0];
+  const useH = (_d = (_c = numericAttr(useNode.height)) != null ? _c : symbolViewBox == null ? void 0 : symbolViewBox[3]) != null ? _d : rootViewport[1];
+  const rewrittenClone = clone2.type === "symbol" ? rewriteSymbolRootToGroup(clone2, genId3, defsCollector, useW, useH) : clone2;
+  const materializedClone = walkAndMaterialize2(rewrittenClone, idMap, animatedIds, genId3, defsCollector, rootViewport);
+  const newNode = __spreadProps(__spreadValues({}, useNode), { type: "g", children: [materializedClone] });
+  delete newNode.href;
+  delete newNode.width;
+  delete newNode.height;
+  return applyUseOffsetToG(newNode);
+}
+function rewriteSymbolRootToGroup(symbolNode, genId3, defsCollector, useW, useH) {
+  const viewBox = parseViewBox(symbolNode.viewBox);
+  const g = __spreadProps(__spreadValues({}, symbolNode), { type: "g" });
+  delete g.viewBox;
+  delete g.preserveAspectRatio;
+  delete g.width;
+  delete g.height;
+  if (!viewBox) return g;
+  const [vbX, vbY, vbW, vbH] = viewBox;
+  const scale = vbW > 0 && vbH > 0 ? Math.min(useW / vbW, useH / vbH) : 1;
+  const xOff = (useW - vbW * scale) / 2;
+  const yOff = (useH - vbH * scale) / 2;
+  const parts = [];
+  if (xOff !== 0 || yOff !== 0) parts.push("translate(" + xOff + "," + yOff + ")");
+  if (scale !== 1) parts.push("scale(" + scale + ")");
+  if (vbX !== 0 || vbY !== 0) parts.push("translate(" + -vbX + "," + -vbY + ")");
+  if (parts.length) g.transform = parts.join("");
+  const clipId = genId3();
+  defsCollector.push({
+    type: "clipPath",
+    id: clipId,
+    children: [{ type: "rect", x: vbX, y: vbY, width: vbW, height: vbH }]
+  });
+  g.clipPath = "url(#" + clipId + ")";
+  return g;
+}
+function parseViewBox(v) {
+  if (typeof v !== "string") return void 0;
+  const parts = v.trim().split(/[\s,]+/).map(Number);
+  if (parts.length < 4 || parts.some((n) => !Number.isFinite(n))) return void 0;
+  return [parts[0], parts[1], parts[2], parts[3]];
+}
+function walkAndMaterialize2(node, idMap, animatedIds, genId3, defsCollector, rootViewport) {
+  if (node.type === "use" && typeof node.href === "string") {
+    const targetId = stripHash2(node.href);
+    if (targetId && animatedIds.has(targetId)) {
+      const target = idMap.get(targetId);
+      if (target) return materializeOneUse(node, target, idMap, animatedIds, genId3, defsCollector, rootViewport);
+    }
+  }
+  if (!node.children) return node;
+  let changed = false;
+  const newChildren = node.children.map((ch) => {
+    const m = walkAndMaterialize2(ch, idMap, animatedIds, genId3, defsCollector, rootViewport);
+    if (m !== ch) changed = true;
+    return m;
+  });
+  return changed ? __spreadProps(__spreadValues({}, node), { children: newChildren }) : node;
+}
+
 // src/materialize/PxAnimatorMaterializeAll.ts
-function materializeAllInTree(doc, engine, opts) {
+function materializeAllInTree(doc, engine, options) {
   var _a2, _b;
-  let root = applyPlayerEffects(doc).root;
+  let root = materializeNodeEffects(doc).root;
   root = materializeOffsetPathsInTree(root);
-  const duration = (_b = (_a2 = getAnimatorConfig(root)) == null ? void 0 : _a2.duration) != null ? _b : DEFAULT_DURATION_MS;
+  const duration = (_b = (_a2 = getAnimatorConfig(root)) == null ? void 0 : _a2.duration) != null ? _b : PX_DEFAULT_DURATION_MS;
   root = materializeInternalLoopsInTree(root, duration);
   if (engine === PxTimelineEngine.native) {
-    root = materializeMotionPathsInTree(root, opts == null ? void 0 : opts.motionPath);
+    root = materializeMotionPathsInTree(root, options == null ? void 0 : options.motionPath);
     root = materializeAnimatedUseInstances(root);
     root = pruneUnreferencedDefs(root);
   }
@@ -6644,16 +6182,16 @@ function cancelFrame(handle) {
   }
   g.clearTimeout(handle);
 }
-function createBasicFrameLoopAnimator(doc, adapter, callbacks) {
+function createAdapterAnimator(doc, adapter, callbacks) {
   var _a2;
   const config = getAnimatorConfig(doc) || {};
-  const bindings = getNormalizedBindings(doc, PxTimelineEngine.js);
+  const bindings = normalizeBindings(doc, PxTimelineEngine.js);
   const _iterations = config.iterations;
   let iterations = 1;
   if (typeof _iterations === "number") iterations = _iterations || 1;
   if (_iterations === "infinite") iterations = Infinity;
   if (iterations < 1) iterations = 1;
-  const duration = +(config.duration || DEFAULT_DURATION_MS);
+  const duration = +(config.duration || PX_DEFAULT_DURATION_MS);
   const totalDuration = duration && iterations ? duration * (iterations === Infinity ? Infinity : iterations) : duration ? (iterations != null ? iterations : 1) * duration : 0;
   const direction = config.direction || "normal";
   const fill = (_a2 = config.fill) != null ? _a2 : "forwards";
@@ -6924,246 +6462,6 @@ var PxDiagnosticKind = {
   /** The player failed where it did not expect to — report it to us. */
   internal: "internal"
 };
-function asError(error) {
-  return typeof error === "string" ? new Error(error) : error;
-}
-function isSilenced(silent, kind) {
-  if (!silent) return false;
-  return silent === true || silent.includes(kind);
-}
-function createDiagnostics(config, prefix) {
-  const tag = prefix ? prefix + " " : "";
-  return {
-    warn: (kind, message, detail) => {
-      if (config == null ? void 0 : config.onWarn) {
-        config.onWarn({ kind, message, detail });
-        return;
-      }
-      if (isSilenced(config == null ? void 0 : config.silent, kind)) return;
-      const line = tag + kind + ": " + message;
-      if (detail === void 0) console.warn(line);
-      else console.warn(line, detail);
-    },
-    error: (kind, error) => {
-      const err = asError(error);
-      if (config == null ? void 0 : config.onError) {
-        config.onError({ kind, message: err.message, error: err });
-        return;
-      }
-      if (isSilenced(config == null ? void 0 : config.silent, kind)) return;
-      console.error(tag + kind + ": " + err.message);
-    }
-  };
-}
-
-// src/effects/PlayerEffectsUtil.visualModel.ts
-var IDENTITY = [1, 0, 0, 1, 0, 0];
-function mul(m, n) {
-  return [
-    m[0] * n[0] + m[2] * n[1],
-    m[1] * n[0] + m[3] * n[1],
-    m[0] * n[2] + m[2] * n[3],
-    m[1] * n[2] + m[3] * n[3],
-    m[0] * n[4] + m[2] * n[5] + m[4],
-    m[1] * n[4] + m[3] * n[5] + m[5]
-  ];
-}
-var translateM = (x, y) => [1, 0, 0, 1, x, y];
-var scaleM = (sx, sy) => [sx, 0, 0, sy, 0, 0];
-function rotateM(deg) {
-  const r = deg * Math.PI / 180;
-  return [Math.cos(r), Math.sin(r), -Math.sin(r), Math.cos(r), 0, 0];
-}
-var skewXM = (deg) => [1, 0, Math.tan(deg * Math.PI / 180), 1, 0, 0];
-var skewYM = (deg) => [1, Math.tan(deg * Math.PI / 180), 0, 1, 0, 0];
-function parseTransformString(s) {
-  let m = IDENTITY;
-  const re = /(translate|rotate|scale|matrix|skewX|skewY)\(([^)]*)\)/g;
-  let hit;
-  while (hit = re.exec(s)) {
-    const fn = hit[1];
-    const a = hit[2].split(/[\s,]+/).filter(Boolean).map(Number);
-    if (fn === "translate") m = mul(m, translateM(a[0] || 0, a[1] || 0));
-    else if (fn === "scale") m = mul(m, scaleM(a[0], a.length > 1 ? a[1] : a[0]));
-    else if (fn === "rotate") m = mul(m, rotateM(a[0]));
-    else if (fn === "skewX") m = mul(m, skewXM(a[0]));
-    else if (fn === "skewY") m = mul(m, skewYM(a[0]));
-    else if (fn === "matrix") m = mul(m, [a[0], a[1], a[2], a[3], a[4], a[5]]);
-  }
-  return m;
-}
-function partsToMatrix(p) {
-  let m = IDENTITY;
-  if (p.translate) m = mul(m, translateM(p.translate[0], p.translate[1]));
-  const pivot = p.origin && (p.rotate !== void 0 || p.scale);
-  if (pivot) m = mul(m, translateM(p.origin[0], p.origin[1]));
-  if (p.rotate !== void 0) m = mul(m, rotateM(p.rotate));
-  if (p.scale) m = mul(m, scaleM(p.scale[0], p.scale[1]));
-  if (pivot) m = mul(m, translateM(-p.origin[0], -p.origin[1]));
-  return m;
-}
-function lerp(a, b, f) {
-  return a + (b - a) * f;
-}
-function interpParts(kfs, t) {
-  var _a2, _b, _c, _d, _e, _f, _g;
-  if (!kfs.length) return {};
-  if (t <= ((_a2 = kfs[0].time) != null ? _a2 : 0)) return kfs[0].value || {};
-  if (t >= ((_b = kfs[kfs.length - 1].time) != null ? _b : 0)) return kfs[kfs.length - 1].value || {};
-  let i = 0;
-  while (i < kfs.length - 1 && ((_c = kfs[i + 1].time) != null ? _c : 0) < t) i++;
-  const a = kfs[i], b = kfs[i + 1];
-  const f = (t - ((_d = a.time) != null ? _d : 0)) / (((_e = b.time) != null ? _e : 0) - ((_f = a.time) != null ? _f : 0) || 1);
-  const va = a.value || {}, vb = b.value || {};
-  const out = {};
-  if (va.translate && vb.translate) out.translate = [lerp(va.translate[0], vb.translate[0], f), lerp(va.translate[1], vb.translate[1], f)];
-  else out.translate = va.translate || vb.translate;
-  if (va.rotate !== void 0 && vb.rotate !== void 0) out.rotate = lerp(va.rotate, vb.rotate, f);
-  else out.rotate = (_g = va.rotate) != null ? _g : vb.rotate;
-  if (va.scale && vb.scale) out.scale = [lerp(va.scale[0], vb.scale[0], f), lerp(va.scale[1], vb.scale[1], f)];
-  else out.scale = va.scale || vb.scale;
-  out.origin = va.origin || vb.origin;
-  return out;
-}
-function evalTransformValue(v, t) {
-  if (v === void 0 || v === null) return IDENTITY;
-  if (typeof v === "string") return parseTransformString(v);
-  if (v.keyframes) return partsToMatrix(interpParts(v.keyframes, t));
-  if (v.value) return partsToMatrix(v.value);
-  if (typeof v === "object" && !Array.isArray(v)) return partsToMatrix(v);
-  return IDENTITY;
-}
-function nodeMatrix(node, t) {
-  if (node.animate && node.animate.transform) return evalTransformValue(node.animate.transform, t);
-  if (node.transform !== void 0) return evalTransformValue(node.transform, t);
-  return IDENTITY;
-}
-function evalScalar(animated, staticVal, fallback, t) {
-  var _a2, _b, _c, _d, _e, _f;
-  if (animated && animated.keyframes && animated.keyframes.length) {
-    const kfs = animated.keyframes;
-    if (t <= ((_a2 = kfs[0].time) != null ? _a2 : 0)) return kfs[0].value;
-    if (t >= ((_b = kfs[kfs.length - 1].time) != null ? _b : 0)) return kfs[kfs.length - 1].value;
-    let i = 0;
-    while (i < kfs.length - 1 && ((_c = kfs[i + 1].time) != null ? _c : 0) < t) i++;
-    const a = kfs[i], b = kfs[i + 1];
-    const f = (t - ((_d = a.time) != null ? _d : 0)) / (((_e = b.time) != null ? _e : 0) - ((_f = a.time) != null ? _f : 0) || 1);
-    return lerp(a.value, b.value, f);
-  }
-  return staticVal !== void 0 ? Number(staticVal) : fallback;
-}
-var CONTAINER_TYPES = /* @__PURE__ */ new Set(["svg", "g", "symbol"]);
-var SKIP_TYPES = /* @__PURE__ */ new Set(["defs", "mask", "clipPath", "title"]);
-function buildIdMap2(node, map) {
-  var _a2;
-  if (typeof node.id === "string") map.set(node.id, node);
-  (_a2 = node.children) == null ? void 0 : _a2.forEach((c) => buildIdMap2(c, map));
-}
-function num(v) {
-  return v === void 0 || v === null ? 0 : Number(v);
-}
-function round(n) {
-  return Math.round(n * 100) / 100 + 0;
-}
-function geomKey(node) {
-  var _a2;
-  switch (node.type) {
-    case "rect":
-      return num(node.width) + "," + num(node.height) + "," + num(node.x) + "," + num(node.y);
-    case "ellipse":
-      return num(node.rx) + "," + num(node.ry) + "," + num(node.cx) + "," + num(node.cy);
-    case "circle":
-      return num(node.r) + "," + num(node.cx) + "," + num(node.cy);
-    case "path":
-      return String((_a2 = node.d) != null ? _a2 : "");
-    default:
-      return "";
-  }
-}
-function describePrimitive(node, m, t) {
-  var _a2, _b, _c, _d, _e;
-  const fill = (_a2 = node.fill) != null ? _a2 : "";
-  const stroke = (_b = node.stroke) != null ? _b : "";
-  const sw = (_d = (_c = node["stroke-width"]) != null ? _c : node.strokeWidth) != null ? _d : "";
-  const opacity = round(evalScalar((_e = node.animate) == null ? void 0 : _e.opacity, node.opacity, 1, t));
-  const masked = node.mask ? 1 : 0;
-  const mat = m.map(round).join(",");
-  return node.type + "|" + geomKey(node) + "|[" + mat + "]|f:" + fill + "|s:" + stroke + "|sw:" + (num(sw) || "") + "|o:" + opacity + "|m:" + masked;
-}
-function flatten(node, parent, t, idMap, out) {
-  var _a2;
-  const type = node.type || "";
-  if (SKIP_TYPES.has(type)) return;
-  const m = mul(parent, nodeMatrix(node, t));
-  if (type === "use") {
-    const targetId = typeof node.href === "string" ? node.href.replace(/^#/, "") : "";
-    const target = idMap.get(targetId);
-    const useM = mul(m, translateM(num(node.x), num(node.y)));
-    if (target) flatten(target, useM, t, idMap, out);
-    else out.push("UNRESOLVED_USE:#" + targetId);
-    return;
-  }
-  if (CONTAINER_TYPES.has(type)) {
-    (_a2 = node.children) == null ? void 0 : _a2.forEach((c) => flatten(c, m, t, idMap, out));
-    return;
-  }
-  out.push(describePrimitive(node, m, t));
-}
-function collectSampleTimes(node, into) {
-  var _a2;
-  into.add(0);
-  const scanAnim = (anim) => {
-    var _a3;
-    if (!anim || typeof anim !== "object") return;
-    for (const key of Object.keys(anim)) {
-      const kfs = (_a3 = anim[key]) == null ? void 0 : _a3.keyframes;
-      if (Array.isArray(kfs)) kfs.forEach((kf) => {
-        var _a4;
-        return into.add((_a4 = kf.time) != null ? _a4 : 0);
-      });
-    }
-  };
-  scanAnim(node.animate);
-  if (node.transform && typeof node.transform === "object" && node.transform.keyframes) {
-    node.transform.keyframes.forEach((kf) => {
-      var _a3;
-      return into.add((_a3 = kf.time) != null ? _a3 : 0);
-    });
-  }
-  (_a2 = node.children) == null ? void 0 : _a2.forEach((c) => collectSampleTimes(c, into));
-}
-function visualModelAt(root, t) {
-  const idMap = /* @__PURE__ */ new Map();
-  buildIdMap2(root, idMap);
-  const out = [];
-  flatten(root, IDENTITY, t, idMap, out);
-  return out.sort();
-}
-function diffInEffect(a, b) {
-  const times = /* @__PURE__ */ new Set();
-  collectSampleTimes(a, times);
-  collectSampleTimes(b, times);
-  const diffs = [];
-  for (const t of Array.from(times).sort((x, y) => x - y)) {
-    const ma = visualModelAt(a, t);
-    const mb = visualModelAt(b, t);
-    const onlyInA = subtractMultiset(ma, mb);
-    const onlyInB = subtractMultiset(mb, ma);
-    if (onlyInA.length || onlyInB.length) diffs.push({ time: t, onlyInA, onlyInB });
-  }
-  return diffs;
-}
-function subtractMultiset(a, b) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const x of b) counts.set(x, (counts.get(x) || 0) + 1);
-  const extra = [];
-  for (const x of a) {
-    const c = counts.get(x) || 0;
-    if (c > 0) counts.set(x, c - 1);
-    else extra.push(x);
-  }
-  return extra;
-}
 
 // src/playback/PxAnimatorConfigPatch.ts
 var FLAT_ONLY_KEYS = [
@@ -7179,7 +6477,7 @@ var FLAT_ONLY_KEYS = [
   "mode",
   "frameRate"
 ];
-var CONTENT_KEYS = ["definitions", "animateById"];
+var CONTENT_KEYS = ["definitions", "bindings"];
 var isPlainObject = (v) => !!v && typeof v === "object" && !Array.isArray(v);
 var timelineTypeOf = (t) => isPlainObject(t) && typeof t.type === "string" ? t.type : "time";
 var isScrollish = (type) => type === "scroll" || type === "view";
@@ -7283,9 +6581,9 @@ function mergeAnimatorConfig(base, patch) {
   }
   return { config: out, warnings };
 }
-function applyAnimatorConfig(doc, patch, opts) {
+function applyAnimatorConfig(doc, patch, options) {
   var _a2, _b;
-  const reset = !!(opts == null ? void 0 : opts.resetDefaults);
+  const reset = !!(options == null ? void 0 : options.resetTimeline);
   if (!doc || (patch === void 0 || !reset && (patch === null || !isPlainObject(patch) || !Object.keys(patch).length))) {
     return { doc, warnings: [] };
   }
@@ -7318,7 +6616,6 @@ function applyAnimatorConfig(doc, patch, opts) {
 }
 
 // src/format/PxDocumentDiagnostic.ts
-var MAX_REPORTED = 6;
 function diagnoseDocument(doc) {
   try {
     return { problems: validateDocument(doc) };
@@ -7326,49 +6623,27 @@ function diagnoseDocument(doc) {
     return { problems: [] };
   }
 }
-function reportDocumentDiagnostics(doc, where) {
-  const { problems } = diagnoseDocument(doc);
-  if (!problems.length) return;
-  const shown = problems.slice(0, MAX_REPORTED);
-  const more = problems.length - shown.length;
-  console.warn(
-    where + ": this document does not match the animation schema in " + problems.length + " place" + (problems.length === 1 ? "" : "s") + ".\n" + shown.map((p) => "  - " + p).join("\n") + (more > 0 ? "\n  \u2026 and " + more + " more" : "") + "\n\nIf you did not author these keys, the usual cause is a build that MANGLES PROPERTY NAMES. An animation document is data loaded at runtime, so renaming the property reads inside the player stops them matching the keys in the JSON, and the animation silently does nothing. Feed the published reserved-name list to your minifier \u2014 @pixodesk/svg-animator-web/mangle-reserved.json \u2014 see docs/library/minification.md."
-  );
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BASELINE_PLAYER_VERSION,
-  COLOR_ATTR_NAMES,
-  CSS_ONLY_STYLE_PROPS,
-  DEFAULT_DURATION_MS,
-  DISALLOWED_SVG_TAGS_LOWER,
-  INTERNAL_ATTRS,
-  LOOP_JUMP_SHIFT_MS,
-  MISSING_GLYPH_CLASS_NAME,
-  PCT_BASED_ATTR_NAMES,
-  PLAYER_WIRE_STEPS,
-  PLAYER_WIRE_VERSION,
-  PX_ANIM_ATTR_NAME,
-  PX_ANIM_SRC_ATTR_NAME,
-  PX_PLAYER_SCHEMA_VERSION,
   PX_RATE_REJECTED,
   PX_TRANSFORM_PART_KEYS,
   PX_TRIGGER_DEFAULTS,
-  PX_UNKNOWN_KEY_ERROR,
+  PX_WIRE_BASELINE_VERSION,
+  PX_WIRE_SCHEMA_VERSION,
+  PX_WIRE_STEPS,
+  PX_WIRE_VERSION,
+  PX_WIRE_VERSION_KEY,
   PxAlongPathMode,
   PxAnimatedSvgDocumentSchema,
-  PxAnimationDefinitionSchema,
   PxAnimatorConfigSchema,
   PxAttrValueSchema,
   PxBezierPathSchema,
-  PxBindingSchema,
   PxClipPathEffectSchema,
   PxCloneEffectSchema,
   PxCloneWithout,
   PxControlMode,
-  PxDefsSchema,
+  PxDefinitionsSchema,
   PxDiagnosticKind,
-  PxEasingOrRefSchema,
   PxEffectsSchema,
   PxElementAnimationSchema,
   PxFillGradientEffectSchema,
@@ -7385,7 +6660,7 @@ function reportDocumentDiagnostics(doc, where) {
   PxLoopSchema,
   PxMaskType,
   PxMaskedByEffectSchema,
-  PxNodeBase,
+  PxNodeBaseSchema,
   PxNodeSchema,
   PxOutAction,
   PxPathOverflow,
@@ -7402,127 +6677,67 @@ function reportDocumentDiagnostics(doc, where) {
   PxScrollSchema,
   PxScrollSource,
   PxStartOn,
-  PxStrokeGradientEffectSchema,
   PxStrokeTrimEffectSchema,
   PxStrokeTrimSubPaths,
-  PxSvgNodeExtra,
+  PxSvgNodeRootSchema,
   PxTextEffectSchema,
   PxTextPathEffectSchema,
   PxTextPathMethod,
   PxTextPathSpacing,
   PxTimelineEngine,
-  PxTimelineEngineExtra,
-  PxTimelinePinSchema,
+  PxTimelineEngineSetting,
   PxTimelineSchema,
   PxTransformByEffectSchema,
   PxTransformPartsSchema,
   PxTransformValueSchema,
   PxTriggerSchema,
   PxUnits,
-  STYLE_ATTR_NAMES,
-  TEXT_CONTENT_ATTR,
-  TRANSFORM_FN_NAMES,
-  WIRE_VERSION_KEY,
-  WireStepKind,
-  WireVersionRelation,
+  PxWireStepKind,
+  PxWireVersionRelation,
   applyAnimatorConfig,
-  applyPlayerEffects,
   applyWireSteps,
-  applyWireStepsDown,
-  bezierToSvgPath,
   calcAnimationValues,
-  camelCaseToKebabWordIfNeeded,
-  clamp,
   clampSeekMs,
-  collectSampleTimes,
   compareWireVersion,
-  composeTransformParts,
   controlModeTakesOverTrigger,
-  convertPlayerDocument,
-  createBasicFrameLoopAnimator,
-  createDiagnostics,
-  createPathSampler,
+  convertWireDocument,
+  createAdapterAnimator,
   createRunClock,
-  cubicBezier,
-  deepClone,
   describeSchema,
   diagnoseDocument,
-  diffFieldUniverse,
-  diffInEffect,
-  downgradePlayerDocument,
-  evaluateMotionPathSegment,
-  extendedPathForBrowser,
+  downgradeWireDocument,
   flattenAnimatorTimeline,
   foldTimelineOverride,
   formatWireVersion,
   generateNewIds,
-  generateUniqueId,
   getAnimatorConfig,
   getBindings,
   getChildren,
-  getDefs,
-  getNormalizedBindings,
-  getNormalizedProps,
-  interpolateBeziers,
-  interpolateValue,
+  getDefinitions,
   isNativeForced,
-  isPxElementFileFormat,
-  isPxElementFileFormatDeep,
-  isScrollTimeline,
+  isPxDocument,
   isValidPlaybackRate,
-  jsonElementFactory,
-  kebabToCamelCaseWord,
-  kfEasing,
-  kfTangentIn,
-  kfTangentOut,
-  kfTime,
-  kfValue,
-  layoutGlyphTextChars,
+  isValidPxDocument,
   materializeAllInTree,
-  materializeAnimatedUseInstances,
-  materializeGlyphText,
-  materializeGlyphTextAlongPath,
-  materializeGlyphTextHorizontal,
-  materializeInternalLoopsInPropAnim,
-  materializeInternalLoopsInTree,
-  materializeMotionPathInPropAnim,
-  materializeMotionPathsInTree,
+  materializeNodeEffects,
   mayUseNativeScrollTimeline,
   mergeAnimatorConfig,
-  mergeStaticTransformIntoAnimDef,
   nestAnimatorTimeline,
-  parseTransformParts,
+  normalizeBindings,
   parseWireVersion,
-  planSchemaRelease,
   progressSpanMs,
   progressToTimeMs,
-  propAnimIsMotionPath,
   px,
   readWireVersion,
-  releaseLogProblems,
-  reportDocumentDiagnostics,
   resolveControlMode,
-  resolveStyle,
   resolveTimelineEngine,
   resolveTrigger,
-  reverseEasing,
-  sanitizeAttributeValue,
-  schemaFieldUniverse,
   schemaKeys,
-  scrollOffsetProgress,
-  scrollPhaseInterval,
-  scrollResolveAxis,
-  scrollTotalDurationMs,
-  scrollViewProgress,
   seekCeilingMs,
-  shiftAnimatable,
-  splitEasing,
-  subdivideCubicBezier,
   timeToProgress,
-  toRGBA,
+  toDomProps,
   validateDocument,
   validateNodeEffects,
-  versionAdvice,
-  visualModelAt
+  wireVersionAdvice
 });
 //# sourceMappingURL=index.cjs.map