motion-v 1.0.2 → 1.1.0-alpha.0

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/dom/viewport/index.mjs

@@ -1,5 +1,4 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const thresholds = {
   some: 0,
   all: 1

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs

@@ -1,11 +1,11 @@
 import { measureViewportBox } from "../../projection/utils/measure.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
-import { isCSSVariableName } from "../dom/utils/is-css-variable.mjs";
 import { buildHTMLStyles } from "./utils/build-styles.mjs";
-import { transformProps } from "./utils/keys-transform.mjs";
-import { readTransformValue } from "./utils/parse-transform.mjs";
 import { renderHTML } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { readTransformValue } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/render/dom/parse-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
 function getComputedStyle(element) {
   return window.getComputedStyle(element);
 }

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/html/utils/build-styles.mjs

@@ -1,8 +1,8 @@
-import { isCSSVariableName } from "../../dom/utils/is-css-variable.mjs";
-import { getValueAsType } from "../../dom/value-types/get-as-type.mjs";
-import { numberValueTypes } from "../../dom/value-types/number.mjs";
 import { buildTransform } from "./build-transform.mjs";
-import { transformProps } from "./keys-transform.mjs";
+import { transformProps } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { getValueAsType } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
+import { numberValueTypes } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/maps/number.mjs";
 function buildHTMLStyles(state, latestValues, transformTemplate) {
   const { style, vars, transformOrigin } = state;
   let hasTransform = false;

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/html/utils/build-transform.mjs

@@ -1,6 +1,6 @@
-import { getValueAsType } from "../../dom/value-types/get-as-type.mjs";
-import { numberValueTypes } from "../../dom/value-types/number.mjs";
-import { transformPropOrder } from "./keys-transform.mjs";
+import { transformPropOrder } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { getValueAsType } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
+import { numberValueTypes } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/maps/number.mjs";
 const translateAlias = {
   x: "translateX",
   y: "translateY",

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs

@@ -5,7 +5,7 @@ function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   const { style } = props;
   const newValues = {};
   for (const key in style) {
-    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement === null || visualElement === void 0 ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) {
+    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement == null ? void 0 : visualElement.getValue(key)) == null ? void 0 : _a.liveStyle) !== void 0) {
       newValues[key] = style[key];
     }
   }

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs

@@ -1,27 +1,19 @@
-import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { createBox } from "../../projection/geometry/models.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { camelToDash } from "../dom/utils/camel-to-dash.mjs";
-import { getDefaultValueType } from "../dom/value-types/defaults.mjs";
-import { transformProps } from "../html/utils/keys-transform.mjs";
 import { buildSVGAttrs } from "./utils/build-attrs.mjs";
 import { camelCaseAttributes } from "./utils/camel-case-attrs.mjs";
 import { isSVGTag } from "./utils/is-svg-tag.mjs";
-import { updateSVGDimensions } from "./utils/measure.mjs";
 import { renderSVG } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { getDefaultValueType } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/maps/defaults.mjs";
 class SVGVisualElement extends DOMVisualElement {
   constructor() {
     super(...arguments);
     this.type = "svg";
     this.isSVGTag = false;
     this.measureInstanceViewportBox = createBox;
-    this.updateDimensions = () => {
-      if (this.current && !this.renderState.dimensions) {
-        updateSVGDimensions(this.current, this.renderState);
-      }
-    };
   }
   getBaseTargetFromProps(props, key) {
     return props[key];
@@ -37,13 +29,8 @@ class SVGVisualElement extends DOMVisualElement {
   scrapeMotionValuesFromProps(props, prevProps, visualElement) {
     return scrapeMotionValuesFromProps(props, prevProps, visualElement);
   }
-  onBindTransform() {
-    if (this.current && !this.renderState.dimensions) {
-      frame.postRender(this.updateDimensions);
-    }
-  }
   build(renderState, latestValues, props) {
-    buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate);
+    buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate, props.style);
   }
   renderInstance(instance, renderState, styleProp, projection) {
     renderSVG(instance, renderState, styleProp, projection);

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/svg/utils/build-attrs.mjs

@@ -1,18 +1,15 @@
 import { buildHTMLStyles } from "../../html/utils/build-styles.mjs";
 import { buildSVGPath } from "./path.mjs";
-import { calcSVGTransformOrigin } from "./transform-origin.mjs";
 function buildSVGAttrs(state, {
   attrX,
   attrY,
   attrScale,
-  originX,
-  originY,
   pathLength,
   pathSpacing = 1,
   pathOffset = 0,
   // This is object creation, which we try to avoid per-frame.
   ...latest
-}, isSVGTag, transformTemplate) {
+}, isSVGTag, transformTemplate, styleProp) {
   buildHTMLStyles(state, latest, transformTemplate);
   if (isSVGTag) {
     if (state.style.viewBox) {
@@ -22,14 +19,18 @@ function buildSVGAttrs(state, {
   }
   state.attrs = state.style;
   state.style = {};
-  const { attrs, style, dimensions } = state;
+  const { attrs, style } = state;
   if (attrs.transform) {
-    if (dimensions)
-      style.transform = attrs.transform;
+    style.transform = attrs.transform;
     delete attrs.transform;
   }
-  if (dimensions && (originX !== void 0 || originY !== void 0 || style.transform)) {
-    style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== void 0 ? originX : 0.5, originY !== void 0 ? originY : 0.5);
+  if (style.transform || attrs.transformOrigin) {
+    style.transformOrigin = attrs.transformOrigin ?? "50% 50%";
+    delete attrs.transformOrigin;
+  }
+  if (style.transform) {
+    style.transformBox = (styleProp == null ? void 0 : styleProp.transformBox) ?? "fill-box";
+    delete attrs.transformBox;
   }
   if (attrX !== void 0)
     attrs.x = attrX;

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/svg/utils/path.mjs

@@ -1,4 +1,4 @@
-import { px } from "../../../value/types/numbers/units.mjs";
+import { px } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/types/numbers/units.mjs";
 const dashKeys = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs

@@ -1,6 +1,6 @@
 import { isMotionValue } from "../../../value/utils/is-motion-value.mjs";
-import { transformPropOrder } from "../../html/utils/keys-transform.mjs";
 import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from "../../html/utils/scrape-motion-values.mjs";
+import { transformPropOrder } from "../../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
 function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
   for (const key in props) {

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/utils/flat-tree.mjs

@@ -1,6 +1,5 @@
-import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/array.mjs";
-import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 import { compareByDepth } from "./compare-by-depth.mjs";
+import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/array.mjs";
 class FlatTree {
   constructor() {
     this.children = [];

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -1,16 +1,11 @@
-import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { warnOnce } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
-import { motionValue } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/index.mjs";
 function updateMotionValuesFromProps(element, next, prev) {
   for (const key in next) {
     const nextValue = next[key];
     const prevValue = prev[key];
     if (isMotionValue(nextValue)) {
       element.addValue(key, nextValue);
-      if (process.env.NODE_ENV === "development") {
-        warnOnce(nextValue.version === "12.5.0", `Attempting to mix Motion versions ${nextValue.version} with 12.5.0 may not work as expected.`);
-      }
     } else if (isMotionValue(prevValue)) {
       element.addValue(key, motionValue(nextValue, { owner: element }));
     } else if (prevValue !== nextValue) {

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/utils/resolve-variants.mjs

@@ -1,6 +1,6 @@
 function getValueState(visualElement) {
   const state = [{}, {}];
-  visualElement === null || visualElement === void 0 ? void 0 : visualElement.values.forEach((value, key) => {
+  visualElement == null ? void 0 : visualElement.values.forEach((value, key) => {
     state[0][key] = value.get();
     state[1][key] = value.getVelocity();
   });

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/render/utils/setters.mjs

@@ -1,7 +1,6 @@
-import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { motionValue } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
-import { resolveFinalValueInKeyframes } from "../../utils/resolve-value.mjs";
+import { isKeyframesTarget } from "../../animation/utils/is-keyframes-target.mjs";
 import { resolveVariant } from "./resolve-dynamic-variants.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/value/index.mjs";
 function setMotionValue(visualElement, key, value) {
   if (visualElement.hasValue(key)) {
     visualElement.getValue(key).set(value);
@@ -9,6 +8,9 @@ function setMotionValue(visualElement, key, value) {
     visualElement.addValue(key, motionValue(value));
   }
 }
+function resolveFinalValueInKeyframes(v) {
+  return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;
+}
 function setTarget(visualElement, definition) {
   const resolved = resolveVariant(visualElement, definition);
   let { transitionEnd = {}, transition = {}, ...target } = resolved || {};

package/dist/es/external/.pnpm/{framer-motion@12.5.0 → framer-motion@12.10.4}/external/framer-motion/dist/es/utils/delay.mjs

@@ -1,7 +1,6 @@
-import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { frame, cancelFrame } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { time } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { time } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { frame, cancelFrame } from "../../../../../../motion-dom@12.10.4/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
 function delay(callback, timeout) {
   const start = time.now();
   const checkElapsed = ({ timestamp }) => {
@@ -11,7 +10,7 @@ function delay(callback, timeout) {
       callback(elapsed - timeout);
     }
   };
-  frame.read(checkElapsed, true);
+  frame.setup(checkElapsed, true);
   return () => cancelFrame(checkElapsed);
 }
 function delayInSeconds(callback, timeout) {

package/dist/es/external/.pnpm/framer-motion@12.10.4/external/framer-motion/dist/es/value/use-will-change/add-will-change.mjs

@@ -0,0 +1,15 @@
+import { isWillChangeMotionValue } from "./is.mjs";
+import { MotionGlobalConfig } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
+function addValueToWillChange(visualElement, key) {
+  const willChange = visualElement.getValue("willChange");
+  if (isWillChangeMotionValue(willChange)) {
+    return willChange.add(key);
+  } else if (!willChange && MotionGlobalConfig.WillChange) {
+    const newWillChange = new MotionGlobalConfig.WillChange("auto");
+    visualElement.addValue("willChange", newWillChange);
+    newWillChange.add(key);
+  }
+}
+export {
+  addValueToWillChange
+};

package/dist/es/external/.pnpm/framer-motion@12.10.4/external/framer-motion/dist/es/value/utils/resolve-motion-value.mjs

@@ -0,0 +1,7 @@
+import { isMotionValue } from "./is-motion-value.mjs";
+function resolveMotionValue(value) {
+  return isMotionValue(value) ? value.get() : value;
+}
+export {
+  resolveMotionValue
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs

@@ -0,0 +1,138 @@
+import { time } from "../frameloop/sync-time.mjs";
+import { JSAnimation } from "./JSAnimation.mjs";
+import { getFinalKeyframe } from "./keyframes/get-final.mjs";
+import { KeyframeResolver, flushKeyframeResolvers } from "./keyframes/KeyframesResolver.mjs";
+import { NativeAnimationExtended } from "./NativeAnimationExtended.mjs";
+import { canAnimate } from "./utils/can-animate.mjs";
+import { WithPromise } from "./utils/WithPromise.mjs";
+import { supportsBrowserAnimation } from "./waapi/supports/waapi.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
+import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+const MAX_RESOLVE_DELAY = 40;
+class AsyncMotionValueAnimation extends WithPromise {
+  constructor({ autoplay = true, delay = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes, name, motionValue, element, ...options }) {
+    var _a;
+    super();
+    this.stop = () => {
+      var _a2, _b;
+      if (this._animation) {
+        this._animation.stop();
+        (_a2 = this.stopTimeline) == null ? void 0 : _a2.call(this);
+      }
+      (_b = this.keyframeResolver) == null ? void 0 : _b.cancel();
+    };
+    this.createdAt = time.now();
+    const optionsWithDefaults = {
+      autoplay,
+      delay,
+      type,
+      repeat,
+      repeatDelay,
+      repeatType,
+      name,
+      motionValue,
+      element,
+      ...options
+    };
+    const KeyframeResolver$1 = (element == null ? void 0 : element.KeyframeResolver) || KeyframeResolver;
+    this.keyframeResolver = new KeyframeResolver$1(keyframes, (resolvedKeyframes, finalKeyframe, forced) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe, optionsWithDefaults, !forced), name, motionValue, element);
+    (_a = this.keyframeResolver) == null ? void 0 : _a.scheduleResolve();
+  }
+  onKeyframesResolved(keyframes, finalKeyframe, options, sync) {
+    this.keyframeResolver = void 0;
+    const { name, type, velocity, delay, isHandoff, onUpdate } = options;
+    this.resolvedAt = time.now();
+    if (!canAnimate(keyframes, name, type, velocity)) {
+      if (MotionGlobalConfig.instantAnimations || !delay) {
+        onUpdate == null ? void 0 : onUpdate(getFinalKeyframe(keyframes, options, finalKeyframe));
+      }
+      keyframes[0] = keyframes[keyframes.length - 1];
+      options.duration = 0;
+      options.repeat = 0;
+    }
+    const startTime = sync ? !this.resolvedAt ? this.createdAt : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY ? this.resolvedAt : this.createdAt : void 0;
+    const resolvedOptions = {
+      startTime,
+      finalKeyframe,
+      ...options,
+      keyframes
+    };
+    const animation = !isHandoff && supportsBrowserAnimation(resolvedOptions) ? new NativeAnimationExtended({
+      ...resolvedOptions,
+      element: resolvedOptions.motionValue.owner.current
+    }) : new JSAnimation(resolvedOptions);
+    animation.finished.then(() => this.notifyFinished()).catch(noop);
+    if (this.pendingTimeline) {
+      this.stopTimeline = animation.attachTimeline(this.pendingTimeline);
+      this.pendingTimeline = void 0;
+    }
+    this._animation = animation;
+  }
+  get finished() {
+    if (!this._animation) {
+      return this._finished;
+    } else {
+      return this.animation.finished;
+    }
+  }
+  then(onResolve, _onReject) {
+    return this.finished.finally(onResolve).then(() => {
+    });
+  }
+  get animation() {
+    var _a;
+    if (!this._animation) {
+      (_a = this.keyframeResolver) == null ? void 0 : _a.resume();
+      flushKeyframeResolvers();
+    }
+    return this._animation;
+  }
+  get duration() {
+    return this.animation.duration;
+  }
+  get time() {
+    return this.animation.time;
+  }
+  set time(newTime) {
+    this.animation.time = newTime;
+  }
+  get speed() {
+    return this.animation.speed;
+  }
+  get state() {
+    return this.animation.state;
+  }
+  set speed(newSpeed) {
+    this.animation.speed = newSpeed;
+  }
+  get startTime() {
+    return this.animation.startTime;
+  }
+  attachTimeline(timeline) {
+    if (this._animation) {
+      this.stopTimeline = this.animation.attachTimeline(timeline);
+    } else {
+      this.pendingTimeline = timeline;
+    }
+    return () => this.stop();
+  }
+  play() {
+    this.animation.play();
+  }
+  pause() {
+    this.animation.pause();
+  }
+  complete() {
+    this.animation.complete();
+  }
+  cancel() {
+    var _a;
+    if (this._animation) {
+      this.animation.cancel();
+    }
+    (_a = this.keyframeResolver) == null ? void 0 : _a.cancel();
+  }
+}
+export {
+  AsyncMotionValueAnimation
+};

package/dist/es/external/.pnpm/{motion-dom@12.5.0/external/motion-dom/dist/es/animation/controls/BaseGroup.mjs → motion-dom@12.10.4/external/motion-dom/dist/es/animation/GroupAnimation.mjs}

@@ -1,11 +1,10 @@
-import { supportsScrollTimeline } from "../../utils/supports/scroll-timeline.mjs";
-class BaseGroupPlaybackControls {
+class GroupAnimation {
   constructor(animations) {
     this.stop = () => this.runAll("stop");
     this.animations = animations.filter(Boolean);
   }
   get finished() {
-    return Promise.all(this.animations.map((animation) => "finished" in animation ? animation.finished : animation));
+    return Promise.all(this.animations.map((animation) => animation.finished));
   }
   /**
    * TODO: Filter out cancelled or stopped animations before returning
@@ -18,14 +17,8 @@ class BaseGroupPlaybackControls {
       this.animations[i][propName] = newValue;
     }
   }
-  attachTimeline(timeline, fallback) {
-    const subscriptions = this.animations.map((animation) => {
-      if (supportsScrollTimeline() && animation.attachTimeline) {
-        return animation.attachTimeline(timeline);
-      } else if (typeof fallback === "function") {
-        return fallback(animation);
-      }
-    });
+  attachTimeline(timeline) {
+    const subscriptions = this.animations.map((animation) => animation.attachTimeline(timeline));
     return () => {
       subscriptions.forEach((cancel, i) => {
         cancel && cancel();
@@ -45,6 +38,9 @@ class BaseGroupPlaybackControls {
   set speed(speed) {
     this.setAll("speed", speed);
   }
+  get state() {
+    return this.getAll("state");
+  }
   get startTime() {
     return this.getAll("startTime");
   }
@@ -58,9 +54,6 @@ class BaseGroupPlaybackControls {
   runAll(methodName) {
     this.animations.forEach((controls) => controls[methodName]());
   }
-  flatten() {
-    this.runAll("flatten");
-  }
   play() {
     this.runAll("play");
   }
@@ -75,5 +68,5 @@ class BaseGroupPlaybackControls {
   }
 }
 export {
-  BaseGroupPlaybackControls
+  GroupAnimation
 };

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/GroupAnimationWithThen.mjs

@@ -0,0 +1,10 @@
+import { GroupAnimation } from "./GroupAnimation.mjs";
+class GroupAnimationWithThen extends GroupAnimation {
+  then(onResolve, _onReject) {
+    return this.finished.finally(onResolve).then(() => {
+    });
+  }
+}
+export {
+  GroupAnimationWithThen
+};