motion-v 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/easing/is-supported.mjs

@@ -0,0 +1,9 @@
+import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs";
+import { supportedWaapiEasing } from "./supported.mjs";
+import { isBezierDefinition } from "../../../../../../../../motion-utils@12.8.3/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));
+}
+export {
+  isWaapiSupportedEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs

@@ -0,0 +1,21 @@
+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.8.3/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
+function mapEasingToNativeEasing(easing, duration) {
+  if (!easing) {
+    return void 0;
+  } else if (typeof easing === "function") {
+    return supportsLinearEasing() ? generateLinearEasing(easing, duration) : "ease-out";
+  } else if (isBezierDefinition(easing)) {
+    return cubicBezierAsString(easing);
+  } else if (Array.isArray(easing)) {
+    return easing.map((segmentEasing) => mapEasingToNativeEasing(segmentEasing, duration) || supportedWaapiEasing.easeOut);
+  } else {
+    return supportedWaapiEasing[easing];
+  }
+}
+export {
+  mapEasingToNativeEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/easing/supported.mjs

@@ -0,0 +1,15 @@
+import { cubicBezierAsString } from "./cubic-bezier.mjs";
+const supportedWaapiEasing = {
+  linear: "linear",
+  ease: "ease",
+  easeIn: "ease-in",
+  easeOut: "ease-out",
+  easeInOut: "ease-in-out",
+  circIn: /* @__PURE__ */ cubicBezierAsString([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ cubicBezierAsString([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
+};
+export {
+  supportedWaapiEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs

@@ -0,0 +1,36 @@
+import { activeAnimations } from "../../stats/animation-count.mjs";
+import { statsBuffer } from "../../stats/buffer.mjs";
+import { mapEasingToNativeEasing } from "./easing/map-easing.mjs";
+function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeOut", times } = {}, pseudoElement = void 0) {
+  const keyframeOptions = {
+    [valueName]: keyframes
+  };
+  if (times)
+    keyframeOptions.offset = times;
+  const easing = mapEasingToNativeEasing(ease, duration);
+  if (Array.isArray(easing))
+    keyframeOptions.easing = easing;
+  if (statsBuffer.value) {
+    activeAnimations.waapi++;
+  }
+  const options = {
+    delay,
+    duration,
+    easing: !Array.isArray(easing) ? easing : "linear",
+    fill: "both",
+    iterations: repeat + 1,
+    direction: repeatType === "reverse" ? "alternate" : "normal"
+  };
+  if (pseudoElement)
+    options.pseudoElement = pseudoElement;
+  const animation = element.animate(keyframeOptions, options);
+  if (statsBuffer.value) {
+    animation.finished.finally(() => {
+      activeAnimations.waapi--;
+    });
+  }
+  return animation;
+}
+export {
+  startWaapiAnimation
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs → motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/supports/partial-keyframes.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.8.3/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.9.0/external/motion-dom/dist/es/animation/waapi/supports/waapi.mjs

@@ -0,0 +1,26 @@
+import { memo } from "../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/memo.mjs";
+const acceleratedValues = /* @__PURE__ */ new Set([
+  "opacity",
+  "clipPath",
+  "filter",
+  "transform"
+  // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
+  // or until we implement support for linear() easing.
+  // "background-color"
+]);
+const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function supportsBrowserAnimation(options) {
+  const { motionValue, name, repeatDelay, repeatType, damping, type } = options;
+  if (!motionValue || !motionValue.owner || !(motionValue.owner.current instanceof HTMLElement)) {
+    return false;
+  }
+  const { onUpdate, transformTemplate } = motionValue.owner.getProps();
+  return supportsWaapi() && name && acceleratedValues.has(name) && (name !== "transform" || !transformTemplate) && /**
+   * If we're outputting values to onUpdate then we can't use WAAPI as there's
+   * no way to read the value from WAAPI every frame.
+   */
+  !onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
+}
+export {
+  supportsBrowserAnimation
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs

@@ -0,0 +1,14 @@
+import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs";
+import { isGenerator } from "../../generators/utils/is-generator.mjs";
+function applyGeneratorOptions({ type, ...options }) {
+  if (isGenerator(type) && supportsLinearEasing()) {
+    return type.applyToOptions(options);
+  } else {
+    options.duration ?? (options.duration = 300);
+    options.ease ?? (options.ease = "easeOut");
+  }
+  return options;
+}
+export {
+  applyGeneratorOptions
+};

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.9.0}/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs

@@ -1,10 +1,8 @@
-import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
 const generateLinearEasing = (easing, duration, resolution = 10) => {
   let points = "";
   const numPoints = Math.max(Math.round(duration / resolution), 2);
   for (let i = 0; i < numPoints; i++) {
-    points += easing(progress(0, numPoints - 1, i)) + ", ";
+    points += easing(i / (numPoints - 1)) + ", ";
   }
   return `linear(${points.substring(0, points.length - 2)})`;
 };

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/utils/px-values.mjs

@@ -0,0 +1,40 @@
+const pxValues = /* @__PURE__ */ new Set([
+  // Border props
+  "borderWidth",
+  "borderTopWidth",
+  "borderRightWidth",
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "borderRadius",
+  "radius",
+  "borderTopLeftRadius",
+  "borderTopRightRadius",
+  "borderBottomRightRadius",
+  "borderBottomLeftRadius",
+  // Positioning props
+  "width",
+  "maxWidth",
+  "height",
+  "maxHeight",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  // Spacing props
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  // Misc
+  "backgroundPositionX",
+  "backgroundPositionY"
+]);
+export {
+  pxValues
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs

@@ -0,0 +1,19 @@
+import { anticipate } from "../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/easing/anticipate.mjs";
+import { backInOut } from "../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/easing/back.mjs";
+import { circInOut } from "../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/easing/circ.mjs";
+const unsupportedEasingFunctions = {
+  anticipate,
+  backInOut,
+  circInOut
+};
+function isUnsupportedEase(key) {
+  return key in unsupportedEasingFunctions;
+}
+function replaceStringEasing(transition) {
+  if (typeof transition.ease === "string" && isUnsupportedEase(transition.ease)) {
+    transition.ease = unsupportedEasingFunctions[transition.ease];
+  }
+}
+export {
+  replaceStringEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/effects/style-effect.mjs

@@ -0,0 +1,30 @@
+import { resolveElements } from "../utils/resolve-elements.mjs";
+import { frame, cancelFrame } from "../frameloop/frame.mjs";
+function styleEffect(subject, values) {
+  const elements = resolveElements(subject);
+  const subscriptions = [];
+  for (let i = 0; i < elements.length; i++) {
+    const element = elements[i];
+    for (const key in values) {
+      const value = values[key];
+      const updateStyle = () => {
+        element.style[key] = value.get();
+      };
+      const scheduleUpdate = () => frame.render(updateStyle);
+      const cancel = value.on("change", scheduleUpdate);
+      scheduleUpdate();
+      subscriptions.push(() => {
+        cancel();
+        cancelFrame(updateStyle);
+      });
+    }
+  }
+  return () => {
+    for (const cancel of subscriptions) {
+      cancel();
+    }
+  };
+}
+export {
+  styleEffect
+};

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.9.0}/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.8.3/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.9.0}/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.8.3/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.9.0/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.9.0}/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.9.0}/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.8.3/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.9.0}/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.9.0/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.9.0/external/motion-dom/dist/es/gestures/press/index.mjs

@@ -0,0 +1,53 @@
+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 (!isValidPressEvent(endEvent) || !isPressing.has(target)) {
+        return;
+      }
+      isPressing.delete(target);
+      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.9.0/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.9.0/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.9.0/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.9.0/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.9.0/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.9.0/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.9.0/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.9.0/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.8.3/external/motion-utils/dist/es/errors.mjs";
+import { clamp } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/clamp.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/global-config.mjs";
+import { noop } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/noop.mjs";
+import { pipe } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/pipe.mjs";
+import { progress } from "../../../../../../motion-utils@12.8.3/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.9.0/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.8.3/external/motion-utils/dist/es/errors.mjs";
 const mixLinearColor = (from, to, v) => {
   const fromExpo = from * from;
   const expo = v * (to * to - fromExpo) + fromExpo;