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/render/utils/flat-tree.mjs

@@ -1,5 +1,5 @@
 import { compareByDepth } from "./compare-by-depth.mjs";
-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 FlatTree {
   constructor() {
     this.children = [];

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

@@ -1,5 +1,5 @@
-import { isMotionValue } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
-import { motionValue } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/index.mjs";
+import { isMotionValue } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/index.mjs";
 function updateMotionValuesFromProps(element, next, prev) {
   for (const key in next) {
     const nextValue = next[key];

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

@@ -1,6 +1,6 @@
 import { isKeyframesTarget } from "../../animation/utils/is-keyframes-target.mjs";
 import { resolveVariant } from "./resolve-dynamic-variants.mjs";
-import { motionValue } from "../../../../../../../motion-dom@12.22.0/external/motion-dom/dist/es/value/index.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.23.12/external/motion-dom/dist/es/value/index.mjs";
 function setMotionValue(visualElement, key, value) {
   if (visualElement.hasValue(key)) {
     visualElement.getValue(key).set(value);

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

@@ -1,6 +1,6 @@
-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 { secondsToMilliseconds } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.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 { secondsToMilliseconds } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
 function delay(callback, timeout) {
   const start = time.now();
   const checkElapsed = ({ timestamp }) => {

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/value/use-will-change/add-will-change.mjs

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

package/dist/es/external/.pnpm/{framer-motion@12.22.0 → framer-motion@12.23.12}/external/framer-motion/dist/es/value/use-will-change/is.mjs

@@ -1,4 +1,4 @@
-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 isWillChangeMotionValue(value) {
   return Boolean(isMotionValue(value) && value.add);
 }

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

@@ -1,4 +1,4 @@
-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 resolveMotionValue(value) {
   return isMotionValue(value) ? value.get() : value;
 }

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs

@@ -4,10 +4,11 @@ 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 { makeAnimationInstant } from "./utils/make-animation-instant.mjs";
 import { WithPromise } from "./utils/WithPromise.mjs";
 import { supportsBrowserAnimation } from "./waapi/supports/waapi.mjs";
-import { MotionGlobalConfig } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/global-config.mjs";
-import { noop } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/noop.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/global-config.mjs";
+import { noop } from "../../../../../../motion-utils@12.23.6/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 }) {
@@ -47,7 +48,7 @@ class AsyncMotionValueAnimation extends WithPromise {
         onUpdate == null ? void 0 : onUpdate(getFinalKeyframe(keyframes, options, finalKeyframe));
       }
       keyframes[0] = keyframes[keyframes.length - 1];
-      options.duration = 0;
+      makeAnimationInstant(options);
       options.repeat = 0;
     }
     const startTime = sync ? !this.resolvedAt ? this.createdAt : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY ? this.resolvedAt : this.createdAt : void 0;

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/JSAnimation.mjs

@@ -8,10 +8,10 @@ import { calcGeneratorDuration } from "./generators/utils/calc-duration.mjs";
 import { getFinalKeyframe } from "./keyframes/get-final.mjs";
 import { replaceTransitionType } from "./utils/replace-transition-type.mjs";
 import { WithPromise } from "./utils/WithPromise.mjs";
-import { invariant } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
-import { pipe } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/pipe.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { clamp } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
+import { invariant } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
+import { pipe } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/pipe.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
 const percentToProgress = (percent) => percent / 100;
 class JSAnimation extends WithPromise {
   constructor(options) {
@@ -48,7 +48,7 @@ class JSAnimation extends WithPromise {
     let { keyframes: keyframes$1 } = options;
     const generatorFactory = type || keyframes;
     if (process.env.NODE_ENV !== "production" && generatorFactory !== keyframes) {
-      invariant(keyframes$1.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`);
+      invariant(keyframes$1.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`, "spring-two-frames");
     }
     if (generatorFactory !== keyframes && typeof keyframes$1[0] !== "number") {
       this.mixKeyframes = pipe(percentToProgress, mix(keyframes$1[0], keyframes$1[1]));

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/NativeAnimation.mjs

@@ -4,9 +4,9 @@ import { getFinalKeyframe } from "./keyframes/get-final.mjs";
 import { WithPromise } from "./utils/WithPromise.mjs";
 import { startWaapiAnimation } from "./waapi/start-waapi-animation.mjs";
 import { applyGeneratorOptions } from "./waapi/utils/apply-generator.mjs";
-import { invariant } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { noop } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/noop.mjs";
+import { invariant } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
+import { noop } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/noop.mjs";
 class NativeAnimation extends WithPromise {
   constructor(options) {
     super();
@@ -18,7 +18,7 @@ class NativeAnimation extends WithPromise {
     this.isPseudoElement = Boolean(pseudoElement);
     this.allowFlatten = allowFlatten;
     this.options = options;
-    invariant(typeof options.type !== "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
+    invariant(typeof options.type !== "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
     const transition = applyGeneratorOptions(options);
     this.animation = startWaapiAnimation(element, name, keyframes, transition, pseudoElement);
     if (transition.autoplay === false) {

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/NativeAnimationExtended.mjs

@@ -2,7 +2,7 @@ import { JSAnimation } from "./JSAnimation.mjs";
 import { NativeAnimation } from "./NativeAnimation.mjs";
 import { replaceTransitionType } from "./utils/replace-transition-type.mjs";
 import { replaceStringEasing } from "./waapi/utils/unsupported-easing.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
 const sampleDelta = 10;
 class NativeAnimationExtended extends NativeAnimation {
   constructor(options) {

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/generators/keyframes.mjs

@@ -1,9 +1,9 @@
 import { interpolate } from "../../utils/interpolate.mjs";
 import { defaultOffset } from "../keyframes/offsets/default.mjs";
 import { convertOffsetToTimes } from "../keyframes/offsets/time.mjs";
-import { easeInOut } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/ease.mjs";
-import { isEasingArray } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/utils/is-easing-array.mjs";
-import { easingDefinitionToFunction } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/utils/map.mjs";
+import { easeInOut } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/ease.mjs";
+import { isEasingArray } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/utils/is-easing-array.mjs";
+import { easingDefinitionToFunction } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/utils/map.mjs";
 function defaultEasing(values, easing) {
   return values.map(() => easing || easeInOut).splice(0, values.length - 1);
 }

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/generators/spring/find.mjs

@@ -1,12 +1,12 @@
 import { springDefaults } from "./defaults.mjs";
-import { warning } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { clamp } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
 const safeMin = 1e-3;
 function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass }) {
   let envelope;
   let derivative;
-  warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), "Spring duration must be 10 seconds or less");
+  warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let dampingRatio = 1 - bounce;
   dampingRatio = clamp(springDefaults.minDamping, springDefaults.maxDamping, dampingRatio);
   duration = clamp(springDefaults.minDuration, springDefaults.maxDuration, millisecondsToSeconds(duration));

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/generators/spring/index.mjs

@@ -4,8 +4,8 @@ import { createGeneratorEasing } from "../utils/create-generator-easing.mjs";
 import { calcGeneratorVelocity } from "../utils/velocity.mjs";
 import { springDefaults } from "./defaults.mjs";
 import { findSpring, calcAngularFreq } from "./find.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
-import { clamp } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
 function isSpringType(options, keys) {

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs

@@ -1,5 +1,5 @@
 import { calcGeneratorDuration, maxGeneratorDuration } from "./calc-duration.mjs";
-import { millisecondsToSeconds } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { millisecondsToSeconds } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/time-conversion.mjs";
 function createGeneratorEasing(options, scale = 100, createGenerator) {
   const generator = createGenerator({ ...options, keyframes: [0, scale] });
   const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/generators/utils/velocity.mjs

@@ -1,4 +1,4 @@
-import { velocityPerSecond } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/velocity-per-second.mjs";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/velocity-per-second.mjs";
 const velocitySampleDuration = 5;
 function calcGeneratorVelocity(resolveValue, t, current) {
   const prevT = Math.max(t - velocitySampleDuration, 0);

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs

@@ -1,5 +1,5 @@
 import { mixNumber } from "../../../utils/mix/number.mjs";
-import { progress } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/progress.mjs";
+import { progress } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/progress.mjs";
 function fillOffset(offset, remaining) {
   const min = offset[offset.length - 1];
   for (let i = 1; i <= remaining; i++) {

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs

@@ -1,4 +1,4 @@
-import { isZeroValueString } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/is-zero-value-string.mjs";
+import { isZeroValueString } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/is-zero-value-string.mjs";
 function isNone(value) {
   if (typeof value === "number") {
     return value === 0;

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/utils/can-animate.mjs

@@ -1,6 +1,6 @@
 import { isGenerator } from "../generators/utils/is-generator.mjs";
 import { isAnimatable } from "./is-animatable.mjs";
-import { warning } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
 function hasKeyframesChanged(keyframes) {
   const current = keyframes[0];
   if (keyframes.length === 1)
@@ -19,7 +19,7 @@ function canAnimate(keyframes, name, type, velocity) {
   const targetKeyframe = keyframes[keyframes.length - 1];
   const isOriginAnimatable = isAnimatable(originKeyframe, name);
   const isTargetAnimatable = isAnimatable(targetKeyframe, name);
-  warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \`style\` property.`);
+  warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". "${isOriginAnimatable ? targetKeyframe : originKeyframe}" is not an animatable value.`, "value-not-animatable");
   if (!isOriginAnimatable || !isTargetAnimatable) {
     return false;
   }

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs

@@ -1,6 +1,6 @@
 import { isCSSVariableToken } from "./is-css-variable.mjs";
-import { invariant } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
-import { isNumericalString } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/is-numerical-string.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
+import { isNumericalString } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/is-numerical-string.mjs";
 const splitCSSVariableRegex = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
@@ -14,7 +14,7 @@ function parseCSSVariable(current) {
 }
 const maxDepth = 4;
 function getVariableValue(current, element, depth = 1) {
-  invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`);
+  invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [token, fallback] = parseCSSVariable(current);
   if (!token)
     return;

package/dist/es/external/.pnpm/motion-dom@12.23.12/external/motion-dom/dist/es/animation/utils/make-animation-instant.mjs

@@ -0,0 +1,7 @@
+function makeAnimationInstant(options) {
+  options.duration = 0;
+  options.type === "keyframes";
+}
+export {
+  makeAnimationInstant
+};

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/waapi/easing/is-supported.mjs

@@ -1,6 +1,6 @@
 import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs";
 import { supportedWaapiEasing } from "./supported.mjs";
-import { isBezierDefinition } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
+import { isBezierDefinition } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
 function isWaapiSupportedEasing(easing) {
   return Boolean(typeof easing === "function" && supportsLinearEasing() || !easing || typeof easing === "string" && (easing in supportedWaapiEasing || supportsLinearEasing()) || isBezierDefinition(easing) || Array.isArray(easing) && easing.every(isWaapiSupportedEasing));
 }

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs

@@ -2,7 +2,7 @@ import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs"
 import { generateLinearEasing } from "../utils/linear.mjs";
 import { cubicBezierAsString } from "./cubic-bezier.mjs";
 import { supportedWaapiEasing } from "./supported.mjs";
-import { isBezierDefinition } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
+import { isBezierDefinition } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
 function mapEasingToNativeEasing(easing, duration) {
   if (!easing) {
     return void 0;

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs

@@ -1,4 +1,4 @@
-import { memo } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/memo.mjs";
 const supportsPartialKeyframes = /* @__PURE__ */ memo(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/waapi/supports/waapi.mjs

@@ -1,5 +1,4 @@
-import { isHTMLElement } from "../../../utils/is-html-element.mjs";
-import { memo } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/memo.mjs";
 const acceleratedValues = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
@@ -12,7 +11,8 @@ const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Elem
 function supportsBrowserAnimation(options) {
   var _a;
   const { motionValue, name, repeatDelay, repeatType, damping, type } = options;
-  if (!isHTMLElement((_a = motionValue == null ? void 0 : motionValue.owner) == null ? void 0 : _a.current)) {
+  const subject = (_a = motionValue == null ? void 0 : motionValue.owner) == null ? void 0 : _a.current;
+  if (!(subject instanceof HTMLElement)) {
     return false;
   }
   const { onUpdate, transformTemplate } = motionValue.owner.getProps();

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs

@@ -1,6 +1,6 @@
-import { anticipate } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/anticipate.mjs";
-import { backInOut } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/back.mjs";
-import { circInOut } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/circ.mjs";
+import { anticipate } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/anticipate.mjs";
+import { backInOut } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/back.mjs";
+import { circInOut } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/circ.mjs";
 const unsupportedEasingFunctions = {
   anticipate,
   backInOut,

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/frameloop/batcher.mjs

@@ -1,6 +1,6 @@
 import { stepsOrder } from "./order.mjs";
 import { createRenderStep } from "./render-step.mjs";
-import { MotionGlobalConfig } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/global-config.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/global-config.mjs";
 const maxElapsed = 40;
 function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   let runNextFrame = false;

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/frameloop/frame.mjs

@@ -1,5 +1,5 @@
 import { createRenderBatcher } from "./batcher.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";
 const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 export {
   cancelFrame,

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/frameloop/sync-time.mjs

@@ -1,5 +1,5 @@
 import { frameData } from "./frame.mjs";
-import { MotionGlobalConfig } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/global-config.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/global-config.mjs";
 let now;
 function clearTime() {
   now = void 0;

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/utils/interpolate.mjs

@@ -1,10 +1,10 @@
 import { mix } from "./mix/index.mjs";
-import { invariant } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
-import { clamp } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
-import { MotionGlobalConfig } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/global-config.mjs";
-import { noop } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/noop.mjs";
-import { pipe } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/pipe.mjs";
-import { progress } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/progress.mjs";
+import { invariant } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
+import { clamp } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/global-config.mjs";
+import { noop } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/noop.mjs";
+import { pipe } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/pipe.mjs";
+import { progress } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/progress.mjs";
 function createMixers(output, ease, customMixer) {
   const mixers = [];
   const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;
@@ -21,7 +21,7 @@ function createMixers(output, ease, customMixer) {
 }
 function interpolate(input, output, { clamp: isClamp = true, ease, mixer } = {}) {
   const inputLength = input.length;
-  invariant(inputLength === output.length, "Both input and output ranges must be the same length");
+  invariant(inputLength === output.length, "Both input and output ranges must be the same length", "range-length");
   if (inputLength === 1)
     return () => output[0];
   if (inputLength === 2 && output[0] === output[1])

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/utils/is-html-element.mjs

@@ -1,4 +1,4 @@
-import { isObject } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/is-object.mjs";
+import { isObject } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/is-object.mjs";
 function isHTMLElement(element) {
   return isObject(element) && "offsetHeight" in element;
 }

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/utils/is-svg-element.mjs

@@ -1,4 +1,4 @@
-import { isObject } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/is-object.mjs";
+import { isObject } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/is-object.mjs";
 function isSVGElement(element) {
   return isObject(element) && "ownerSVGElement" in element;
 }

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/utils/mix/color.mjs

@@ -4,7 +4,7 @@ import { hslaToRgba } from "../../value/types/color/hsla-to-rgba.mjs";
 import { rgba } from "../../value/types/color/rgba.mjs";
 import { mixImmediate } from "./immediate.mjs";
 import { mixNumber } from "./number.mjs";
-import { warning } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
 const mixLinearColor = (from, to, v) => {
   const fromExpo = from * from;
   const expo = v * (to * to - fromExpo) + fromExpo;
@@ -14,7 +14,7 @@ const colorTypes = [hex, rgba, hsla];
 const getColorType = (v) => colorTypes.find((type) => type.test(v));
 function asRGBA(color) {
   const type = getColorType(color);
-  warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`);
+  warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable");
   if (!Boolean(type))
     return false;
   let model = type.parse(color);

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/utils/mix/complex.mjs

@@ -5,8 +5,8 @@ import { mixColor } from "./color.mjs";
 import { mixImmediate } from "./immediate.mjs";
 import { mixNumber as mixNumber$1 } from "./number.mjs";
 import { invisibleValues, mixVisibility } from "./visibility.mjs";
-import { pipe } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/pipe.mjs";
-import { warning } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/errors.mjs";
+import { pipe } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/pipe.mjs";
+import { warning } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/errors.mjs";
 function mixNumber(a, b) {
   return (p) => mixNumber$1(a, b, p);
 }
@@ -71,7 +71,7 @@ const mixComplex = (origin, target) => {
     }
     return pipe(mixArray(matchOrder(originStats, targetStats), targetStats.values), template);
   } else {
-    warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`);
+    warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different");
     return mixImmediate(origin, target);
   }
 };

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/utils/stagger.mjs

@@ -1,4 +1,4 @@
-import { easingDefinitionToFunction } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/easing/utils/map.mjs";
+import { easingDefinitionToFunction } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/easing/utils/map.mjs";
 function getOriginIndex(from, total) {
   if (from === "first") {
     return 0;

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/utils/supports/memo.mjs

@@ -1,5 +1,5 @@
 import { supportsFlags } from "./flags.mjs";
-import { memo } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/memo.mjs";
 function memoSupports(callback, supportsFlag) {
   const memoized = memo(callback);
   return () => supportsFlags[supportsFlag] ?? memoized();

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

@@ -1,4 +1,4 @@
-import { memo } from "../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/memo.mjs";
 const supportsScrollTimeline = /* @__PURE__ */ memo(() => window.ScrollTimeline !== void 0);
 export {
   supportsScrollTimeline

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

@@ -1,8 +1,8 @@
 import { time } from "../frameloop/sync-time.mjs";
 import { frame } from "../frameloop/frame.mjs";
-import { warnOnce } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/warn-once.mjs";
-import { SubscriptionManager } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/subscription-manager.mjs";
-import { velocityPerSecond } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/velocity-per-second.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/warn-once.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/subscription-manager.mjs";
+import { velocityPerSecond } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/velocity-per-second.mjs";
 const MAX_VELOCITY_DELTA = 30;
 const isFloat = (value) => {
   return !isNaN(parseFloat(value));
@@ -20,8 +20,8 @@ class MotionValue {
   constructor(init, options = {}) {
     this.canTrackVelocity = null;
     this.events = {};
-    this.updateAndNotify = (v, render = true) => {
-      var _a, _b;
+    this.updateAndNotify = (v) => {
+      var _a;
       const currentTime = time.now();
       if (this.updatedAt !== currentTime) {
         this.setPrevFrameValue();
@@ -36,9 +36,6 @@ class MotionValue {
           }
         }
       }
-      if (render) {
-        (_b = this.events.renderRequest) == null ? void 0 : _b.notify(this.current);
-      }
     };
     this.hasAnimated = false;
     this.setCurrent(init);
@@ -145,9 +142,9 @@ class MotionValue {
    *
    * @public
    */
-  set(v, render = true) {
-    if (!render || !this.passiveEffect) {
-      this.updateAndNotify(v, render);
+  set(v) {
+    if (!this.passiveEffect) {
+      this.updateAndNotify(v);
     } else {
       this.passiveEffect(v, this.updateAndNotify);
     }

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/value/spring-value.mjs

@@ -38,12 +38,15 @@ function attachSpring(value, source, options) {
     frame.postRender(startAnimation);
     return value.get();
   }, stopAnimation);
-  let unsubscribe = void 0;
   if (isMotionValue(source)) {
-    unsubscribe = source.on("change", (v) => value.set(parseValue(v, unit)));
-    value.on("destroy", unsubscribe);
+    const removeSourceOnChange = source.on("change", (v) => value.set(parseValue(v, unit)));
+    const removeValueOnDestroy = value.on("destroy", removeSourceOnChange);
+    return () => {
+      removeSourceOnChange();
+      removeValueOnDestroy();
+    };
   }
-  return unsubscribe;
+  return stopAnimation;
 }
 function parseValue(v, unit) {
   return unit ? v + unit : v;

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/value/types/color/rgba.mjs

@@ -1,7 +1,7 @@
 import { number, alpha } from "../numbers/index.mjs";
 import { sanitize } from "../utils/sanitize.mjs";
 import { isColorString, splitColor } from "./utils.mjs";
-import { clamp } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
 const clampRgbUnit = (v) => clamp(0, 255, v);
 const rgbUnit = {
   ...number,

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/value/types/numbers/index.mjs

@@ -1,4 +1,4 @@
-import { clamp } from "../../../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/clamp.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/clamp.mjs";
 const number = {
   test: (v) => typeof v === "number",
   parse: parseFloat,

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

@@ -1,5 +1,5 @@
 import { addToQueue } from "./queue.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";
 class ViewTransitionBuilder {
   constructor(update, options = {}) {
     this.currentSubject = "root";

package/dist/es/external/.pnpm/{motion-dom@12.22.0 → motion-dom@12.23.12}/external/motion-dom/dist/es/view/queue.mjs

@@ -1,6 +1,6 @@
 import { microtask } from "../frameloop/microtask.mjs";
 import { startViewAnimation } from "./start.mjs";
-import { removeItem } from "../../../../../../motion-utils@12.19.0/external/motion-utils/dist/es/array.mjs";
+import { removeItem } from "../../../../../../motion-utils@12.23.6/external/motion-utils/dist/es/array.mjs";
 let builders = [];
 let current = null;
 function next() {