motion-v 1.6.1 → 1.7.0-alpha.0

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs

@@ -1,5 +1,5 @@
 import { animateElements } from "./animate-elements.mjs";
-import { GroupAnimationWithThen } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/GroupAnimationWithThen.mjs";
+import { GroupAnimationWithThen } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/GroupAnimationWithThen.mjs";
 const createScopedWaapiAnimate = (scope) => {
   function scopedAnimate(elementOrSelector, keyframes, options) {
     return new GroupAnimationWithThen(animateElements(elementOrSelector, keyframes, options, scope));

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs

@@ -1,12 +1,13 @@
 import { getFinalKeyframe } from "../animators/waapi/utils/get-final-keyframe.mjs";
 import { getDefaultTransition } from "../utils/default-transitions.mjs";
 import { isTransitionDefined } from "../utils/is-transition-defined.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { MotionGlobalConfig } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/global-config.mjs";
-import { frame } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { JSAnimation } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/JSAnimation.mjs";
-import { AsyncMotionValueAnimation } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
+import { makeAnimationInstant } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/utils/make-animation-instant.mjs";
+import { MotionGlobalConfig } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/global-config.mjs";
+import { frame } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { JSAnimation } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/JSAnimation.mjs";
+import { AsyncMotionValueAnimation } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs";
 const animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
   const valueTransition = getValueTransition(transition, name) || {};
   const delay = valueTransition.delay || transition.delay || 0;
@@ -40,14 +41,14 @@ const animateMotionValue = (name, value, target, transition = {}, element, isHan
   }
   let shouldSkip = false;
   if (options.type === false || options.duration === 0 && !options.repeatDelay) {
-    options.duration = 0;
+    makeAnimationInstant(options);
     if (options.delay === 0) {
       shouldSkip = true;
     }
   }
   if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations) {
     shouldSkip = true;
-    options.duration = 0;
+    makeAnimationInstant(options);
     options.delay = 0;
   }
   options.allowFlatten = !valueTransition.type && !valueTransition.ease;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs

@@ -2,9 +2,9 @@ import { setTarget } from "../../render/utils/setters.mjs";
 import { addValueToWillChange } from "../../value/use-will-change/add-will-change.mjs";
 import { getOptimisedAppearId } from "../optimized-appear/get-appear-id.mjs";
 import { animateMotionValue } from "./motion-value.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { frame } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { positionalKeys } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-position.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { frame } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { positionalKeys } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/utils/keys-position.mjs";
 function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
   const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
   needsAnimating[key] = false;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/animation/sequence/create.mjs

@@ -4,15 +4,15 @@ import { calcNextTime } from "./utils/calc-time.mjs";
 import { addKeyframes } from "./utils/edit.mjs";
 import { normalizeTimes } from "./utils/normalize-times.mjs";
 import { compareByTime } from "./utils/sort.mjs";
-import { isMotionValue } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
-import { defaultOffset } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
-import { createGeneratorEasing } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
-import { fillOffset } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs";
-import { invariant } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
-import { getEasingForSegment } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs";
-import { progress } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/progress.mjs";
-import { isGenerator } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { isMotionValue } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { defaultOffset } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
+import { createGeneratorEasing } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs";
+import { fillOffset } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
+import { getEasingForSegment } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs";
+import { progress } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/progress.mjs";
+import { isGenerator } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
+import { secondsToMilliseconds } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
 const defaultSegmentEasing = "easeInOut";
 const MAX_REPEAT = 20;
 function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...sequenceTransition } = {}, scope, generators) {
@@ -68,7 +68,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
       remainder > 0 && fillOffset(times, remainder);
       valueKeyframesAsList.length === 1 && valueKeyframesAsList.unshift(null);
       if (repeat) {
-        invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+        invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20", "repeat-count-high");
         duration = calculateRepeatDuration(duration, repeat);
         const originalKeyframes = [...valueKeyframesAsList];
         const originalTimes = [...times];

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/animation/sequence/utils/edit.mjs

@@ -1,6 +1,6 @@
-import { mixNumber } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/mix/number.mjs";
-import { getEasingForSegment } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs";
-import { removeItem } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/array.mjs";
+import { mixNumber } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { getEasingForSegment } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs";
+import { removeItem } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/array.mjs";
 function eraseKeyframes(sequence, startTime, endTime) {
   for (let i = 0; i < sequence.length; i++) {
     const keyframe = sequence[i];

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/animation/utils/create-visual-element.mjs

@@ -2,8 +2,8 @@ import { HTMLVisualElement } from "../../render/html/HTMLVisualElement.mjs";
 import { ObjectVisualElement } from "../../render/object/ObjectVisualElement.mjs";
 import { visualElementStore } from "../../render/store.mjs";
 import { SVGVisualElement } from "../../render/svg/SVGVisualElement.mjs";
-import { isSVGElement } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/is-svg-element.mjs";
-import { isSVGSVGElement } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/is-svg-svg-element.mjs";
+import { isSVGElement } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/is-svg-element.mjs";
+import { isSVGSVGElement } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/is-svg-svg-element.mjs";
 function createDOMVisualElement(element) {
   const options = {
     presenceContext: null,

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/animation/utils/default-transitions.mjs

@@ -1,4 +1,4 @@
-import { transformProps } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
 const underDampedSpring = {
   type: "spring",
   stiffness: 500,

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs

@@ -1,5 +1,5 @@
 import { scaleCorrectors } from "../../projection/styles/scale-correction.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
 function isForcedMotionValue(key, { layout, layoutId }) {
   return transformProps.has(key) || key.startsWith("origin") || (layout || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
 }

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/animation/mix-values.mjs

@@ -1,8 +1,8 @@
-import { mixNumber } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/mix/number.mjs";
-import { percent, px } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
-import { progress } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/progress.mjs";
-import { circOut } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/circ.mjs";
-import { noop } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/noop.mjs";
+import { mixNumber } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { percent, px } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { progress } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/progress.mjs";
+import { circOut } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/circ.mjs";
+import { noop } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/noop.mjs";
 const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];
 const numBorders = borders.length;
 const asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/geometry/delta-apply.mjs

@@ -1,5 +1,5 @@
 import { hasTransform } from "../utils/has-transform.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { mixNumber } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/mix/number.mjs";
 function scalePoint(point, scale, originPoint) {
   const distanceFromOrigin = point - originPoint;
   const scaled = scale * distanceFromOrigin;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/geometry/delta-calc.mjs

@@ -1,4 +1,4 @@
-import { mixNumber } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { mixNumber } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/mix/number.mjs";
 const SCALE_PRECISION = 1e-4;
 const SCALE_MIN = 1 - SCALE_PRECISION;
 const SCALE_MAX = 1 + SCALE_PRECISION;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/geometry/delta-remove.mjs

@@ -1,6 +1,6 @@
 import { scalePoint } from "./delta-apply.mjs";
-import { percent } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { percent } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { mixNumber } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/mix/number.mjs";
 function removePointDelta(point, translate, scale, originPoint, boxScale) {
   point -= translate;
   point = scalePoint(point, 1 / scale, originPoint);

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/node/create-projection-node.mjs

@@ -16,19 +16,19 @@ import { buildProjectionTransform } from "../styles/transform.mjs";
 import { eachAxis } from "../utils/each-axis.mjs";
 import { hasTransform, hasScale, has2DTranslate } from "../utils/has-transform.mjs";
 import { globalProjectionState } from "./state.mjs";
-import { noop } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/noop.mjs";
-import { statsBuffer } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/stats/buffer.mjs";
-import { SubscriptionManager } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/subscription-manager.mjs";
-import { isSVGElement } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/is-svg-element.mjs";
-import { isSVGSVGElement } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/is-svg-svg-element.mjs";
-import { frame, cancelFrame, frameData, frameSteps } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { getValueTransition } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
-import { time } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
-import { clamp } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
-import { microtask } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/microtask.mjs";
-import { activeAnimations } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/stats/animation-count.mjs";
-import { motionValue } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/index.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { noop } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/noop.mjs";
+import { statsBuffer } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/stats/buffer.mjs";
+import { SubscriptionManager } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/subscription-manager.mjs";
+import { isSVGElement } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/is-svg-element.mjs";
+import { isSVGSVGElement } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/is-svg-svg-element.mjs";
+import { frame, cancelFrame, frameData, frameSteps } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { getValueTransition } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs";
+import { time } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { clamp } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
+import { microtask } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/microtask.mjs";
+import { activeAnimations } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/stats/animation-count.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/index.mjs";
+import { mixNumber } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/mix/number.mjs";
 const metrics = {
   nodes: 0,
   calculatedTargetDeltas: 0,

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/shared/stack.mjs

@@ -1,4 +1,4 @@
-import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/array.mjs";
+import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/array.mjs";
 class NodeStack {
   constructor() {
     this.members = [];

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs

@@ -1,4 +1,4 @@
-import { px } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { px } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/numbers/units.mjs";
 function pixelsToPercent(pixels, axis) {
   if (axis.max === axis.min)
     return 0;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs

@@ -1,5 +1,5 @@
-import { complex } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/complex/index.mjs";
-import { mixNumber } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { complex } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/complex/index.mjs";
+import { mixNumber } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/mix/number.mjs";
 const correctBoxShadow = {
   correct: (latest, { treeScale, projectionDelta }) => {
     const original = latest;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/projection/styles/scale-correction.mjs

@@ -1,4 +1,4 @@
-import { isCSSVariableName } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { isCSSVariableName } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
 const scaleCorrectors = {};
 function addScaleCorrector(correctors) {
   for (const key in correctors) {

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/VisualElement.mjs

@@ -6,19 +6,20 @@ import { visualElementStore } from "./store.mjs";
 import { isControllingVariants, isVariantNode } from "./utils/is-controlling-variants.mjs";
 import { updateMotionValuesFromProps } from "./utils/motion-values.mjs";
 import { resolveVariantFromProps } from "./utils/resolve-variants.mjs";
-import { KeyframeResolver } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs";
-import { time } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
-import { frame, cancelFrame } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { isMotionValue } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
-import { warnOnce } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/warn-once.mjs";
-import { transformProps } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { motionValue } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/index.mjs";
-import { isNumericalString } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/is-numerical-string.mjs";
-import { isZeroValueString } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/is-zero-value-string.mjs";
-import { findValueType } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/utils/find.mjs";
-import { complex } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/complex/index.mjs";
-import { getAnimatableNone } from "../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/utils/animatable-none.mjs";
-import { SubscriptionManager } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/subscription-manager.mjs";
+import { KeyframeResolver } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs";
+import { time } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { frame, cancelFrame } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { isMotionValue } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/warn-once.mjs";
+import { transformProps } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { motionValue } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/index.mjs";
+import { isNumericalString } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/is-numerical-string.mjs";
+import { isZeroValueString } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/is-zero-value-string.mjs";
+import { findValueType } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/utils/find.mjs";
+import { complex } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/complex/index.mjs";
+import { getAnimatableNone } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/utils/animatable-none.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/subscription-manager.mjs";
+import { microtask } from "../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/microtask.mjs";
 const propEventHandlers = [
   "AnimationStart",
   "AnimationComplete",
@@ -89,11 +90,12 @@ class VisualElement {
     for (const key in initialMotionValues) {
       const value = initialMotionValues[key];
       if (latestValues[key] !== void 0 && isMotionValue(value)) {
-        value.set(latestValues[key], false);
+        value.set(latestValues[key]);
       }
     }
   }
   mount(instance) {
+    var _a;
     this.current = instance;
     visualElementStore.set(instance, this);
     if (this.projection && !this.projection.instance) {
@@ -108,20 +110,20 @@ class VisualElement {
     }
     this.shouldReduceMotion = this.reducedMotionConfig === "never" ? false : this.reducedMotionConfig === "always" ? true : prefersReducedMotion.current;
     if (process.env.NODE_ENV !== "production") {
-      warnOnce(this.shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.");
+      warnOnce(this.shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled");
     }
-    if (this.parent)
-      this.parent.children.add(this);
+    (_a = this.parent) == null ? void 0 : _a.addChild(this);
     this.update(this.props, this.presenceContext);
   }
   unmount() {
+    var _a;
     this.projection && this.projection.unmount();
     cancelFrame(this.notifyUpdate);
     cancelFrame(this.render);
     this.valueSubscriptions.forEach((remove) => remove());
     this.valueSubscriptions.clear();
     this.removeFromVariantTree && this.removeFromVariantTree();
-    this.parent && this.parent.children.delete(this);
+    (_a = this.parent) == null ? void 0 : _a.removeChild(this);
     for (const key in this.events) {
       this.events[key].clear();
     }
@@ -134,6 +136,15 @@ class VisualElement {
     }
     this.current = null;
   }
+  addChild(child) {
+    this.children.add(child);
+    this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set());
+    this.enteringChildren.add(child);
+  }
+  removeChild(child) {
+    this.children.delete(child);
+    this.enteringChildren && this.enteringChildren.delete(child);
+  }
   bindToMotionValue(key, value) {
     if (this.valueSubscriptions.has(key)) {
       this.valueSubscriptions.get(key)();
@@ -148,15 +159,14 @@ class VisualElement {
       if (valueIsTransform && this.projection) {
         this.projection.isTransformDirty = true;
       }
+      this.scheduleRender();
     });
-    const removeOnRenderRequest = value.on("renderRequest", this.scheduleRender);
     let removeSyncCheck;
     if (window.MotionCheckAppearSync) {
       removeSyncCheck = window.MotionCheckAppearSync(this, key, value);
     }
     this.valueSubscriptions.set(key, () => {
       removeOnChange();
-      removeOnRenderRequest();
       if (removeSyncCheck)
         removeSyncCheck();
       if (value.owner)
@@ -367,6 +377,9 @@ class VisualElement {
       this.events[eventName].notify(...args);
     }
   }
+  scheduleRenderMicrotask() {
+    microtask.render(this.render);
+  }
 }
 export {
   VisualElement

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/DOMVisualElement.mjs

@@ -1,6 +1,6 @@
 import { VisualElement } from "../VisualElement.mjs";
-import { DOMKeyframesResolver } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs";
-import { isMotionValue } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { DOMKeyframesResolver } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs";
+import { isMotionValue } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
 class DOMVisualElement extends VisualElement {
   constructor() {
     super(...arguments);

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/attach-animation.mjs

@@ -1,5 +1,5 @@
 import { getTimeline } from "./utils/get-timeline.mjs";
-import { observeTimeline } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/scroll/observe.mjs";
+import { observeTimeline } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/scroll/observe.mjs";
 function attachToAnimation(animation, options) {
   const timeline = getTimeline(options);
   return animation.attachTimeline({

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/attach-function.mjs

@@ -1,6 +1,6 @@
 import { scrollInfo } from "./track.mjs";
 import { getTimeline } from "./utils/get-timeline.mjs";
-import { observeTimeline } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/scroll/observe.mjs";
+import { observeTimeline } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/scroll/observe.mjs";
 function isOnScrollWithInfo(onScroll) {
   return onScroll.length === 2;
 }

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/index.mjs

@@ -1,6 +1,6 @@
 import { attachToAnimation } from "./attach-animation.mjs";
 import { attachToFunction } from "./attach-function.mjs";
-import { noop } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/noop.mjs";
+import { noop } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/noop.mjs";
 function scroll(onScroll, { axis = "y", container = document.scrollingElement, ...options } = {}) {
   if (!container)
     return noop;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/info.mjs

@@ -1,5 +1,5 @@
-import { progress } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/progress.mjs";
-import { velocityPerSecond } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/velocity-per-second.mjs";
+import { progress } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/progress.mjs";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/velocity-per-second.mjs";
 const maxElapsed = 50;
 const createAxisInfo = () => ({
   current: 0,

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs

@@ -1,9 +1,9 @@
 import { calcInset } from "./inset.mjs";
 import { resolveOffset } from "./offset.mjs";
 import { ScrollOffset } from "./presets.mjs";
-import { interpolate } from "../../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/interpolate.mjs";
-import { defaultOffset } from "../../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
-import { clamp } from "../../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
+import { interpolate } from "../../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/interpolate.mjs";
+import { defaultOffset } from "../../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
+import { clamp } from "../../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
 const point = { x: 0, y: 0 };
 function getTargetSize(target) {
   return "getBBox" in target && target.tagName !== "svg" ? target.getBBox() : { width: target.clientWidth, height: target.clientHeight };

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs

@@ -1,4 +1,4 @@
-import { isHTMLElement } from "../../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/is-html-element.mjs";
+import { isHTMLElement } from "../../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/is-html-element.mjs";
 function calcInset(element, container) {
   const inset = { x: 0, y: 0 };
   let current = element;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs

@@ -1,6 +1,6 @@
 import { updateScrollInfo } from "./info.mjs";
 import { resolveOffsets } from "./offsets/index.mjs";
-import { warnOnce } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/warn-once.mjs";
+import { warnOnce } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/warn-once.mjs";
 function measure(container, target = container, info) {
   info.x.targetOffset = 0;
   info.y.targetOffset = 0;

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/track.mjs

@@ -1,8 +1,8 @@
 import { createScrollInfo } from "./info.mjs";
 import { createOnScrollHandler } from "./on-scroll-handler.mjs";
-import { noop } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/noop.mjs";
-import { resize } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/resize/index.mjs";
-import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { noop } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/noop.mjs";
+import { resize } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/resize/index.mjs";
+import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/frameloop/frame.mjs";
 const scrollListeners = /* @__PURE__ */ new WeakMap();
 const resizeListeners = /* @__PURE__ */ new WeakMap();
 const onScrollHandlers = /* @__PURE__ */ new WeakMap();

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/dom/scroll/utils/get-timeline.mjs

@@ -1,5 +1,5 @@
 import { scrollInfo } from "../track.mjs";
-import { supportsScrollTimeline } from "../../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
+import { supportsScrollTimeline } from "../../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
 const timelineCache = /* @__PURE__ */ new Map();
 function scrollTimelineFallback(options) {
   const currentTime = { value: 0 };

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

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

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

@@ -3,9 +3,9 @@ import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { buildHTMLStyles } from "./utils/build-styles.mjs";
 import { renderHTML } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { defaultTransformValue, readTransformValue } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/dom/parse-transform.mjs";
-import { isCSSVariableName } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { defaultTransformValue, readTransformValue } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/dom/parse-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../motion-dom@12.23.12/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.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/html/utils/build-styles.mjs

@@ -1,8 +1,8 @@
 import { buildTransform } from "./build-transform.mjs";
-import { transformProps } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { isCSSVariableName } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
-import { getValueAsType } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
-import { numberValueTypes } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/maps/number.mjs";
+import { transformProps } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { getValueAsType } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
+import { numberValueTypes } from "../../../../../../../../motion-dom@12.23.12/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.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/html/utils/build-transform.mjs

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

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

@@ -1,5 +1,5 @@
 import { isForcedMotionValue } from "../../../motion/utils/is-forced-motion-value.mjs";
-import { isMotionValue } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { isMotionValue } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
 function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   var _a;
   const { style } = props;

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

@@ -6,8 +6,8 @@ import { camelCaseAttributes } from "./utils/camel-case-attrs.mjs";
 import { isSVGTag } from "./utils/is-svg-tag.mjs";
 import { renderSVG } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { getDefaultValueType } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/maps/defaults.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { getDefaultValueType } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/types/maps/defaults.mjs";
 class SVGVisualElement extends DOMVisualElement {
   constructor() {
     super(...arguments);

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

@@ -1,4 +1,4 @@
-import { px } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { px } from "../../../../../../../../motion-dom@12.23.12/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.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs

@@ -1,6 +1,6 @@
 import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from "../../html/utils/scrape-motion-values.mjs";
-import { isMotionValue } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
-import { transformPropOrder } from "../../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { isMotionValue } from "../../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { transformPropOrder } from "../../../../../../../../motion-dom@12.23.12/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) {