motion 12.7.1 → 12.7.3

package/dist/es/framer-motion/dist/es/render/svg/SVGVisualElement.mjs

@@ -1,6 +1,3 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { createBox } from '../../projection/geometry/models.mjs';
 import { DOMVisualElement } from '../dom/DOMVisualElement.mjs';
 import { camelToDash } from '../dom/utils/camel-to-dash.mjs';
@@ -12,6 +9,7 @@ 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 { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 class SVGVisualElement extends DOMVisualElement {
     constructor() {

package/dist/es/framer-motion/dist/es/render/svg/config-motion.mjs

@@ -1,6 +1,3 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';
 import { transformProps } from '../html/utils/keys-transform.mjs';
 import { buildSVGAttrs } from './utils/build-attrs.mjs';
@@ -9,6 +6,7 @@ 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 { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 const layoutProps = ["x", "y", "width", "height", "cx", "cy", "r"];
 const svgMotionConfig = {

package/dist/es/framer-motion/dist/es/render/utils/KeyframesResolver.mjs

@@ -1,7 +1,5 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { removeNonTranslationalTransform } from '../dom/utils/unit-conversion.mjs';
+import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 const toResolve = new Set();
 let isScheduled = false;

package/dist/es/framer-motion/dist/es/render/utils/flat-tree.mjs

@@ -1,6 +1,5 @@
-import { addUniqueItem, removeItem } from '../../../../../motion-utils/dist/es/array.mjs';
-import '../../../../../motion-utils/dist/es/errors.mjs';
 import { compareByDepth } from './compare-by-depth.mjs';
+import { addUniqueItem, removeItem } from '../../../../../motion-utils/dist/es/array.mjs';
 
 class FlatTree {
     constructor() {

package/dist/es/framer-motion/dist/es/render/utils/motion-values.mjs

@@ -1,8 +1,6 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
+import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
-import { isMotionValue } from '../../value/utils/is-motion-value.mjs';
 
 function updateMotionValuesFromProps(element, next, prev) {
     for (const key in next) {
@@ -19,7 +17,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "12.7.1", `Attempting to mix Motion versions ${nextValue.version} with 12.7.1 may not work as expected.`);
+                warnOnce(nextValue.version === "12.7.3", `Attempting to mix Motion versions ${nextValue.version} with 12.7.3 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/framer-motion/dist/es/render/utils/setters.mjs

@@ -1,8 +1,6 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { resolveFinalValueInKeyframes } from '../../utils/resolve-value.mjs';
 import { resolveVariant } from './resolve-dynamic-variants.mjs';
+import { motionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
 
 /**
  * Set VisualElement's MotionValue, creating a new MotionValue for it if

package/dist/es/framer-motion/dist/es/utils/delay.mjs

@@ -1,8 +1,6 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { secondsToMilliseconds } from '../../../../motion-utils/dist/es/time-conversion.mjs';
-import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 import { time } from '../../../../motion-dom/dist/es/frameloop/sync-time.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
+import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
+import { secondsToMilliseconds } from '../../../../motion-utils/dist/es/time-conversion.mjs';
 
 /**
  * Timeout defined in ms

package/dist/es/framer-motion/dist/es/utils/interpolate.mjs

@@ -1,9 +1,9 @@
-import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
-import { progress } from '../../../../motion-utils/dist/es/progress.mjs';
 import { clamp } from './clamp.mjs';
 import { mix } from './mix/index.mjs';
 import { pipe } from './pipe.mjs';
+import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
+import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
+import { progress } from '../../../../motion-utils/dist/es/progress.mjs';
 
 function createMixers(output, ease, customMixer) {
     const mixers = [];

package/dist/es/framer-motion/dist/es/utils/mix/color.mjs

@@ -1,10 +1,10 @@
 import { mixNumber } from './number.mjs';
-import { warning } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { hslaToRgba } from '../hsla-to-rgba.mjs';
 import { hex } from '../../value/types/color/hex.mjs';
 import { rgba } from '../../value/types/color/rgba.mjs';
 import { hsla } from '../../value/types/color/hsla.mjs';
 import { mixImmediate } from './immediate.mjs';
+import { warning } from '../../../../../motion-utils/dist/es/errors.mjs';
 
 // Linear color space blending
 // Explained https://www.youtube.com/watch?v=LKnqECcg6Gw

package/dist/es/framer-motion/dist/es/utils/mix/complex.mjs

@@ -1,12 +1,12 @@
 import { mixNumber as mixNumber$1 } from './number.mjs';
 import { mixColor } from './color.mjs';
 import { pipe } from '../pipe.mjs';
-import { warning } from '../../../../../motion-utils/dist/es/errors.mjs';
 import { color } from '../../value/types/color/index.mjs';
 import { complex, analyseComplexValue } from '../../value/types/complex/index.mjs';
 import { isCSSVariableToken } from '../../render/dom/utils/is-css-variable.mjs';
 import { invisibleValues, mixVisibility } from './visibility.mjs';
 import { mixImmediate } from './immediate.mjs';
+import { warning } from '../../../../../motion-utils/dist/es/errors.mjs';
 
 function mixNumber(a, b) {
     return (p) => mixNumber$1(a, b, p);

package/dist/es/framer-motion/dist/es/utils/offsets/fill.mjs

@@ -1,6 +1,5 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
 import { mixNumber } from '../mix/number.mjs';
+import { progress } from '../../../../../motion-utils/dist/es/progress.mjs';
 
 function fillOffset(offset, remaining) {
     const min = offset[offset.length - 1];

package/dist/es/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs

@@ -1,8 +1,7 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 import { useState } from 'react';
 import { initPrefersReducedMotion } from './index.mjs';
 import { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 
 /**
  * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.

package/dist/es/framer-motion/dist/es/utils/use-animation-frame.mjs

@@ -1,8 +1,6 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useRef, useContext, useEffect } from 'react';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
+import { frame, cancelFrame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 function useAnimationFrame(callback) {
     const initialTimestamp = useRef(0);

package/dist/es/framer-motion/dist/es/utils/use-force-update.mjs

@@ -1,8 +1,6 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useState, useCallback } from 'react';
 import { useIsMounted } from './use-is-mounted.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 function useForceUpdate() {
     const isMounted = useIsMounted();

package/dist/es/framer-motion/dist/es/utils/use-instant-transition.mjs

@@ -1,10 +1,8 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useRef, useEffect } from 'react';
 import { useInstantLayoutTransition } from '../projection/use-instant-layout-transition.mjs';
 import { useForceUpdate } from './use-force-update.mjs';
 import { instantAnimationState } from './use-instant-transition-state.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 function useInstantTransition() {
     const [forceUpdate, forcedRenderCount] = useForceUpdate();

package/dist/es/framer-motion/dist/es/value/scroll/use-element-scroll.mjs

@@ -1,6 +1,5 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 import { useScroll } from '../use-scroll.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 
 /**
  * @deprecated useElementScroll is deprecated. Convert to useScroll({ container: ref })

package/dist/es/framer-motion/dist/es/value/scroll/use-viewport-scroll.mjs

@@ -1,6 +1,5 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 import { useScroll } from '../use-scroll.mjs';
+import { warnOnce } from '../../../../../motion-utils/dist/es/warn-once.mjs';
 
 /**
  * @deprecated useViewportScroll is deprecated. Convert to useScroll()

package/dist/es/framer-motion/dist/es/value/use-combine-values.mjs

@@ -1,8 +1,6 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { cancelFrame, frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
+import { cancelFrame, frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 function useCombineMotionValues(values, combineValues) {
     /**

package/dist/es/framer-motion/dist/es/value/use-computed.mjs

@@ -1,7 +1,5 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { collectMotionValues } from '../../../../motion-dom/dist/es/value/index.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useCombineMotionValues } from './use-combine-values.mjs';
+import { collectMotionValues } from '../../../../motion-dom/dist/es/value/index.mjs';
 
 function useComputed(compute) {
     /**

package/dist/es/framer-motion/dist/es/value/use-inverted-scale.mjs

@@ -1,8 +1,8 @@
-import { invariant, warning } from '../../../../motion-utils/dist/es/errors.mjs';
 import { useContext } from 'react';
 import { MotionContext } from '../context/MotionContext/index.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
 import { useTransform } from './use-transform.mjs';
+import { invariant, warning } from '../../../../motion-utils/dist/es/errors.mjs';
 
 // Keep things reasonable and avoid scale: Infinity. In practise we might need
 // to add another value, opacity, that could interpolate scaleX/Y [0,0.01] => [0,1]

package/dist/es/framer-motion/dist/es/value/use-motion-value.mjs

@@ -1,9 +1,7 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useContext, useState, useEffect } from 'react';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
 import { useConstant } from '../utils/use-constant.mjs';
+import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
 
 /**
  * Creates a `MotionValue` to track the state and velocity of a value.

package/dist/es/framer-motion/dist/es/value/use-scroll.mjs

@@ -1,10 +1,9 @@
-import { warning } from '../../../../motion-utils/dist/es/errors.mjs';
-import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useEffect } from 'react';
 import { scroll } from '../render/dom/scroll/index.mjs';
 import { useConstant } from '../utils/use-constant.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
+import { warning } from '../../../../motion-utils/dist/es/errors.mjs';
+import { motionValue } from '../../../../motion-dom/dist/es/value/index.mjs';
 
 function refWarning(name, ref) {
     warning(Boolean(!ref || ref.current), `You have defined a ${name} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref, or setting its \`layoutEffect: false\` option.`);

package/dist/es/framer-motion/dist/es/value/use-spring.mjs

@@ -1,7 +1,3 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
-import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useContext, useRef, useInsertionEffect } from 'react';
 import { animateValue } from '../animation/animators/MainThreadAnimation.mjs';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
@@ -9,6 +5,8 @@ import { useConstant } from '../utils/use-constant.mjs';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
 import { isMotionValue } from './utils/is-motion-value.mjs';
+import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 function useSpring(source, config = {}) {
     const { isStatic } = useContext(MotionConfigContext);

package/dist/es/framer-motion/dist/es/value/use-velocity.mjs

@@ -1,8 +1,6 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
-import '../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { useMotionValueEvent } from '../utils/use-motion-value-event.mjs';
 import { useMotionValue } from './use-motion-value.mjs';
+import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
 
 /**
  * Creates a `MotionValue` that updates when the velocity of the provided `MotionValue` changes.

package/dist/es/framer-motion/dist/es/value/use-will-change/WillChangeMotionValue.mjs

@@ -1,8 +1,6 @@
-import { addUniqueItem } from '../../../../../motion-utils/dist/es/array.mjs';
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { MotionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
-import '../../../../../motion-dom/dist/es/frameloop/index-legacy.mjs';
 import { getWillChangeName } from './get-will-change-name.mjs';
+import { MotionValue } from '../../../../../motion-dom/dist/es/value/index.mjs';
+import { addUniqueItem } from '../../../../../motion-utils/dist/es/array.mjs';
 
 class WillChangeMotionValue extends MotionValue {
     constructor() {

package/dist/es/framer-motion/dist/es/value/use-will-change/add-will-change.mjs

@@ -1,6 +1,5 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { MotionGlobalConfig } from '../../../../../motion-utils/dist/es/global-config.mjs';
 import { isWillChangeMotionValue } from './is.mjs';
+import { MotionGlobalConfig } from '../../../../../motion-utils/dist/es/global-config.mjs';
 
 function addValueToWillChange(visualElement, key) {
     const willChange = visualElement.getValue("willChange");

package/dist/es/motion-dom/dist/es/animation/NativeAnimation.mjs

@@ -1,11 +1,11 @@
-import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
-import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../motion-utils/dist/es/time-conversion.mjs';
 import { style } from '../render/dom/style.mjs';
 import { getFinalKeyframe } from './keyframes/get-final.mjs';
 import { hydrateKeyframes } from './keyframes/hydrate.mjs';
 import { startWaapiAnimation } from './waapi/start-waapi-animation.mjs';
 import { applyGeneratorOptions } from './waapi/utils/apply-generator.mjs';
+import { invariant } from '../../../../motion-utils/dist/es/errors.mjs';
+import { millisecondsToSeconds, secondsToMilliseconds } from '../../../../motion-utils/dist/es/time-conversion.mjs';
+import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
 
 const animationMaps = new WeakMap();
 const animationMapKey = (name, pseudoElement) => `${name}:${pseudoElement}`;
@@ -29,6 +29,7 @@ class NativeAnimation {
         }
         const { element, name, keyframes: unresolvedKeyframes, pseudoElement, allowFlatten = false, } = options;
         let { transition } = options;
+        this.isPseudoElement = Boolean(pseudoElement);
         this.allowFlatten = allowFlatten;
         /**
          * Stop any existing animations on the element before reading existing keyframes.
@@ -100,10 +101,11 @@ class NativeAnimation {
      * while deferring the commit until the next animation frame.
      */
     commitStyles() {
-        this.animation.commitStyles?.();
+        if (!this.isPseudoElement) {
+            this.animation.commitStyles?.();
+        }
     }
     get duration() {
-        console.log(this.animation.effect?.getComputedTiming());
         const duration = this.animation.effect?.getComputedTiming().duration || 0;
         return millisecondsToSeconds(Number(duration));
     }

package/dist/es/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs

@@ -1,6 +1,5 @@
-import '../../../../../../motion-utils/dist/es/errors.mjs';
-import { millisecondsToSeconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
 import { calcGeneratorDuration, maxGeneratorDuration } from './calc-duration.mjs';
+import { millisecondsToSeconds } from '../../../../../../motion-utils/dist/es/time-conversion.mjs';
 
 /**
  * Create a progress => progress easing function from a generator.

package/dist/es/motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs

@@ -1,4 +1,3 @@
-import '../../../../../../motion-utils/dist/es/errors.mjs';
 import { memo } from '../../../../../../motion-utils/dist/es/memo.mjs';
 
 const supportsPartialKeyframes = /*@__PURE__*/ memo(() => {

package/dist/es/motion-dom/dist/es/frameloop/batcher.mjs

@@ -1,7 +1,6 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { MotionGlobalConfig } from '../../../../motion-utils/dist/es/global-config.mjs';
 import { stepsOrder } from './order.mjs';
 import { createRenderStep } from './render-step.mjs';
+import { MotionGlobalConfig } from '../../../../motion-utils/dist/es/global-config.mjs';
 
 const maxElapsed = 40;
 function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {

package/dist/es/motion-dom/dist/es/frameloop/frame.mjs

@@ -1,6 +1,5 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
 import { createRenderBatcher } from './batcher.mjs';
+import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
 
 const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 

package/dist/es/motion-dom/dist/es/frameloop/index-legacy.mjs

@@ -1,5 +1,5 @@
-import { frame, cancelFrame } from './frame.mjs';
 import { stepsOrder } from './order.mjs';
+import { frame, cancelFrame } from './frame.mjs';
 
 /**
  * @deprecated

package/dist/es/motion-dom/dist/es/frameloop/sync-time.mjs

@@ -1,6 +1,5 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
-import { MotionGlobalConfig } from '../../../../motion-utils/dist/es/global-config.mjs';
 import { frameData } from './frame.mjs';
+import { MotionGlobalConfig } from '../../../../motion-utils/dist/es/global-config.mjs';
 
 let now;
 function clearTime() {

package/dist/es/motion-dom/dist/es/stats/index.mjs

@@ -1,6 +1,6 @@
-import { frame, cancelFrame, frameData } from '../frameloop/frame.mjs';
 import { activeAnimations } from './animation-count.mjs';
 import { statsBuffer } from './buffer.mjs';
+import { frame, cancelFrame, frameData } from '../frameloop/frame.mjs';
 
 function record() {
     const { value } = statsBuffer;

package/dist/es/motion-dom/dist/es/utils/supports/memo.mjs

@@ -1,6 +1,5 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
-import { memo } from '../../../../../motion-utils/dist/es/memo.mjs';
 import { supportsFlags } from './flags.mjs';
+import { memo } from '../../../../../motion-utils/dist/es/memo.mjs';
 
 function memoSupports(callback, supportsFlag) {
     const memoized = memo(callback);

package/dist/es/motion-dom/dist/es/utils/supports/scroll-timeline.mjs

@@ -1,4 +1,3 @@
-import '../../../../../motion-utils/dist/es/errors.mjs';
 import { memo } from '../../../../../motion-utils/dist/es/memo.mjs';
 
 const supportsScrollTimeline = /* @__PURE__ */ memo(() => window.ScrollTimeline !== undefined);

package/dist/es/motion-dom/dist/es/value/index.mjs

@@ -1,9 +1,8 @@
-import '../../../../motion-utils/dist/es/errors.mjs';
+import { time } from '../frameloop/sync-time.mjs';
+import { frame } from '../frameloop/frame.mjs';
+import { warnOnce } from '../../../../motion-utils/dist/es/warn-once.mjs';
 import { SubscriptionManager } from '../../../../motion-utils/dist/es/subscription-manager.mjs';
 import { velocityPerSecond } from '../../../../motion-utils/dist/es/velocity-per-second.mjs';
-import { warnOnce } from '../../../../motion-utils/dist/es/warn-once.mjs';
-import { frame } from '../frameloop/frame.mjs';
-import { time } from '../frameloop/sync-time.mjs';
 
 /**
  * Maximum time between the value of two frames, beyond which we
@@ -33,7 +32,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "12.7.1";
+        this.version = "12.7.3";
         /**
          * Tracks whether this value can output a velocity. Currently this is only true
          * if the value is numerical, but we might be able to widen the scope here and support

package/dist/motion.dev.js

@@ -448,6 +448,7 @@
             }
             const { element, name, keyframes: unresolvedKeyframes, pseudoElement, allowFlatten = false, } = options;
             let { transition } = options;
+            this.isPseudoElement = Boolean(pseudoElement);
             this.allowFlatten = allowFlatten;
             /**
              * Stop any existing animations on the element before reading existing keyframes.
@@ -519,10 +520,11 @@
          * while deferring the commit until the next animation frame.
          */
         commitStyles() {
-            this.animation.commitStyles?.();
+            if (!this.isPseudoElement) {
+                this.animation.commitStyles?.();
+            }
         }
         get duration() {
-            console.log(this.animation.effect?.getComputedTiming());
             const duration = this.animation.effect?.getComputedTiming().duration || 0;
             return millisecondsToSeconds(Number(duration));
         }
@@ -819,7 +821,7 @@
         y: false,
     };
     function isDragActive() {
-        return isDragging.x || isDragging.y;
+        return isDragging.y;
     }
 
     function resolveElements(elementOrSelector, scope, selectorCache) {
@@ -1064,7 +1066,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "12.7.1";
+            this.version = "12.7.3";
             /**
              * Tracks whether this value can output a velocity. Currently this is only true
              * if the value is numerical, but we might be able to widen the scope here and support
@@ -4786,7 +4788,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "12.7.1", `Attempting to mix Motion versions ${nextValue.version} with 12.7.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "12.7.3", `Attempting to mix Motion versions ${nextValue.version} with 12.7.3 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {