motion-v 1.0.2 → 1.1.0-alpha.0

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

@@ -1,6 +1,6 @@
-import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 import { stepsOrder } from "./order.mjs";
 import { createRenderStep } from "./render-step.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
 const maxElapsed = 40;
 function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   let runNextFrame = false;
@@ -15,17 +15,19 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : void 0);
     return acc;
   }, {});
-  const { read, resolveKeyframes, update, preRender, render, postRender } = steps;
+  const { setup, read, resolveKeyframes, preUpdate, update, preRender, render, postRender } = steps;
   const processBatch = () => {
-    const timestamp = performance.now();
+    const timestamp = MotionGlobalConfig.useManualTiming ? state.timestamp : performance.now();
     runNextFrame = false;
-    {
+    if (!MotionGlobalConfig.useManualTiming) {
       state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
     }
     state.timestamp = timestamp;
     state.isProcessing = true;
+    setup.process(state);
     read.process(state);
     resolveKeyframes.process(state);
+    preUpdate.process(state);
     update.process(state);
     preRender.process(state);
     render.process(state);

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

@@ -1,6 +1,5 @@
-import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
 import { createRenderBatcher } from "./batcher.mjs";
+import { noop } from "../../../../../../motion-utils@12.9.4/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.10.4/external/motion-dom/dist/es/frameloop/index-legacy.mjs

@@ -0,0 +1,11 @@
+import { stepsOrder } from "./order.mjs";
+import { frame, cancelFrame } from "./frame.mjs";
+const sync = frame;
+const cancelSync = stepsOrder.reduce((acc, key) => {
+  acc[key] = (process) => cancelFrame(process);
+  return acc;
+}, {});
+export {
+  cancelSync,
+  sync
+};

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.10.4}/external/motion-dom/dist/es/frameloop/order.mjs

@@ -1,8 +1,12 @@
 const stepsOrder = [
+  "setup",
+  // Compute
   "read",
   // Read
   "resolveKeyframes",
   // Write/Read/Write/Read
+  "preUpdate",
+  // Compute
   "update",
   // Compute
   "preRender",

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

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

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.10.4}/external/motion-dom/dist/es/gestures/drag/state/is-active.mjs

@@ -3,7 +3,7 @@ const isDragging = {
   y: false
 };
 function isDragActive() {
-  return isDragging.y;
+  return isDragging.x || isDragging.y;
 }
 export {
   isDragActive,

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/gestures/drag/state/set-active.mjs

@@ -0,0 +1,25 @@
+import { isDragging } from "./is-active.mjs";
+function setDragLock(axis) {
+  if (axis === "x" || axis === "y") {
+    if (isDragging[axis]) {
+      return null;
+    } else {
+      isDragging[axis] = true;
+      return () => {
+        isDragging[axis] = false;
+      };
+    }
+  } else {
+    if (isDragging.x || isDragging.y) {
+      return null;
+    } else {
+      isDragging.x = isDragging.y = true;
+      return () => {
+        isDragging.x = isDragging.y = false;
+      };
+    }
+  }
+}
+export {
+  setDragLock
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/gestures/press/index.mjs

@@ -0,0 +1,55 @@
+import { isDragActive } from "../drag/state/is-active.mjs";
+import { isNodeOrChild } from "../utils/is-node-or-child.mjs";
+import { isPrimaryPointer } from "../utils/is-primary-pointer.mjs";
+import { setupGesture } from "../utils/setup.mjs";
+import { isElementKeyboardAccessible } from "./utils/is-keyboard-accessible.mjs";
+import { enableKeyboardPress } from "./utils/keyboard.mjs";
+import { isPressing } from "./utils/state.mjs";
+function isValidPressEvent(event) {
+  return isPrimaryPointer(event) && !isDragActive();
+}
+function press(targetOrSelector, onPressStart, options = {}) {
+  const [targets, eventOptions, cancelEvents] = setupGesture(targetOrSelector, options);
+  const startPress = (startEvent) => {
+    const target = startEvent.currentTarget;
+    if (!isValidPressEvent(startEvent) || isPressing.has(target))
+      return;
+    isPressing.add(target);
+    const onPressEnd = onPressStart(target, startEvent);
+    const onPointerEnd = (endEvent, success) => {
+      window.removeEventListener("pointerup", onPointerUp);
+      window.removeEventListener("pointercancel", onPointerCancel);
+      if (isPressing.has(target)) {
+        isPressing.delete(target);
+      }
+      if (!isValidPressEvent(endEvent)) {
+        return;
+      }
+      if (typeof onPressEnd === "function") {
+        onPressEnd(endEvent, { success });
+      }
+    };
+    const onPointerUp = (upEvent) => {
+      onPointerEnd(upEvent, target === window || target === document || options.useGlobalTarget || isNodeOrChild(target, upEvent.target));
+    };
+    const onPointerCancel = (cancelEvent) => {
+      onPointerEnd(cancelEvent, false);
+    };
+    window.addEventListener("pointerup", onPointerUp, eventOptions);
+    window.addEventListener("pointercancel", onPointerCancel, eventOptions);
+  };
+  targets.forEach((target) => {
+    const pointerDownTarget = options.useGlobalTarget ? window : target;
+    pointerDownTarget.addEventListener("pointerdown", startPress, eventOptions);
+    if (target instanceof HTMLElement) {
+      target.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions));
+      if (!isElementKeyboardAccessible(target) && !target.hasAttribute("tabindex")) {
+        target.tabIndex = 0;
+      }
+    }
+  });
+  return cancelEvents;
+}
+export {
+  press
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/render/dom/is-css-var.mjs

@@ -0,0 +1,4 @@
+const isCSSVar = (name) => name.startsWith("--");
+export {
+  isCSSVar
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/render/dom/style-computed.mjs

@@ -0,0 +1,8 @@
+import { isCSSVar } from "./is-css-var.mjs";
+function getComputedStyle(element, name) {
+  const computedStyle = window.getComputedStyle(element);
+  return isCSSVar(name) ? computedStyle.getPropertyValue(name) : computedStyle[name];
+}
+export {
+  getComputedStyle
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/render/dom/style-set.mjs

@@ -0,0 +1,7 @@
+import { isCSSVar } from "./is-css-var.mjs";
+function setStyle(element, name, value) {
+  isCSSVar(name) ? element.style.setProperty(name, value) : element.style[name] = value;
+}
+export {
+  setStyle
+};

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

@@ -17,7 +17,7 @@ const transformPropOrder = [
   "skewX",
   "skewY"
 ];
-const transformProps = new Set(transformPropOrder);
+const transformProps = /* @__PURE__ */ (() => new Set(transformPropOrder))();
 export {
   transformPropOrder,
   transformProps

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

@@ -1,5 +1,4 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { frame, cancelFrame } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "../frameloop/frame.mjs";
 function observeTimeline(update, timeline) {
   let prevProgress;
   const onFrame = () => {
@@ -11,7 +10,7 @@ function observeTimeline(update, timeline) {
     }
     prevProgress = progress;
   };
-  frame.update(onFrame, true);
+  frame.preUpdate(onFrame, true);
   return () => cancelFrame(onFrame);
 }
 export {

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

@@ -0,0 +1,8 @@
+const activeAnimations = {
+  layout: 0,
+  mainThread: 0,
+  waapi: 0
+};
+export {
+  activeAnimations
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/stats/index.mjs

@@ -0,0 +1,114 @@
+import { activeAnimations } from "./animation-count.mjs";
+import { statsBuffer } from "./buffer.mjs";
+import { frame, cancelFrame, frameData } from "../frameloop/frame.mjs";
+function record() {
+  const { value } = statsBuffer;
+  if (value === null) {
+    cancelFrame(record);
+    return;
+  }
+  value.frameloop.rate.push(frameData.delta);
+  value.animations.mainThread.push(activeAnimations.mainThread);
+  value.animations.waapi.push(activeAnimations.waapi);
+  value.animations.layout.push(activeAnimations.layout);
+}
+function mean(values) {
+  return values.reduce((acc, value) => acc + value, 0) / values.length;
+}
+function summarise(values, calcAverage = mean) {
+  if (values.length === 0) {
+    return {
+      min: 0,
+      max: 0,
+      avg: 0
+    };
+  }
+  return {
+    min: Math.min(...values),
+    max: Math.max(...values),
+    avg: calcAverage(values)
+  };
+}
+const msToFps = (ms) => Math.round(1e3 / ms);
+function clearStatsBuffer() {
+  statsBuffer.value = null;
+  statsBuffer.addProjectionMetrics = null;
+}
+function reportStats() {
+  const { value } = statsBuffer;
+  if (!value) {
+    throw new Error("Stats are not being measured");
+  }
+  clearStatsBuffer();
+  cancelFrame(record);
+  const summary = {
+    frameloop: {
+      setup: summarise(value.frameloop.setup),
+      rate: summarise(value.frameloop.rate),
+      read: summarise(value.frameloop.read),
+      resolveKeyframes: summarise(value.frameloop.resolveKeyframes),
+      preUpdate: summarise(value.frameloop.preUpdate),
+      update: summarise(value.frameloop.update),
+      preRender: summarise(value.frameloop.preRender),
+      render: summarise(value.frameloop.render),
+      postRender: summarise(value.frameloop.postRender)
+    },
+    animations: {
+      mainThread: summarise(value.animations.mainThread),
+      waapi: summarise(value.animations.waapi),
+      layout: summarise(value.animations.layout)
+    },
+    layoutProjection: {
+      nodes: summarise(value.layoutProjection.nodes),
+      calculatedTargetDeltas: summarise(value.layoutProjection.calculatedTargetDeltas),
+      calculatedProjections: summarise(value.layoutProjection.calculatedProjections)
+    }
+  };
+  const { rate } = summary.frameloop;
+  rate.min = msToFps(rate.min);
+  rate.max = msToFps(rate.max);
+  rate.avg = msToFps(rate.avg);
+  [rate.min, rate.max] = [rate.max, rate.min];
+  return summary;
+}
+function recordStats() {
+  if (statsBuffer.value) {
+    clearStatsBuffer();
+    throw new Error("Stats are already being measured");
+  }
+  const newStatsBuffer = statsBuffer;
+  newStatsBuffer.value = {
+    frameloop: {
+      setup: [],
+      rate: [],
+      read: [],
+      resolveKeyframes: [],
+      preUpdate: [],
+      update: [],
+      preRender: [],
+      render: [],
+      postRender: []
+    },
+    animations: {
+      mainThread: [],
+      waapi: [],
+      layout: []
+    },
+    layoutProjection: {
+      nodes: [],
+      calculatedTargetDeltas: [],
+      calculatedProjections: []
+    }
+  };
+  newStatsBuffer.addProjectionMetrics = (metrics) => {
+    const { layoutProjection } = newStatsBuffer.value;
+    layoutProjection.nodes.push(metrics.nodes);
+    layoutProjection.calculatedTargetDeltas.push(metrics.calculatedTargetDeltas);
+    layoutProjection.calculatedProjections.push(metrics.calculatedProjections);
+  };
+  frame.postRender(record, true);
+  return reportStats;
+}
+export {
+  recordStats
+};

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

@@ -1,12 +1,13 @@
-import { invariant } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "../../../../../../motion-utils@12.5.0/external/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@12.9.4/external/motion-utils/dist/es/errors.mjs";
+import { clamp } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
+import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { pipe } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/pipe.mjs";
+import { progress } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/progress.mjs";
 function createMixers(output, ease, customMixer) {
   const mixers = [];
-  const mixerFactory = customMixer || mix;
+  const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;
   const numMixers = output.length - 1;
   for (let i = 0; i < numMixers; i++) {
     let mixer = mixerFactory(output[i], output[i + 1]);

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

@@ -1,10 +1,10 @@
-import { mixNumber } from "./number.mjs";
-import { warning } from "../../../../../../../motion-utils@12.5.0/external/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 { 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.9.4/external/motion-utils/dist/es/errors.mjs";
 const mixLinearColor = (from, to, v) => {
   const fromExpo = from * from;
   const expo = v * (to * to - fromExpo) + fromExpo;

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.4/external/motion-dom}/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@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { isCSSVariableToken } from "../../animation/utils/is-css-variable.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 { 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.9.4/external/motion-utils/dist/es/pipe.mjs";
+import { warning } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
 function mixNumber(a, b) {
   return (p) => mixNumber$1(a, b, p);
 }
@@ -49,13 +49,12 @@ function mixObject(a, b) {
   };
 }
 function matchOrder(origin, target) {
-  var _a;
   const orderedOrigin = [];
   const pointers = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < target.values.length; i++) {
     const type = target.types[i];
     const originIndex = origin.indexes[type][pointers[type]];
-    const originValue = (_a = origin.values[originIndex]) !== null && _a !== void 0 ? _a : 0;
+    const originValue = origin.values[originIndex] ?? 0;
     orderedOrigin[i] = originValue;
     pointers[type]++;
   }

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.10.4}/external/motion-dom/dist/es/utils/resolve-elements.mjs

@@ -1,5 +1,4 @@
 function resolveElements(elementOrSelector, scope, selectorCache) {
-  var _a;
   if (elementOrSelector instanceof EventTarget) {
     return [elementOrSelector];
   } else if (typeof elementOrSelector === "string") {
@@ -7,7 +6,7 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
     if (scope) {
       root = scope.current;
     }
-    const elements = (_a = selectorCache === null || selectorCache === void 0 ? void 0 : selectorCache[elementOrSelector]) !== null && _a !== void 0 ? _a : root.querySelectorAll(elementOrSelector);
+    const elements = (selectorCache == null ? void 0 : selectorCache[elementOrSelector]) ?? root.querySelectorAll(elementOrSelector);
     return elements ? Array.from(elements) : [];
   }
   return Array.from(elementOrSelector);

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/utils/supports/flags.mjs

@@ -0,0 +1,4 @@
+const supportsFlags = {};
+export {
+  supportsFlags
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/utils/supports/memo.mjs

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

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

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

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

@@ -1,8 +1,4 @@
 import { interpolate } from "./interpolate.mjs";
-const isCustomValueType = (v) => {
-  return v && typeof v === "object" && v.mix;
-};
-const getMixer = (v) => isCustomValueType(v) ? v.mix : void 0;
 function transform(...args) {
   const useImmediate = !Array.isArray(args[0]);
   const argOffset = useImmediate ? 0 : -1;
@@ -10,10 +6,7 @@ function transform(...args) {
   const inputRange = args[1 + argOffset];
   const outputRange = args[2 + argOffset];
   const options = args[3 + argOffset];
-  const interpolator = interpolate(inputRange, outputRange, {
-    mixer: getMixer(outputRange[0]),
-    ...options
-  });
+  const interpolator = interpolate(inputRange, outputRange, options);
   return useImmediate ? interpolator(inputValue) : interpolator;
 }
 export {

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

@@ -1,9 +1,8 @@
-import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { SubscriptionManager } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/subscription-manager.mjs";
-import { velocityPerSecond } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/velocity-per-second.mjs";
-import { warnOnce } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
-import { frame } from "../frameloop/frame.mjs";
 import { time } from "../frameloop/sync-time.mjs";
+import { frame } from "../frameloop/frame.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/warn-once.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/subscription-manager.mjs";
+import { velocityPerSecond } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/velocity-per-second.mjs";
 const MAX_VELOCITY_DELTA = 30;
 const isFloat = (value) => {
   return !isNaN(parseFloat(value));
@@ -19,21 +18,27 @@ class MotionValue {
    * -  `transformer`: A function to transform incoming values with.
    */
   constructor(init, options = {}) {
-    this.version = "12.5.0";
+    this.version = "__VERSION__";
     this.canTrackVelocity = null;
     this.events = {};
     this.updateAndNotify = (v, render = true) => {
+      var _a, _b;
       const currentTime = time.now();
       if (this.updatedAt !== currentTime) {
         this.setPrevFrameValue();
       }
       this.prev = this.current;
       this.setCurrent(v);
-      if (this.current !== this.prev && this.events.change) {
-        this.events.change.notify(this.current);
+      if (this.current !== this.prev) {
+        (_a = this.events.change) == null ? void 0 : _a.notify(this.current);
+        if (this.dependents) {
+          for (const dependent of this.dependents) {
+            dependent.dirty();
+          }
+        }
       }
-      if (render && this.events.renderRequest) {
-        this.events.renderRequest.notify(this.current);
+      if (render) {
+        (_b = this.events.renderRequest) == null ? void 0 : _b.notify(this.current);
       }
     };
     this.hasAnimated = false;
@@ -166,6 +171,21 @@ class MotionValue {
     if (this.stopPassiveEffect)
       this.stopPassiveEffect();
   }
+  dirty() {
+    var _a;
+    (_a = this.events.change) == null ? void 0 : _a.notify(this.current);
+  }
+  addDependent(dependent) {
+    if (!this.dependents) {
+      this.dependents = /* @__PURE__ */ new Set();
+    }
+    this.dependents.add(dependent);
+  }
+  removeDependent(dependent) {
+    if (this.dependents) {
+      this.dependents.delete(dependent);
+    }
+  }
   /**
    * Returns the latest state of `MotionValue`
    *
@@ -260,6 +280,9 @@ class MotionValue {
    * @public
    */
   destroy() {
+    var _a, _b;
+    (_a = this.dependents) == null ? void 0 : _a.clear();
+    (_b = this.events.destroy) == null ? void 0 : _b.notify();
     this.clearListeners();
     this.stop();
     if (this.stopPassiveEffect) {

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/value/map-value.mjs

@@ -0,0 +1,9 @@
+import { transform } from "../utils/transform.mjs";
+import { transformValue } from "./transform-value.mjs";
+function mapValue(inputValue, inputRange, outputRange, options) {
+  const map = transform(inputRange, outputRange, options);
+  return transformValue(() => map(inputValue.get()));
+}
+export {
+  mapValue
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/value/subscribe-value.mjs

@@ -0,0 +1,13 @@
+import { cancelFrame, frame } from "../frameloop/frame.mjs";
+function subscribeValue(inputValues, outputValue, getLatest) {
+  const update = () => outputValue.set(getLatest());
+  const scheduleUpdate = () => frame.preRender(update, false, true);
+  const subscriptions = inputValues.map((v) => v.on("change", scheduleUpdate));
+  outputValue.on("destroy", () => {
+    subscriptions.forEach((unsubscribe) => unsubscribe());
+    cancelFrame(update);
+  });
+}
+export {
+  subscribeValue
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/value/transform-value.mjs

@@ -0,0 +1,14 @@
+import { collectMotionValues, motionValue } from "./index.mjs";
+import { subscribeValue } from "./subscribe-value.mjs";
+function transformValue(transform) {
+  const collectedValues = [];
+  collectMotionValues.current = collectedValues;
+  const initialValue = transform();
+  collectMotionValues.current = void 0;
+  const value = motionValue(initialValue);
+  subscribeValue(collectedValues, value, transform);
+  return value;
+}
+export {
+  transformValue
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.4/external/motion-dom}/dist/es/value/types/color/rgba.mjs

@@ -1,7 +1,7 @@
-import { clamp } from "../../../utils/clamp.mjs";
 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.9.4/external/motion-utils/dist/es/clamp.mjs";
 const clampRgbUnit = (v) => clamp(0, 255, v);
 const rgbUnit = {
   ...number,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.4/external/motion-dom}/dist/es/value/types/complex/index.mjs

@@ -4,7 +4,7 @@ import { floatRegex } from "../utils/float-regex.mjs";
 import { sanitize } from "../utils/sanitize.mjs";
 function test(v) {
   var _a, _b;
-  return isNaN(v) && typeof v === "string" && (((_a = v.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0;
+  return isNaN(v) && typeof v === "string" && (((_a = v.match(floatRegex)) == null ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) == null ? void 0 : _b.length) || 0) > 0;
 }
 const NUMBER_TOKEN = "number";
 const COLOR_TOKEN = "color";

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.10.4/external/motion-dom/dist/es/value/types}/dimensions.mjs

@@ -1,7 +1,7 @@
-import { number } from "../../../value/types/numbers/index.mjs";
-import { px, percent, degrees, vw, vh } from "../../../value/types/numbers/units.mjs";
+import { auto } from "./auto.mjs";
+import { number } from "./numbers/index.mjs";
+import { px, percent, degrees, vw, vh } from "./numbers/units.mjs";
 import { testValueType } from "./test.mjs";
-import { auto } from "./type-auto.mjs";
 const dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
 const findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
 export {

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/type-int.mjs → motion-dom@12.10.4/external/motion-dom/dist/es/value/types/int.mjs}

@@ -1,4 +1,4 @@
-import { number } from "../../../value/types/numbers/index.mjs";
+import { number } from "./numbers/index.mjs";
 const int = {
   ...number,
   transform: Math.round

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.10.4/external/motion-dom/dist/es/value/types/maps}/defaults.mjs

@@ -1,5 +1,5 @@
-import { color } from "../../../value/types/color/index.mjs";
-import { filter } from "../../../value/types/complex/filter.mjs";
+import { color } from "../color/index.mjs";
+import { filter } from "../complex/filter.mjs";
 import { numberValueTypes } from "./number.mjs";
 const defaultValueTypes = {
   ...numberValueTypes,