@pixodesk/svg-animator-vue 1.0.45 → 1.0.46

package/dist/index.umd.js

@@ -401,8 +401,8 @@ var PixodeskAnimatorVue = (() => {
         return type === "string" || type === "number" || type === "boolean";
       }
       var escapeRE = /["'&<>]/;
-      function escapeHtml(string) {
-        const str3 = "" + string;
+      function escapeHtml(string3) {
+        const str3 = "" + string3;
         const match = escapeRE.exec(str3);
         if (!match) {
           return str3;
@@ -990,8 +990,8 @@ var PixodeskAnimatorVue = (() => {
         return type === "string" || type === "number" || type === "boolean";
       }
       var escapeRE = /["'&<>]/;
-      function escapeHtml(string) {
-        const str3 = "" + string;
+      function escapeHtml(string3) {
+        const str3 = "" + string3;
         const match = escapeRE.exec(str3);
         if (!match) {
           return str3;
@@ -16603,11 +16603,11 @@ var PixodeskAnimatorVue = (() => {
     "../../node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/base64.js"(exports) {
       "use strict";
       var intToCharMap = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".split("");
-      exports.encode = function(number) {
-        if (0 <= number && number < intToCharMap.length) {
-          return intToCharMap[number];
+      exports.encode = function(number3) {
+        if (0 <= number3 && number3 < intToCharMap.length) {
+          return intToCharMap[number3];
         }
-        throw new TypeError("Must be between 0 and 63: " + number);
+        throw new TypeError("Must be between 0 and 63: " + number3);
       };
       exports.decode = function(charCode) {
         var bigA = 65;
@@ -54311,15 +54311,15 @@ Component that was made reactive: `,
         }
       }
       var assignKey = /* @__PURE__ */ Symbol("_assign");
-      function castValue(value, trim, number) {
+      function castValue(value, trim, number3) {
         if (trim) value = value.trim();
-        if (number) value = shared.looseToNumber(value);
+        if (number3) value = shared.looseToNumber(value);
         return value;
       }
       var vModelText = {
-        created(el, { modifiers: { lazy, trim, number } }, vnode) {
+        created(el, { modifiers: { lazy, trim, number: number3 } }, vnode) {
           el[assignKey] = getModelAssigner(vnode);
-          const castToNumber = number || vnode.props && vnode.props.type === "number";
+          const castToNumber = number3 || vnode.props && vnode.props.type === "number";
           addEventListener(el, lazy ? "change" : "input", (e) => {
             if (e.target.composing) return;
             el[assignKey](castValue(el.value, trim, castToNumber));
@@ -54339,10 +54339,10 @@ Component that was made reactive: `,
         mounted(el, { value }) {
           el.value = value == null ? "" : value;
         },
-        beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
+        beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number: number3 } }, vnode) {
           el[assignKey] = getModelAssigner(vnode);
           if (el.composing) return;
-          const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? shared.looseToNumber(el.value) : el.value;
+          const elValue = (number3 || el.type === "number") && !/^0\d/.test(el.value) ? shared.looseToNumber(el.value) : el.value;
           const newValue = value == null ? "" : value;
           if (elValue === newValue) {
             return;
@@ -54431,11 +54431,11 @@ Component that was made reactive: `,
       var vModelSelect = {
         // <select multiple> value need to be deep traversed
         deep: true,
-        created(el, { value, modifiers: { number } }, vnode) {
+        created(el, { value, modifiers: { number: number3 } }, vnode) {
           const isSetModel = shared.isSet(value);
           addEventListener(el, "change", () => {
             const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map(
-              (o) => number ? shared.looseToNumber(getValue(o)) : getValue(o)
+              (o) => number3 ? shared.looseToNumber(getValue(o)) : getValue(o)
             );
             el[assignKey](
               el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
@@ -56126,15 +56126,15 @@ Expected function or array of functions, received type ${typeof value}.`
         }
       }
       var assignKey = /* @__PURE__ */ Symbol("_assign");
-      function castValue(value, trim, number) {
+      function castValue(value, trim, number3) {
         if (trim) value = value.trim();
-        if (number) value = shared.looseToNumber(value);
+        if (number3) value = shared.looseToNumber(value);
         return value;
       }
       var vModelText = {
-        created(el, { modifiers: { lazy, trim, number } }, vnode) {
+        created(el, { modifiers: { lazy, trim, number: number3 } }, vnode) {
           el[assignKey] = getModelAssigner(vnode);
-          const castToNumber = number || vnode.props && vnode.props.type === "number";
+          const castToNumber = number3 || vnode.props && vnode.props.type === "number";
           addEventListener(el, lazy ? "change" : "input", (e) => {
             if (e.target.composing) return;
             el[assignKey](castValue(el.value, trim, castToNumber));
@@ -56154,10 +56154,10 @@ Expected function or array of functions, received type ${typeof value}.`
         mounted(el, { value }) {
           el.value = value == null ? "" : value;
         },
-        beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
+        beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number: number3 } }, vnode) {
           el[assignKey] = getModelAssigner(vnode);
           if (el.composing) return;
-          const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? shared.looseToNumber(el.value) : el.value;
+          const elValue = (number3 || el.type === "number") && !/^0\d/.test(el.value) ? shared.looseToNumber(el.value) : el.value;
           const newValue = value == null ? "" : value;
           if (elValue === newValue) {
             return;
@@ -56246,11 +56246,11 @@ Expected function or array of functions, received type ${typeof value}.`
       var vModelSelect = {
         // <select multiple> value need to be deep traversed
         deep: true,
-        created(el, { value, modifiers: { number } }, vnode) {
+        created(el, { value, modifiers: { number: number3 } }, vnode) {
           const isSetModel = shared.isSet(value);
           addEventListener(el, "change", () => {
             const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map(
-              (o) => number ? shared.looseToNumber(getValue(o)) : getValue(o)
+              (o) => number3 ? shared.looseToNumber(getValue(o)) : getValue(o)
             );
             el[assignKey](
               el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
@@ -56761,7 +56761,7 @@ ${codeFrame}` : message);
     PixodeskSvgCssAnimator: () => PixodeskSvgCssAnimator_default
   });
 
-  // ../svg-animator-web/dist/chunk-QE7KJWAN.js
+  // ../svg-animator-web/dist/chunk-ZBGGXE5W.js
   var __defProp2 = Object.defineProperty;
   var __defProps = Object.defineProperties;
   var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -56824,19 +56824,31 @@ ${codeFrame}` : message);
     return result;
   }
   var Base = class {
+    /** Structural schemas (objects, arrays, unions of objects…) pass `false`: they state no scalar default. */
+    constructor(_statesDefault) {
+      this._statesDefault = _statesDefault;
+    }
     _canSanitize(raw) {
       return this.isValid(raw);
     }
+    /** A REQUIRED field is never absent; its default is the repair value. */
+    absentDefault() {
+      return this._default;
+    }
     optional() {
       return new Optional(this);
     }
   };
   var Optional = class extends Base {
     constructor(inner) {
-      super();
+      super(inner._statesDefault);
       this.inner = inner;
       this._default = void 0;
     }
+    /** Absent means the inner schema's STATED default — or nothing at all when it states none. */
+    absentDefault() {
+      return this.inner._statesDefault ? this.inner._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;
@@ -56850,8 +56862,8 @@ ${codeFrame}` : message);
     }
   };
   var Str = class extends Base {
-    constructor(_default = "") {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -56864,8 +56876,8 @@ ${codeFrame}` : message);
     }
   };
   var Num = class extends Base {
-    constructor(_default = 0) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -56878,8 +56890,8 @@ ${codeFrame}` : message);
     }
   };
   var Bool = class extends Base {
-    constructor(_default = false) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -56892,8 +56904,9 @@ ${codeFrame}` : message);
     }
   };
   var Literal = class extends Base {
+    /** A literal IS its own value: absent means it. */
     constructor(value) {
-      super();
+      super(true);
       this.value = value;
       this._default = value;
     }
@@ -56907,8 +56920,8 @@ ${codeFrame}` : message);
     }
   };
   var Enum = class extends Base {
-    constructor(values, defaultVal) {
-      super();
+    constructor(values, defaultVal, statesDefault) {
+      super(statesDefault);
       this.values = values;
       this._default = defaultVal != null ? defaultVal : values[0];
     }
@@ -56923,8 +56936,8 @@ ${codeFrame}` : message);
   };
   var UNION_MEMBER_ERROR_LIMIT = 4;
   var Union = class extends Base {
-    constructor(schemas, defaultVal) {
-      super();
+    constructor(schemas, defaultVal, statesDefault) {
+      super(statesDefault);
       this.schemas = schemas;
       this._kind = "union";
       this._default = defaultVal != null ? defaultVal : schemas[0]._default;
@@ -56977,7 +56990,7 @@ ${codeFrame}` : message);
   var DiscriminatedUnion = class extends Base {
     constructor(_key, _schemas, defaultVal) {
       var _a22;
-      super();
+      super(false);
       this._key = _key;
       this._schemas = _schemas;
       this._kind = "discriminatedUnion";
@@ -57016,13 +57029,19 @@ ${codeFrame}` : message);
       return schema ? schema._canSanitize(raw) : this._schemas[0]._canSanitize(raw);
     }
   };
+  function statedDefaults(shape) {
+    const out = {};
+    for (const key of Object.keys(shape)) if (shape[key]._statesDefault) out[key] = shape[key].absentDefault();
+    return Object.freeze(out);
+  }
   var Obj = class extends Base {
     constructor(_shape) {
-      super();
+      super(false);
       this._shape = _shape;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -57064,12 +57083,13 @@ ${codeFrame}` : message);
   };
   var OpenObj = class extends Base {
     constructor(_shape, _openSchema) {
-      super();
+      super(false);
       this._shape = _shape;
       this._openSchema = _openSchema;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -57114,7 +57134,7 @@ ${codeFrame}` : message);
   };
   var Arr = class extends Base {
     constructor(item) {
-      super();
+      super(false);
       this.item = item;
       this._default = [];
     }
@@ -57146,7 +57166,7 @@ ${codeFrame}` : message);
   };
   var Rec = class extends Base {
     constructor(value) {
-      super();
+      super(false);
       this.value = value;
       this._kind = "record";
       this._default = {};
@@ -57179,7 +57199,7 @@ ${codeFrame}` : message);
   };
   var Any = class extends Base {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -57194,7 +57214,7 @@ ${codeFrame}` : message);
   };
   var Defined = class extends Base {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -57211,7 +57231,7 @@ ${codeFrame}` : message);
   };
   var Lazy = class extends Base {
     constructor(fn, _default) {
-      super();
+      super(false);
       this.fn = fn;
       this._default = _default;
       this.resolved = null;
@@ -57232,7 +57252,7 @@ ${codeFrame}` : message);
   };
   var Tuple = class extends Base {
     constructor(schemas) {
-      super();
+      super(false);
       this.schemas = schemas;
       this._kind = "tuple";
       this._default = schemas.map((s) => s._default);
@@ -57263,22 +57283,29 @@ ${codeFrame}` : message);
   function implementsInterface() {
     return (schema) => schema;
   }
+  function string(defaultVal) {
+    return defaultVal === void 0 ? new Str("", false) : new Str(defaultVal, true);
+  }
+  function number(defaultVal) {
+    return defaultVal === void 0 ? new Num(0, false) : new Num(defaultVal, true);
+  }
+  function boolean(defaultVal) {
+    return defaultVal === void 0 ? new Bool(false, false) : new Bool(defaultVal, true);
+  }
+  function oneOf(values, defaultVal) {
+    return defaultVal === void 0 ? new Enum(values, void 0, false) : new Enum(values, defaultVal, true);
+  }
+  function unionOf(schemas, defaultVal) {
+    return defaultVal === void 0 ? new Union(schemas, void 0, false) : new Union(schemas, defaultVal, true);
+  }
   var px = {
-    /** Matches a string. Default: '' or provided value. */
-    string: (defaultVal = "") => new Str(defaultVal),
-    /** Matches a finite number. Default: 0 or provided value. */
-    number: (defaultVal = 0) => new Num(defaultVal),
-    /** Matches a boolean. Default: false or provided value. */
-    boolean: (defaultVal = false) => new Bool(defaultVal),
-    /** Matches one exact primitive value; its default is the value itself. */
+    string,
+    number,
+    boolean,
+    /** Matches one exact primitive value; absent means the value itself. */
     literal: (value) => new Literal(value),
-    /** Matches one of a fixed set of string/number values. Default: first value. */
-    enum: (values, defaultVal) => new Enum(values, defaultVal),
-    /**
-     * Returns the first schema whose isValid passes.
-     * TypeScript infers the union of all member types automatically.
-     */
-    union: (schemas, defaultVal) => new Union(schemas, defaultVal),
+    enum: oneOf,
+    union: unionOf,
     /**
      * Discriminated union — reads `raw[key]`, finds the member schema whose
      * literal at `key` matches, then delegates sanitize/isValid to that member.
@@ -57286,7 +57313,8 @@ ${codeFrame}` : message);
      * TypeScript infers the union of all member types automatically.
      */
     discriminatedUnion: (key, schemas) => new DiscriminatedUnion(key, schemas),
-    /** Typed object — unknown keys are stripped. Required fields fall back to their default. */
+    /** Typed object — unknown keys are stripped. Required fields fall back to their default.
+     *  Its `defaults` say what each stated field means when a document leaves it out. */
     object: (shape) => new Obj(shape),
     /**
      * Open object — validates known keys; passes unknown keys through as-is,
@@ -57419,8 +57447,11 @@ ${codeFrame}` : message);
     offScreen: "pause",
     mouseOut: "continue",
     visibilityThreshold: 0.5,
-    visibilityDebounce: 150
+    visibilityDebounce: 150,
+    finish: "hold"
   };
+  var PX_DEFAULT_DURATION_MS = 1e3;
+  var PX_DEFAULT_ITERATIONS = 1;
   function resolveTrigger(trigger) {
     var _a22, _b, _c, _d, _e;
     return {
@@ -57633,15 +57664,15 @@ ${codeFrame}` : message);
   var keyframeTangentOut = (kf) => anyKf(kf).tangentOut;
   var PxLoopSchema = implementsInterface()(px.object({
     segmentCount: px.number().optional(),
-    repeatAt: px.enum([PxLoopRepeatAt.start, PxLoopRepeatAt.end]).optional(),
-    direction: px.enum([PxLoopDirection.normal, PxLoopDirection.alternate]).optional()
+    repeatAt: px.enum([PxLoopRepeatAt.start, PxLoopRepeatAt.end], PxLoopRepeatAt.end).optional(),
+    direction: px.enum([PxLoopDirection.normal, PxLoopDirection.alternate], PxLoopDirection.normal).optional()
   }));
   var PxPropertyAnimationSchema = implementsInterface()(px.object({
     value: PxKeyframeValueSchema.optional(),
     keyframes: px.array(PxKeyframeSchema).optional(),
     loop: px.union([PxLoopSchema, px.boolean()]).optional(),
     autoOrient: px.boolean().optional(),
-    alongPathMode: px.enum([PxAlongPathMode.sampled, PxAlongPathMode.offsetPath]).optional()
+    alongPathMode: px.enum([PxAlongPathMode.sampled, PxAlongPathMode.offsetPath], PxAlongPathMode.sampled).optional()
   }));
   var PxTransformPartsSchema = implementsInterface()(px.object({
     translate: px.tuple([px.number(), px.number()]).optional(),
@@ -57671,9 +57702,9 @@ ${codeFrame}` : message);
     // What happens after a NATURAL finish — `'hold'` (default: keep the end state per
     // `fill`) or `'reset'` (snap back to the start state). One of four occasion keys
     // (`start`, `offScreen`, `mouseOut`, `finish`), all named the same way.
-    finish: px.enum([PxFinishAction.hold, PxFinishAction.reset]).optional(),
-    visibilityThreshold: px.number().optional(),
-    visibilityDebounce: px.number().optional()
+    finish: px.enum([PxFinishAction.hold, PxFinishAction.reset], PX_TRIGGER_DEFAULTS.finish).optional(),
+    visibilityThreshold: px.number(PX_TRIGGER_DEFAULTS.visibilityThreshold).optional(),
+    visibilityDebounce: px.number(PX_TRIGGER_DEFAULTS.visibilityDebounce).optional()
   }));
   var PxGlyphSchema = implementsInterface()(px.object({
     width: px.number(),
@@ -57699,7 +57730,7 @@ ${codeFrame}` : message);
       PxScrollPhase.exit,
       PxScrollPhase.entryCrossing,
       PxScrollPhase.exitCrossing
-    ]).optional(),
+    ], PxScrollPhase.cover).optional(),
     fraction: px.number().optional()
   }));
   var PxScrollRangeSchema = px.object({
@@ -57707,37 +57738,37 @@ ${codeFrame}` : message);
     end: PxScrollRangePointSchema.optional()
   });
   var PxScrollSchema = implementsInterface()(px.object({
-    kind: px.enum([PxScrollKind.view, PxScrollKind.scroll]).optional(),
-    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y]).optional(),
-    source: px.enum([PxScrollSource.nearest, PxScrollSource.root]).optional(),
+    kind: px.enum([PxScrollKind.view, PxScrollKind.scroll], PxScrollKind.view).optional(),
+    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y], PxScrollAxis.block).optional(),
+    source: px.enum([PxScrollSource.nearest, PxScrollSource.root], PxScrollSource.nearest).optional(),
     // Free-form: the two keywords `parent`/`scroller` plus any CSS selector.
     subject: px.string().optional(),
     smoothing: px.number().optional(),
-    pin: px.boolean().optional(),
-    pinAlign: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom]).optional(),
+    pin: px.boolean(false).optional(),
+    pinAlign: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom], PxPinAlign.top).optional(),
     pinOffset: px.number().optional(),
     pinDistance: px.number().optional(),
     range: PxScrollRangeSchema.optional()
   }));
   var PxTimelinePinSchema = implementsInterface()(px.object({
-    align: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom]).optional(),
+    align: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom], PxPinAlign.top).optional(),
     offset: px.number().optional(),
     distance: px.number().optional()
   }));
-  var PxTimelineEngineSchema = px.enum([PxTimelineEngineSetting.auto, PxTimelineEngineSetting.native, PxTimelineEngineSetting.js]).optional();
+  var PxTimelineEngineSchema = px.enum([PxTimelineEngineSetting.auto, PxTimelineEngineSetting.native, PxTimelineEngineSetting.js], PxTimelineEngineSetting.auto).optional();
   var PxTimeTimelineSchema = implementsInterface()(px.object({
     type: px.literal("time").optional(),
     engine: PxTimelineEngineSchema,
     frameRate: px.number().optional(),
     // §2.8: duration is a property of the TIMELINE — how long one pass takes.
-    duration: px.number().optional(),
+    duration: px.number(PX_DEFAULT_DURATION_MS).optional(),
     trigger: PxTriggerSchema.optional(),
-    delay: px.number().optional(),
-    iterations: px.union([px.number(), px.literal("infinite")]).optional(),
+    delay: px.number(0).optional(),
+    iterations: px.union([px.number(PX_DEFAULT_ITERATIONS), px.literal("infinite")], PX_DEFAULT_ITERATIONS).optional(),
     // `fillMode` on the wire (CSS `animation-fill-mode`; the runtime view calls it `fill`)
     // — never `fill`, which is paint everywhere else in the format.
-    fillMode: px.enum([PxFillMode.forwards, PxFillMode.backwards, PxFillMode.both, PxFillMode.none]).optional(),
-    direction: px.enum([PxPlaybackDirection.normal, PxPlaybackDirection.reverse, PxPlaybackDirection.alternate, PxPlaybackDirection.alternateReverse]).optional()
+    fillMode: px.enum([PxFillMode.forwards, PxFillMode.backwards, PxFillMode.both, PxFillMode.none], PxFillMode.forwards).optional(),
+    direction: px.enum([PxPlaybackDirection.normal, PxPlaybackDirection.reverse, PxPlaybackDirection.alternate, PxPlaybackDirection.alternateReverse], PxPlaybackDirection.normal).optional()
   }));
   var scrollishTimelineShape = {
     // §2.8: duration is a property of the TIMELINE — under scrubbing it is the keyframe
@@ -57748,8 +57779,8 @@ ${codeFrame}` : message);
     iterations: px.number().optional(),
     engine: PxTimelineEngineSchema,
     frameRate: px.number().optional(),
-    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y]).optional(),
-    source: px.enum([PxScrollSource.nearest, PxScrollSource.root]).optional(),
+    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y], PxScrollAxis.block).optional(),
+    source: px.enum([PxScrollSource.nearest, PxScrollSource.root], PxScrollSource.nearest).optional(),
     subject: px.string().optional(),
     // 'parent' | 'scroller' | any CSS selector
     smoothing: px.number().optional(),
@@ -57829,9 +57860,10 @@ ${codeFrame}` : message);
   }));
   var PxMaskedByEffectSchema = implementsInterface()(px.object({
     source: px.string().optional(),
-    maskType: px.enum([PxMaskType.luminance, PxMaskType.alpha]).optional(),
-    maskUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
-    maskContentUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
+    // SVG's own initial values — what a <mask> does when the attribute is not there.
+    maskType: px.enum([PxMaskType.luminance, PxMaskType.alpha], PxMaskType.luminance).optional(),
+    maskUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.objectBoundingBox).optional(),
+    maskContentUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.userSpaceOnUse).optional(),
     x: px.number().optional(),
     y: px.number().optional(),
     width: px.number().optional(),
@@ -57843,7 +57875,7 @@ ${codeFrame}` : message);
   var PxStrokeTrimEffectSchema = implementsInterface()(px.object({
     offset: PxAnimatableNumberSchema.optional(),
     range: PxAnimatableVec2Schema.optional(),
-    subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined]).optional()
+    subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined], PxStrokeTrimSubPaths.separate).optional()
   }));
   var PxRetimeEffectSchema = implementsInterface()(px.object({
     start: px.number().optional(),
@@ -57875,17 +57907,20 @@ ${codeFrame}` : message);
     radius: PxAnimatableNumberSchema.optional(),
     focal: PxAnimatableVec2Schema.optional(),
     stops: PxAnimatableGradientStopsSchema.optional(),
-    gradientUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
-    spreadMethod: px.enum([PxGradientSpreadMethod.pad, PxGradientSpreadMethod.reflect, PxGradientSpreadMethod.repeat]).optional(),
+    // SVG's own initial values — what a gradient does when the attribute is not there.
+    gradientUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.objectBoundingBox).optional(),
+    spreadMethod: px.enum([PxGradientSpreadMethod.pad, PxGradientSpreadMethod.reflect, PxGradientSpreadMethod.repeat], PxGradientSpreadMethod.pad).optional(),
     gradientTransform: px.string().optional()
   }));
   var PxStrokeGradientEffectSchema = PxFillGradientEffectSchema;
   var PxTextPathEffectSchema = implementsInterface()(px.object({
     pathData: px.string(),
-    pathOverflow: px.enum([PxPathOverflow.clip, PxPathOverflow.extend]).optional(),
-    lengthAdjust: px.enum([PxLengthAdjust.spacing, PxLengthAdjust.spacingAndGlyphs]).optional(),
-    method: px.enum([PxTextPathMethod.align, PxTextPathMethod.stretch]).optional(),
-    spacing: px.enum([PxTextPathSpacing.auto, PxTextPathSpacing.exact]).optional(),
+    // `extend` is what an omitted pathOverflow means (glyphs continue along the tangent); the
+    // other three are SVG's own initial values for the native <textPath> attributes.
+    pathOverflow: px.enum([PxPathOverflow.clip, PxPathOverflow.extend], PxPathOverflow.extend).optional(),
+    lengthAdjust: px.enum([PxLengthAdjust.spacing, PxLengthAdjust.spacingAndGlyphs], PxLengthAdjust.spacing).optional(),
+    method: px.enum([PxTextPathMethod.align, PxTextPathMethod.stretch], PxTextPathMethod.align).optional(),
+    spacing: px.enum([PxTextPathSpacing.auto, PxTextPathSpacing.exact], PxTextPathSpacing.exact).optional(),
     startOffset: PxAnimatableNumberSchema.optional(),
     textLength: PxAnimatableNumberSchema.optional()
   }));
@@ -58445,7 +58480,6 @@ ${codeFrame}` : message);
     return Object.keys(out).length ? out : void 0;
   }
   var PX_STYLE_ATTR_NAMES = /* @__PURE__ */ new Set(["offset-distance", "offsetDistance"]);
-  var PX_DEFAULT_DURATION_MS = 1e3;
   function kebabToCamelCaseWord(kebab) {
     return kebab.includes("-") ? kebab.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()) : kebab;
   }
@@ -62442,9 +62476,10 @@ ${codeFrame}` : message);
   }
   var TRANSFORM_CHANNEL = "transform";
   var REVERSED_DIRECTIONS = /* @__PURE__ */ new Set(["reverse", "alternate-reverse"]);
+  var VERIFY_SAMPLE_FRACTIONS = [0, 0.25, 0.5, 0.75, 1];
   var SCRATCH_ID_PREFIX = "__px_rest_";
   function materializeRestPosesInTree(root, engine) {
-    var _a22;
+    var _a22, _b;
     const out = deepClone(root);
     const config = getAnimatorConfig(out) || {};
     const duration = +(config.duration || PX_DEFAULT_DURATION_MS);
@@ -62456,18 +62491,27 @@ ${codeFrame}` : message);
     for (const [key, animate] of before) {
       const node = nodes.get(key);
       if (!node) continue;
-      for (const channel of Object.keys(animate)) {
+      const channels = Object.keys(animate);
+      for (const channel of channels) {
+        if (PX_TRANSFORM_FN_NAMES.has(channel)) continue;
         if (!mayCarryRestPose(node, channel)) continue;
         const value = firstFrameValue(animate, channel, firstFrameTime);
         if (value === void 0) continue;
         node[channel] = value;
         added.set(key, [...(_a22 = added.get(key)) != null ? _a22 : [], channel]);
       }
+      if (channels.some((channel) => PX_TRANSFORM_FN_NAMES.has(channel)) && mayCarryTransformRestPose(node)) {
+        const parts = firstFrameTransformParts(animate, firstFrameTime);
+        if (parts) {
+          node[TRANSFORM_CHANNEL] = parts;
+          added.set(key, [...(_b = added.get(key)) != null ? _b : [], TRANSFORM_CHANNEL]);
+        }
+      }
     }
     if (added.size) {
       const after = bindingsOf(out, engine);
       for (const [key, channels] of added) {
-        if (JSON.stringify(after.get(key)) === JSON.stringify(before.get(key))) continue;
+        if (writesTheSameFrames(before.get(key), after.get(key), duration)) continue;
         const node = nodes.get(key);
         if (node) for (const channel of channels) delete node[channel];
       }
@@ -62476,16 +62520,31 @@ ${codeFrame}` : message);
   }
   function mayCarryRestPose(node, channel) {
     if (node[channel] !== void 0) return false;
-    if (PX_TRANSFORM_FN_NAMES.has(channel)) return false;
-    if (channel === TRANSFORM_CHANNEL) {
-      for (const part of PX_TRANSFORM_FN_NAMES) if (node[part] !== void 0) return false;
-    }
+    if (channel === TRANSFORM_CHANNEL) return mayCarryTransformRestPose(node);
+    return true;
+  }
+  function mayCarryTransformRestPose(node) {
+    if (node[TRANSFORM_CHANNEL] !== void 0) return false;
+    for (const part of PX_TRANSFORM_FN_NAMES) if (node[part] !== void 0) return false;
     return true;
   }
   function firstFrameValue(animate, channel, timeMs) {
     const values = Object.values(calcAnimationValues({ [channel]: animate[channel] }, timeMs));
     return values.length === 1 && values[0] !== "" ? values[0] : void 0;
   }
+  function firstFrameTransformParts(animate, timeMs) {
+    const family = {};
+    for (const channel of Object.keys(animate)) if (PX_TRANSFORM_FN_NAMES.has(channel)) family[channel] = animate[channel];
+    const written = calcAnimationValues(family, timeMs)[TRANSFORM_CHANNEL];
+    if (!written) return void 0;
+    const parts = parseTransformParts(written.replace(/(px|deg)\b/g, ""));
+    return parts && Object.keys(parts).length ? parts : void 0;
+  }
+  function writesTheSameFrames(a, b, durationMs) {
+    if (!a || !b) return a === b;
+    const frame = (animate, t) => JSON.stringify(calcAnimationValues(animate, t)).replace(/\s+/g, "");
+    return VERIFY_SAMPLE_FRACTIONS.every((fraction) => frame(a, fraction * durationMs) === frame(b, fraction * durationMs));
+  }
   function bindingsOf(tree, engine) {
     const scratch = deepClone(tree);
     const keyById = /* @__PURE__ */ new Map();
@@ -62694,13 +62753,13 @@ ${codeFrame}` : message);
     const bindings = normalizeBindings(doc, PxTimelineEngine.js);
     const _iterations = config.iterations;
     let iterations = 1;
-    if (typeof _iterations === "number") iterations = _iterations || 1;
+    if (typeof _iterations === "number") iterations = _iterations || PX_DEFAULT_ITERATIONS;
     if (_iterations === "infinite") iterations = Infinity;
     if (iterations < 1) iterations = 1;
     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 = (_a22 = config.fill) != null ? _a22 : "forwards";
+    const totalDuration = duration && iterations ? duration * (iterations === Infinity ? Infinity : iterations) : duration ? (iterations != null ? iterations : PX_DEFAULT_ITERATIONS) * duration : 0;
+    const direction = config.direction || PxTimeTimelineSchema.defaults.direction;
+    const fill = (_a22 = config.fill) != null ? _a22 : PxTimeTimelineSchema.defaults.fillMode;
     const fillsForwards = fill === "forwards" || fill === "both";
     const fillsBackwards = fill === "backwards" || fill === "both";
     let timerId = null;
@@ -63703,7 +63762,7 @@ ${codeFrame}` : message);
       let seekPosition;
       if (config.delay && config.delay < 0 && config.duration) {
         const rawSeek = -config.delay;
-        seekPosition = iterations === Infinity ? rawSeek % config.duration : Math.min(rawSeek, config.duration * (iterations != null ? iterations : 1));
+        seekPosition = iterations === Infinity ? rawSeek % config.duration : Math.min(rawSeek, config.duration * (iterations != null ? iterations : PX_DEFAULT_ITERATIONS));
       }
       const effectOptions = {
         duration: config.duration,
@@ -63810,7 +63869,7 @@ ${codeFrame}` : message);
       },
       "setCurrentTime": (time) => {
         var _a22;
-        const ceiling = seekCeilingMs((_a22 = config.duration) != null ? _a22 : 0, iterations != null ? iterations : 1);
+        const ceiling = seekCeilingMs((_a22 = config.duration) != null ? _a22 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS);
         const seek = ceiling > 0 ? clampSeekMs(time, ceiling) : Math.max(0, time);
         finishNotified = false;
         animations.forEach((a) => {
@@ -63820,11 +63879,11 @@ ${codeFrame}` : message);
       "getCurrentProgress": () => {
         var _a22;
         const t = api.getCurrentTime();
-        return t === null ? null : timeToProgress(t, (_a22 = config.duration) != null ? _a22 : 0, iterations != null ? iterations : 1);
+        return t === null ? null : timeToProgress(t, (_a22 = config.duration) != null ? _a22 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS);
       },
       "setCurrentProgress": (progress) => {
         var _a22;
-        api.setCurrentTime(progressToTimeMs(progress, (_a22 = config.duration) != null ? _a22 : 0, iterations != null ? iterations : 1));
+        api.setCurrentTime(progressToTimeMs(progress, (_a22 = config.duration) != null ? _a22 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS));
       },
       "destroy": () => {
         var _a22;
@@ -64342,7 +64401,7 @@ ${codeFrame}` : message);
     return proxy;
   }
 
-  // ../svg-animator-core/dist/chunk-YVKMPBHE.js
+  // ../svg-animator-core/dist/chunk-37OFJ3RX.js
   var __defProp3 = Object.defineProperty;
   var __defProps3 = Object.defineProperties;
   var __getOwnPropDescs3 = Object.getOwnPropertyDescriptors;
@@ -64386,19 +64445,31 @@ ${codeFrame}` : message);
     return result;
   }
   var Base2 = class {
+    /** Structural schemas (objects, arrays, unions of objects…) pass `false`: they state no scalar default. */
+    constructor(_statesDefault) {
+      this._statesDefault = _statesDefault;
+    }
     _canSanitize(raw) {
       return this.isValid(raw);
     }
+    /** A REQUIRED field is never absent; its default is the repair value. */
+    absentDefault() {
+      return this._default;
+    }
     optional() {
       return new Optional2(this);
     }
   };
   var Optional2 = class extends Base2 {
     constructor(inner) {
-      super();
+      super(inner._statesDefault);
       this.inner = inner;
       this._default = void 0;
     }
+    /** Absent means the inner schema's STATED default — or nothing at all when it states none. */
+    absentDefault() {
+      return this.inner._statesDefault ? this.inner._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;
@@ -64412,8 +64483,8 @@ ${codeFrame}` : message);
     }
   };
   var Str2 = class extends Base2 {
-    constructor(_default = "") {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -64426,8 +64497,8 @@ ${codeFrame}` : message);
     }
   };
   var Num2 = class extends Base2 {
-    constructor(_default = 0) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -64440,8 +64511,8 @@ ${codeFrame}` : message);
     }
   };
   var Bool2 = class extends Base2 {
-    constructor(_default = false) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -64454,8 +64525,9 @@ ${codeFrame}` : message);
     }
   };
   var Literal2 = class extends Base2 {
+    /** A literal IS its own value: absent means it. */
     constructor(value) {
-      super();
+      super(true);
       this.value = value;
       this._default = value;
     }
@@ -64469,8 +64541,8 @@ ${codeFrame}` : message);
     }
   };
   var Enum2 = class extends Base2 {
-    constructor(values, defaultVal) {
-      super();
+    constructor(values, defaultVal, statesDefault) {
+      super(statesDefault);
       this.values = values;
       this._default = defaultVal != null ? defaultVal : values[0];
     }
@@ -64485,8 +64557,8 @@ ${codeFrame}` : message);
   };
   var UNION_MEMBER_ERROR_LIMIT2 = 4;
   var Union2 = class extends Base2 {
-    constructor(schemas, defaultVal) {
-      super();
+    constructor(schemas, defaultVal, statesDefault) {
+      super(statesDefault);
       this.schemas = schemas;
       this._kind = "union";
       this._default = defaultVal != null ? defaultVal : schemas[0]._default;
@@ -64539,7 +64611,7 @@ ${codeFrame}` : message);
   var DiscriminatedUnion2 = class extends Base2 {
     constructor(_key, _schemas, defaultVal) {
       var _a22;
-      super();
+      super(false);
       this._key = _key;
       this._schemas = _schemas;
       this._kind = "discriminatedUnion";
@@ -64578,13 +64650,19 @@ ${codeFrame}` : message);
       return schema ? schema._canSanitize(raw) : this._schemas[0]._canSanitize(raw);
     }
   };
+  function statedDefaults2(shape) {
+    const out = {};
+    for (const key of Object.keys(shape)) if (shape[key]._statesDefault) out[key] = shape[key].absentDefault();
+    return Object.freeze(out);
+  }
   var Obj2 = class extends Base2 {
     constructor(_shape) {
-      super();
+      super(false);
       this._shape = _shape;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults2(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -64626,12 +64704,13 @@ ${codeFrame}` : message);
   };
   var OpenObj2 = class extends Base2 {
     constructor(_shape, _openSchema) {
-      super();
+      super(false);
       this._shape = _shape;
       this._openSchema = _openSchema;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults2(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -64676,7 +64755,7 @@ ${codeFrame}` : message);
   };
   var Arr2 = class extends Base2 {
     constructor(item) {
-      super();
+      super(false);
       this.item = item;
       this._default = [];
     }
@@ -64708,7 +64787,7 @@ ${codeFrame}` : message);
   };
   var Rec2 = class extends Base2 {
     constructor(value) {
-      super();
+      super(false);
       this.value = value;
       this._kind = "record";
       this._default = {};
@@ -64741,7 +64820,7 @@ ${codeFrame}` : message);
   };
   var Any2 = class extends Base2 {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -64756,7 +64835,7 @@ ${codeFrame}` : message);
   };
   var Defined2 = class extends Base2 {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -64773,7 +64852,7 @@ ${codeFrame}` : message);
   };
   var Lazy2 = class extends Base2 {
     constructor(fn, _default) {
-      super();
+      super(false);
       this.fn = fn;
       this._default = _default;
       this.resolved = null;
@@ -64794,7 +64873,7 @@ ${codeFrame}` : message);
   };
   var Tuple2 = class extends Base2 {
     constructor(schemas) {
-      super();
+      super(false);
       this.schemas = schemas;
       this._kind = "tuple";
       this._default = schemas.map((s) => s._default);
@@ -64825,22 +64904,29 @@ ${codeFrame}` : message);
   function implementsInterface2() {
     return (schema) => schema;
   }
+  function string2(defaultVal) {
+    return defaultVal === void 0 ? new Str2("", false) : new Str2(defaultVal, true);
+  }
+  function number2(defaultVal) {
+    return defaultVal === void 0 ? new Num2(0, false) : new Num2(defaultVal, true);
+  }
+  function boolean2(defaultVal) {
+    return defaultVal === void 0 ? new Bool2(false, false) : new Bool2(defaultVal, true);
+  }
+  function oneOf2(values, defaultVal) {
+    return defaultVal === void 0 ? new Enum2(values, void 0, false) : new Enum2(values, defaultVal, true);
+  }
+  function unionOf2(schemas, defaultVal) {
+    return defaultVal === void 0 ? new Union2(schemas, void 0, false) : new Union2(schemas, defaultVal, true);
+  }
   var px2 = {
-    /** Matches a string. Default: '' or provided value. */
-    string: (defaultVal = "") => new Str2(defaultVal),
-    /** Matches a finite number. Default: 0 or provided value. */
-    number: (defaultVal = 0) => new Num2(defaultVal),
-    /** Matches a boolean. Default: false or provided value. */
-    boolean: (defaultVal = false) => new Bool2(defaultVal),
-    /** Matches one exact primitive value; its default is the value itself. */
+    string: string2,
+    number: number2,
+    boolean: boolean2,
+    /** Matches one exact primitive value; absent means the value itself. */
     literal: (value) => new Literal2(value),
-    /** Matches one of a fixed set of string/number values. Default: first value. */
-    enum: (values, defaultVal) => new Enum2(values, defaultVal),
-    /**
-     * Returns the first schema whose isValid passes.
-     * TypeScript infers the union of all member types automatically.
-     */
-    union: (schemas, defaultVal) => new Union2(schemas, defaultVal),
+    enum: oneOf2,
+    union: unionOf2,
     /**
      * Discriminated union — reads `raw[key]`, finds the member schema whose
      * literal at `key` matches, then delegates sanitize/isValid to that member.
@@ -64848,7 +64934,8 @@ ${codeFrame}` : message);
      * TypeScript infers the union of all member types automatically.
      */
     discriminatedUnion: (key, schemas) => new DiscriminatedUnion2(key, schemas),
-    /** Typed object — unknown keys are stripped. Required fields fall back to their default. */
+    /** Typed object — unknown keys are stripped. Required fields fall back to their default.
+     *  Its `defaults` say what each stated field means when a document leaves it out. */
     object: (shape) => new Obj2(shape),
     /**
      * Open object — validates known keys; passes unknown keys through as-is,
@@ -64975,8 +65062,11 @@ ${codeFrame}` : message);
     offScreen: "pause",
     mouseOut: "continue",
     visibilityThreshold: 0.5,
-    visibilityDebounce: 150
+    visibilityDebounce: 150,
+    finish: "hold"
   };
+  var PX_DEFAULT_DURATION_MS2 = 1e3;
+  var PX_DEFAULT_ITERATIONS2 = 1;
   var PxControlMode = {
     /** No control props — the document's trigger decides, and nothing is taken over. */
     static: "static",
@@ -65204,15 +65294,15 @@ ${codeFrame}` : message);
   var keyframeTangentOut2 = (kf) => anyKf2(kf).tangentOut;
   var PxLoopSchema2 = implementsInterface2()(px2.object({
     segmentCount: px2.number().optional(),
-    repeatAt: px2.enum([PxLoopRepeatAt2.start, PxLoopRepeatAt2.end]).optional(),
-    direction: px2.enum([PxLoopDirection2.normal, PxLoopDirection2.alternate]).optional()
+    repeatAt: px2.enum([PxLoopRepeatAt2.start, PxLoopRepeatAt2.end], PxLoopRepeatAt2.end).optional(),
+    direction: px2.enum([PxLoopDirection2.normal, PxLoopDirection2.alternate], PxLoopDirection2.normal).optional()
   }));
   var PxPropertyAnimationSchema2 = implementsInterface2()(px2.object({
     value: PxKeyframeValueSchema2.optional(),
     keyframes: px2.array(PxKeyframeSchema2).optional(),
     loop: px2.union([PxLoopSchema2, px2.boolean()]).optional(),
     autoOrient: px2.boolean().optional(),
-    alongPathMode: px2.enum([PxAlongPathMode2.sampled, PxAlongPathMode2.offsetPath]).optional()
+    alongPathMode: px2.enum([PxAlongPathMode2.sampled, PxAlongPathMode2.offsetPath], PxAlongPathMode2.sampled).optional()
   }));
   var PxTransformPartsSchema2 = implementsInterface2()(px2.object({
     translate: px2.tuple([px2.number(), px2.number()]).optional(),
@@ -65242,9 +65332,9 @@ ${codeFrame}` : message);
     // What happens after a NATURAL finish — `'hold'` (default: keep the end state per
     // `fill`) or `'reset'` (snap back to the start state). One of four occasion keys
     // (`start`, `offScreen`, `mouseOut`, `finish`), all named the same way.
-    finish: px2.enum([PxFinishAction2.hold, PxFinishAction2.reset]).optional(),
-    visibilityThreshold: px2.number().optional(),
-    visibilityDebounce: px2.number().optional()
+    finish: px2.enum([PxFinishAction2.hold, PxFinishAction2.reset], PX_TRIGGER_DEFAULTS2.finish).optional(),
+    visibilityThreshold: px2.number(PX_TRIGGER_DEFAULTS2.visibilityThreshold).optional(),
+    visibilityDebounce: px2.number(PX_TRIGGER_DEFAULTS2.visibilityDebounce).optional()
   }));
   var PxGlyphSchema2 = implementsInterface2()(px2.object({
     width: px2.number(),
@@ -65270,7 +65360,7 @@ ${codeFrame}` : message);
       PxScrollPhase2.exit,
       PxScrollPhase2.entryCrossing,
       PxScrollPhase2.exitCrossing
-    ]).optional(),
+    ], PxScrollPhase2.cover).optional(),
     fraction: px2.number().optional()
   }));
   var PxScrollRangeSchema2 = px2.object({
@@ -65278,37 +65368,37 @@ ${codeFrame}` : message);
     end: PxScrollRangePointSchema2.optional()
   });
   var PxScrollSchema2 = implementsInterface2()(px2.object({
-    kind: px2.enum([PxScrollKind2.view, PxScrollKind2.scroll]).optional(),
-    axis: px2.enum([PxScrollAxis2.block, PxScrollAxis2.inline, PxScrollAxis2.x, PxScrollAxis2.y]).optional(),
-    source: px2.enum([PxScrollSource2.nearest, PxScrollSource2.root]).optional(),
+    kind: px2.enum([PxScrollKind2.view, PxScrollKind2.scroll], PxScrollKind2.view).optional(),
+    axis: px2.enum([PxScrollAxis2.block, PxScrollAxis2.inline, PxScrollAxis2.x, PxScrollAxis2.y], PxScrollAxis2.block).optional(),
+    source: px2.enum([PxScrollSource2.nearest, PxScrollSource2.root], PxScrollSource2.nearest).optional(),
     // Free-form: the two keywords `parent`/`scroller` plus any CSS selector.
     subject: px2.string().optional(),
     smoothing: px2.number().optional(),
-    pin: px2.boolean().optional(),
-    pinAlign: px2.enum([PxPinAlign2.top, PxPinAlign2.center, PxPinAlign2.bottom]).optional(),
+    pin: px2.boolean(false).optional(),
+    pinAlign: px2.enum([PxPinAlign2.top, PxPinAlign2.center, PxPinAlign2.bottom], PxPinAlign2.top).optional(),
     pinOffset: px2.number().optional(),
     pinDistance: px2.number().optional(),
     range: PxScrollRangeSchema2.optional()
   }));
   var PxTimelinePinSchema2 = implementsInterface2()(px2.object({
-    align: px2.enum([PxPinAlign2.top, PxPinAlign2.center, PxPinAlign2.bottom]).optional(),
+    align: px2.enum([PxPinAlign2.top, PxPinAlign2.center, PxPinAlign2.bottom], PxPinAlign2.top).optional(),
     offset: px2.number().optional(),
     distance: px2.number().optional()
   }));
-  var PxTimelineEngineSchema2 = px2.enum([PxTimelineEngineSetting2.auto, PxTimelineEngineSetting2.native, PxTimelineEngineSetting2.js]).optional();
+  var PxTimelineEngineSchema2 = px2.enum([PxTimelineEngineSetting2.auto, PxTimelineEngineSetting2.native, PxTimelineEngineSetting2.js], PxTimelineEngineSetting2.auto).optional();
   var PxTimeTimelineSchema2 = implementsInterface2()(px2.object({
     type: px2.literal("time").optional(),
     engine: PxTimelineEngineSchema2,
     frameRate: px2.number().optional(),
     // §2.8: duration is a property of the TIMELINE — how long one pass takes.
-    duration: px2.number().optional(),
+    duration: px2.number(PX_DEFAULT_DURATION_MS2).optional(),
     trigger: PxTriggerSchema2.optional(),
-    delay: px2.number().optional(),
-    iterations: px2.union([px2.number(), px2.literal("infinite")]).optional(),
+    delay: px2.number(0).optional(),
+    iterations: px2.union([px2.number(PX_DEFAULT_ITERATIONS2), px2.literal("infinite")], PX_DEFAULT_ITERATIONS2).optional(),
     // `fillMode` on the wire (CSS `animation-fill-mode`; the runtime view calls it `fill`)
     // — never `fill`, which is paint everywhere else in the format.
-    fillMode: px2.enum([PxFillMode2.forwards, PxFillMode2.backwards, PxFillMode2.both, PxFillMode2.none]).optional(),
-    direction: px2.enum([PxPlaybackDirection2.normal, PxPlaybackDirection2.reverse, PxPlaybackDirection2.alternate, PxPlaybackDirection2.alternateReverse]).optional()
+    fillMode: px2.enum([PxFillMode2.forwards, PxFillMode2.backwards, PxFillMode2.both, PxFillMode2.none], PxFillMode2.forwards).optional(),
+    direction: px2.enum([PxPlaybackDirection2.normal, PxPlaybackDirection2.reverse, PxPlaybackDirection2.alternate, PxPlaybackDirection2.alternateReverse], PxPlaybackDirection2.normal).optional()
   }));
   var scrollishTimelineShape2 = {
     // §2.8: duration is a property of the TIMELINE — under scrubbing it is the keyframe
@@ -65319,8 +65409,8 @@ ${codeFrame}` : message);
     iterations: px2.number().optional(),
     engine: PxTimelineEngineSchema2,
     frameRate: px2.number().optional(),
-    axis: px2.enum([PxScrollAxis2.block, PxScrollAxis2.inline, PxScrollAxis2.x, PxScrollAxis2.y]).optional(),
-    source: px2.enum([PxScrollSource2.nearest, PxScrollSource2.root]).optional(),
+    axis: px2.enum([PxScrollAxis2.block, PxScrollAxis2.inline, PxScrollAxis2.x, PxScrollAxis2.y], PxScrollAxis2.block).optional(),
+    source: px2.enum([PxScrollSource2.nearest, PxScrollSource2.root], PxScrollSource2.nearest).optional(),
     subject: px2.string().optional(),
     // 'parent' | 'scroller' | any CSS selector
     smoothing: px2.number().optional(),
@@ -65400,9 +65490,10 @@ ${codeFrame}` : message);
   }));
   var PxMaskedByEffectSchema2 = implementsInterface2()(px2.object({
     source: px2.string().optional(),
-    maskType: px2.enum([PxMaskType2.luminance, PxMaskType2.alpha]).optional(),
-    maskUnits: px2.enum([PxUnits2.userSpaceOnUse, PxUnits2.objectBoundingBox]).optional(),
-    maskContentUnits: px2.enum([PxUnits2.userSpaceOnUse, PxUnits2.objectBoundingBox]).optional(),
+    // SVG's own initial values — what a <mask> does when the attribute is not there.
+    maskType: px2.enum([PxMaskType2.luminance, PxMaskType2.alpha], PxMaskType2.luminance).optional(),
+    maskUnits: px2.enum([PxUnits2.userSpaceOnUse, PxUnits2.objectBoundingBox], PxUnits2.objectBoundingBox).optional(),
+    maskContentUnits: px2.enum([PxUnits2.userSpaceOnUse, PxUnits2.objectBoundingBox], PxUnits2.userSpaceOnUse).optional(),
     x: px2.number().optional(),
     y: px2.number().optional(),
     width: px2.number().optional(),
@@ -65414,7 +65505,7 @@ ${codeFrame}` : message);
   var PxStrokeTrimEffectSchema2 = implementsInterface2()(px2.object({
     offset: PxAnimatableNumberSchema2.optional(),
     range: PxAnimatableVec2Schema2.optional(),
-    subPaths: px2.enum([PxStrokeTrimSubPaths2.separate, PxStrokeTrimSubPaths2.combined]).optional()
+    subPaths: px2.enum([PxStrokeTrimSubPaths2.separate, PxStrokeTrimSubPaths2.combined], PxStrokeTrimSubPaths2.separate).optional()
   }));
   var PxRetimeEffectSchema2 = implementsInterface2()(px2.object({
     start: px2.number().optional(),
@@ -65446,17 +65537,20 @@ ${codeFrame}` : message);
     radius: PxAnimatableNumberSchema2.optional(),
     focal: PxAnimatableVec2Schema2.optional(),
     stops: PxAnimatableGradientStopsSchema2.optional(),
-    gradientUnits: px2.enum([PxUnits2.userSpaceOnUse, PxUnits2.objectBoundingBox]).optional(),
-    spreadMethod: px2.enum([PxGradientSpreadMethod2.pad, PxGradientSpreadMethod2.reflect, PxGradientSpreadMethod2.repeat]).optional(),
+    // SVG's own initial values — what a gradient does when the attribute is not there.
+    gradientUnits: px2.enum([PxUnits2.userSpaceOnUse, PxUnits2.objectBoundingBox], PxUnits2.objectBoundingBox).optional(),
+    spreadMethod: px2.enum([PxGradientSpreadMethod2.pad, PxGradientSpreadMethod2.reflect, PxGradientSpreadMethod2.repeat], PxGradientSpreadMethod2.pad).optional(),
     gradientTransform: px2.string().optional()
   }));
   var PxStrokeGradientEffectSchema2 = PxFillGradientEffectSchema2;
   var PxTextPathEffectSchema2 = implementsInterface2()(px2.object({
     pathData: px2.string(),
-    pathOverflow: px2.enum([PxPathOverflow2.clip, PxPathOverflow2.extend]).optional(),
-    lengthAdjust: px2.enum([PxLengthAdjust2.spacing, PxLengthAdjust2.spacingAndGlyphs]).optional(),
-    method: px2.enum([PxTextPathMethod2.align, PxTextPathMethod2.stretch]).optional(),
-    spacing: px2.enum([PxTextPathSpacing2.auto, PxTextPathSpacing2.exact]).optional(),
+    // `extend` is what an omitted pathOverflow means (glyphs continue along the tangent); the
+    // other three are SVG's own initial values for the native <textPath> attributes.
+    pathOverflow: px2.enum([PxPathOverflow2.clip, PxPathOverflow2.extend], PxPathOverflow2.extend).optional(),
+    lengthAdjust: px2.enum([PxLengthAdjust2.spacing, PxLengthAdjust2.spacingAndGlyphs], PxLengthAdjust2.spacing).optional(),
+    method: px2.enum([PxTextPathMethod2.align, PxTextPathMethod2.stretch], PxTextPathMethod2.align).optional(),
+    spacing: px2.enum([PxTextPathSpacing2.auto, PxTextPathSpacing2.exact], PxTextPathSpacing2.exact).optional(),
     startOffset: PxAnimatableNumberSchema2.optional(),
     textLength: PxAnimatableNumberSchema2.optional()
   }));
@@ -65928,7 +66022,6 @@ ${codeFrame}` : message);
     if (str22.replace(/([a-zA-Z]+)\s*\(([^)]*)\)/g, "").replace(/[\s,]/g, "").length) return void 0;
     return Object.keys(out).length ? out : void 0;
   }
-  var PX_DEFAULT_DURATION_MS2 = 1e3;
   function kebabToCamelCaseWord2(kebab) {
     return kebab.includes("-") ? kebab.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()) : kebab;
   }
@@ -69925,9 +70018,10 @@ ${codeFrame}` : message);
   }
   var TRANSFORM_CHANNEL2 = "transform";
   var REVERSED_DIRECTIONS2 = /* @__PURE__ */ new Set(["reverse", "alternate-reverse"]);
+  var VERIFY_SAMPLE_FRACTIONS2 = [0, 0.25, 0.5, 0.75, 1];
   var SCRATCH_ID_PREFIX2 = "__px_rest_";
   function materializeRestPosesInTree2(root, engine) {
-    var _a22;
+    var _a22, _b;
     const out = deepClone2(root);
     const config = getAnimatorConfig2(out) || {};
     const duration = +(config.duration || PX_DEFAULT_DURATION_MS2);
@@ -69939,18 +70033,27 @@ ${codeFrame}` : message);
     for (const [key, animate] of before) {
       const node = nodes.get(key);
       if (!node) continue;
-      for (const channel of Object.keys(animate)) {
+      const channels = Object.keys(animate);
+      for (const channel of channels) {
+        if (PX_TRANSFORM_FN_NAMES2.has(channel)) continue;
         if (!mayCarryRestPose2(node, channel)) continue;
         const value = firstFrameValue2(animate, channel, firstFrameTime);
         if (value === void 0) continue;
         node[channel] = value;
         added.set(key, [...(_a22 = added.get(key)) != null ? _a22 : [], channel]);
       }
+      if (channels.some((channel) => PX_TRANSFORM_FN_NAMES2.has(channel)) && mayCarryTransformRestPose2(node)) {
+        const parts = firstFrameTransformParts2(animate, firstFrameTime);
+        if (parts) {
+          node[TRANSFORM_CHANNEL2] = parts;
+          added.set(key, [...(_b = added.get(key)) != null ? _b : [], TRANSFORM_CHANNEL2]);
+        }
+      }
     }
     if (added.size) {
       const after = bindingsOf2(out, engine);
       for (const [key, channels] of added) {
-        if (JSON.stringify(after.get(key)) === JSON.stringify(before.get(key))) continue;
+        if (writesTheSameFrames2(before.get(key), after.get(key), duration)) continue;
         const node = nodes.get(key);
         if (node) for (const channel of channels) delete node[channel];
       }
@@ -69959,16 +70062,31 @@ ${codeFrame}` : message);
   }
   function mayCarryRestPose2(node, channel) {
     if (node[channel] !== void 0) return false;
-    if (PX_TRANSFORM_FN_NAMES2.has(channel)) return false;
-    if (channel === TRANSFORM_CHANNEL2) {
-      for (const part of PX_TRANSFORM_FN_NAMES2) if (node[part] !== void 0) return false;
-    }
+    if (channel === TRANSFORM_CHANNEL2) return mayCarryTransformRestPose2(node);
+    return true;
+  }
+  function mayCarryTransformRestPose2(node) {
+    if (node[TRANSFORM_CHANNEL2] !== void 0) return false;
+    for (const part of PX_TRANSFORM_FN_NAMES2) if (node[part] !== void 0) return false;
     return true;
   }
   function firstFrameValue2(animate, channel, timeMs) {
     const values = Object.values(calcAnimationValues2({ [channel]: animate[channel] }, timeMs));
     return values.length === 1 && values[0] !== "" ? values[0] : void 0;
   }
+  function firstFrameTransformParts2(animate, timeMs) {
+    const family = {};
+    for (const channel of Object.keys(animate)) if (PX_TRANSFORM_FN_NAMES2.has(channel)) family[channel] = animate[channel];
+    const written = calcAnimationValues2(family, timeMs)[TRANSFORM_CHANNEL2];
+    if (!written) return void 0;
+    const parts = parseTransformParts2(written.replace(/(px|deg)\b/g, ""));
+    return parts && Object.keys(parts).length ? parts : void 0;
+  }
+  function writesTheSameFrames2(a, b, durationMs) {
+    if (!a || !b) return a === b;
+    const frame = (animate, t) => JSON.stringify(calcAnimationValues2(animate, t)).replace(/\s+/g, "");
+    return VERIFY_SAMPLE_FRACTIONS2.every((fraction) => frame(a, fraction * durationMs) === frame(b, fraction * durationMs));
+  }
   function bindingsOf2(tree, engine) {
     const scratch = deepClone2(tree);
     const keyById = /* @__PURE__ */ new Map();