motion-v 0.8.1 → 0.10.0-beta.1

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

@@ -67,7 +67,8 @@ class VisualElement {
         frame.render(this.render, false, true);
       }
     };
-    const { latestValues, renderState } = visualState;
+    const { latestValues, renderState, onUpdate } = visualState;
+    this.onUpdate = onUpdate;
     this.latestValues = latestValues;
     this.baseTarget = { ...latestValues };
     this.initialValues = props.initial ? { ...latestValues } : {};
@@ -115,7 +116,6 @@ class VisualElement {
     this.update(this.props, this.presenceContext);
   }
   unmount() {
-    visualElementStore.delete(this.current);
     this.projection && this.projection.unmount();
     cancelFrame(this.notifyUpdate);
     cancelFrame(this.render);
@@ -140,6 +140,9 @@ class VisualElement {
       this.valueSubscriptions.get(key)();
     }
     const valueIsTransform = transformProps.has(key);
+    if (valueIsTransform && this.onBindTransform) {
+      this.onBindTransform();
+    }
     const removeOnChange = value.on("change", (latestValue) => {
       this.latestValues[key] = latestValue;
       this.props.onUpdate && frame.preRender(this.notifyUpdate);
@@ -233,6 +236,7 @@ class VisualElement {
     if (this.handleChildMotionValue) {
       this.handleChildMotionValue();
     }
+    this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/render/dom/resize/handle-element.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
 function getElementSize(target, borderBoxSize) {

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

@@ -1,6 +1,6 @@
-import { supportsScrollTimeline } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { supportsScrollTimeline } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
+import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
 import { observeTimeline } from "./observe.mjs";
 import { scrollInfo } from "./track.mjs";
 function scrollTimelineFallback({ source, container, axis = "y" }) {

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

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

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs

@@ -1,4 +1,4 @@
-import { invariant } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { invariant } from "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
 import { isNumericalString } from "../../../utils/is-numerical-string.mjs";
 import { isCSSVariableToken } from "./is-css-variable.mjs";
 const splitCSSVariableRegex = (

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

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { resolveElements } from "../../../../../../../../motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.0.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const thresholds = {
   some: 0,
   all: 1
@@ -13,7 +13,7 @@ function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount =
       if (entry.isIntersecting === Boolean(onEnd))
         return;
       if (entry.isIntersecting) {
-        const newOnEnd = onStart(entry);
+        const newOnEnd = onStart(entry.target, entry);
         if (typeof newOnEnd === "function") {
           activeIntersections.set(entry.target, newOnEnd);
         } else {

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

@@ -1,3 +1,4 @@
+import { frame } from "../../frameloop/frame.mjs";
 import { createBox } from "../../projection/geometry/models.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { camelToDash } from "../dom/utils/camel-to-dash.mjs";
@@ -6,6 +7,7 @@ import { transformProps } from "../html/utils/keys-transform.mjs";
 import { buildSVGAttrs } from "./utils/build-attrs.mjs";
 import { camelCaseAttributes } from "./utils/camel-case-attrs.mjs";
 import { isSVGTag } from "./utils/is-svg-tag.mjs";
+import { updateSVGDimensions } from "./utils/measure.mjs";
 import { renderSVG } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
 class SVGVisualElement extends DOMVisualElement {
@@ -14,6 +16,11 @@ class SVGVisualElement extends DOMVisualElement {
     this.type = "svg";
     this.isSVGTag = false;
     this.measureInstanceViewportBox = createBox;
+    this.updateDimensions = () => {
+      if (this.current && !this.renderState.dimensions) {
+        updateSVGDimensions(this.current, this.renderState);
+      }
+    };
   }
   getBaseTargetFromProps(props, key) {
     return props[key];
@@ -29,6 +36,11 @@ class SVGVisualElement extends DOMVisualElement {
   scrapeMotionValuesFromProps(props, prevProps, visualElement) {
     return scrapeMotionValuesFromProps(props, prevProps, visualElement);
   }
+  onBindTransform() {
+    if (this.current && !this.renderState.dimensions) {
+      frame.postRender(this.updateDimensions);
+    }
+  }
   build(renderState, latestValues, props) {
     buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate);
   }

package/dist/es/external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/render/svg/utils/measure.mjs

@@ -0,0 +1,15 @@
+function updateSVGDimensions(instance, renderState) {
+  try {
+    renderState.dimensions = typeof instance.getBBox === "function" ? instance.getBBox() : instance.getBoundingClientRect();
+  } catch (e) {
+    renderState.dimensions = {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    };
+  }
+}
+export {
+  updateSVGDimensions
+};

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

@@ -8,7 +8,7 @@ function updateMotionValuesFromProps(element, next, prev) {
     if (isMotionValue(nextValue)) {
       element.addValue(key, nextValue);
       if (process.env.NODE_ENV === "development") {
-        warnOnce(nextValue.version === "11.16.6", `Attempting to mix Motion versions ${nextValue.version} with 11.16.6 may not work as expected.`);
+        warnOnce(nextValue.version === "12.4.0", `Attempting to mix Motion versions ${nextValue.version} with 12.4.0 may not work as expected.`);
       }
     } else if (isMotionValue(prevValue)) {
       element.addValue(key, motionValue(nextValue, { owner: element }));

package/dist/es/external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/stats/buffer.mjs

@@ -0,0 +1,7 @@
+const statsBuffer = {
+  value: null,
+  addProjectionMetrics: null
+};
+export {
+  statsBuffer
+};

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

@@ -1,5 +1,5 @@
-import "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { time } from "../frameloop/sync-time.mjs";
 import { frame, cancelFrame } from "../frameloop/frame.mjs";
 function delay(callback, timeout) {

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/utils/interpolate.mjs

@@ -1,6 +1,6 @@
-import { invariant } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
+import { invariant } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/progress.mjs";
 import { clamp } from "./clamp.mjs";
 import { mix } from "./mix/index.mjs";
 import { pipe } from "./pipe.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/utils/mix/color.mjs

@@ -1,5 +1,5 @@
 import { mixNumber } from "./number.mjs";
-import { warning } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@12.0.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";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/utils/mix/complex.mjs

@@ -1,7 +1,7 @@
 import { mixNumber as mixNumber$1 } from "./number.mjs";
 import { mixColor } from "./color.mjs";
 import { pipe } from "../pipe.mjs";
-import { warning } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
 import { color } from "../../value/types/color/index.mjs";
 import { complex, analyseComplexValue } from "../../value/types/complex/index.mjs";
 import { isCSSVariableToken } from "../../render/dom/utils/is-css-variable.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/utils/offsets/fill.mjs

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

package/dist/es/external/.pnpm/{framer-motion@11.16.6 → framer-motion@12.4.0}/external/framer-motion/dist/es/value/index.mjs

@@ -20,7 +20,7 @@ class MotionValue {
    * @internal
    */
   constructor(init, options = {}) {
-    this.version = "11.16.6";
+    this.version = "12.4.0";
     this.canTrackVelocity = null;
     this.events = {};
     this.updateAndNotify = (v, render = true) => {

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

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

package/dist/es/external/.pnpm/{motion-dom@11.16.4 → motion-dom@12.0.0}/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs

@@ -1,6 +1,6 @@
-import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs";
 import { attachTimeline } from "./utils/attach-timeline.mjs";
 class NativeAnimationControls {
   constructor(animation) {

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

@@ -1,5 +1,5 @@
-import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
+import "../../../../../../../../motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../../motion-utils@12.0.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);

package/dist/es/external/.pnpm/{motion-dom@11.16.4 → motion-dom@12.0.0}/external/motion-dom/dist/es/gestures/hover.mjs

@@ -1,25 +1,25 @@
 import { isDragActive } from "./drag/state/is-active.mjs";
 import { setupGesture } from "./utils/setup.mjs";
-function filterEvents(callback) {
-  return (event) => {
-    if (event.pointerType === "touch" || isDragActive())
-      return;
-    callback(event);
-  };
+function isValidHover(event) {
+  return !(event.pointerType === "touch" || isDragActive());
 }
 function hover(elementOrSelector, onHoverStart, options = {}) {
   const [elements, eventOptions, cancel] = setupGesture(elementOrSelector, options);
-  const onPointerEnter = filterEvents((enterEvent) => {
+  const onPointerEnter = (enterEvent) => {
+    if (!isValidHover(enterEvent))
+      return;
     const { target } = enterEvent;
-    const onHoverEnd = onHoverStart(enterEvent);
+    const onHoverEnd = onHoverStart(target, enterEvent);
     if (typeof onHoverEnd !== "function" || !target)
       return;
-    const onPointerLeave = filterEvents((leaveEvent) => {
+    const onPointerLeave = (leaveEvent) => {
+      if (!isValidHover(leaveEvent))
+        return;
       onHoverEnd(leaveEvent);
       target.removeEventListener("pointerleave", onPointerLeave);
-    });
+    };
     target.addEventListener("pointerleave", onPointerLeave, eventOptions);
-  });
+  };
   elements.forEach((element) => {
     element.addEventListener("pointerenter", onPointerEnter, eventOptions);
   });

package/dist/es/external/.pnpm/{motion-dom@11.16.4 → motion-dom@12.0.0}/external/motion-dom/dist/es/gestures/press/index.mjs

@@ -15,7 +15,7 @@ function press(elementOrSelector, onPressStart, options = {}) {
     if (!isValidPressEvent(startEvent) || isPressing.has(element))
       return;
     isPressing.add(element);
-    const onPressEnd = onPressStart(startEvent);
+    const onPressEnd = onPressStart(element, startEvent);
     const onPointerEnd = (endEvent, success) => {
       window.removeEventListener("pointerup", onPointerUp);
       window.removeEventListener("pointercancel", onPointerCancel);

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

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

package/dist/es/external/.pnpm/motion-dom@12.0.0/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs

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

package/dist/es/external/.pnpm/{motion-utils@11.16.0 → motion-utils@12.0.0}/external/motion-utils/dist/es/memo.mjs

@@ -1,3 +1,4 @@
+// @__NO_SIDE_EFFECTS__
 function memo(callback) {
   let result;
   return () => {

package/dist/es/external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs

@@ -0,0 +1,4 @@
+const noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
+export {
+  noop
+};

package/dist/es/external/.pnpm/{motion-utils@11.16.0 → motion-utils@12.0.0}/external/motion-utils/dist/es/progress.mjs

@@ -1,4 +1,4 @@
-const progress = (from, to, value) => {
+const progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
   const toFromDifference = to - from;
   return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
 };

package/dist/es/external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/time-conversion.mjs

@@ -0,0 +1,6 @@
+const secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
+const millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
+export {
+  millisecondsToSeconds,
+  secondsToMilliseconds
+};

package/dist/es/features/gestures/drag/VisualElementDragControls.mjs

@@ -12,12 +12,12 @@ import { percent } from "../../../value/types/numbers/units.mjs";
 import { addValueToWillChange } from "../../../value/use-will-change/add-will-change.mjs";
 import { measurePageBox } from "../../../projection/utils/measure.mjs";
 import { convertBoxToBoundingBox, convertBoundingBoxToBox } from "../../../projection/conversion.mjs";
-import { animateMotionValue } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
 import { mixNumber } from "../../../utils/mix/number.mjs";
 import { invariant } from "hey-listen";
 import { isPresent } from "../../../state/utils/is-present.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
 const elementDragControls = /* @__PURE__ */ new WeakMap();
 class VisualElementDragControls {
   constructor(visualElement) {

package/dist/es/features/gestures/drag/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
 import { VisualElementDragControls } from "./VisualElementDragControls.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
 class DragGesture extends Feature {
   constructor(state) {
     super(state);
@@ -10,11 +10,12 @@ class DragGesture extends Feature {
     this.controls = new VisualElementDragControls(state.visualElement);
   }
   mount() {
+    var _a;
     const { dragControls } = this.state.options;
     if (dragControls) {
       this.removeGroupControls = dragControls.subscribe(this.controls);
     }
-    this.removeListeners = this.controls.addListeners() || noop;
+    this.removeListeners = ((_a = this.controls) == null ? void 0 : _a.addListeners()) || noop;
   }
   unmount() {
     this.removeGroupControls();

package/dist/es/features/gestures/focus/index.mjs

@@ -1,6 +1,6 @@
 import { addDomEvent } from "../../../events/add-dom-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { pipe } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/pipe.mjs";
+import { pipe } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/utils/pipe.mjs";
 class FocusGesture extends Feature {
   constructor() {
     super(...arguments);

package/dist/es/features/gestures/hover/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { hover } from "../../../external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/hover.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { hover } from "../../../external/.pnpm/motion-dom@12.0.0/external/motion-dom/dist/es/gestures/hover.mjs";
+import "../../../external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { extractEventInfo } from "../press/index.mjs";
 function handleHoverEvent(state, event, lifecycle) {
   const props = state.options;
@@ -27,7 +27,7 @@ class HoverGesture extends Feature {
       return;
     this.unmount = hover(
       element,
-      (startEvent) => {
+      (_, startEvent) => {
         handleHoverEvent(this.state, startEvent, "Start");
         return (endEvent) => {
           handleHoverEvent(this.state, endEvent, "End");

package/dist/es/features/gestures/in-view/index.mjs

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { inView } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { inView } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
 function handleHoverEvent(state, entry, lifecycle) {
   const props = state.options;
   if (props.inView) {
@@ -27,7 +27,7 @@ class InViewGesture extends Feature {
     const { once, ...viewOptions } = this.state.getOptions().inViewOptions || {};
     this.unmount = inView(
       element,
-      (entry) => {
+      (_, entry) => {
         handleHoverEvent(this.state, entry, "Enter");
         if (!once) {
           return (endEvent) => {

package/dist/es/features/gestures/pan/PanSession.mjs

@@ -1,8 +1,8 @@
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { extractEventInfo } from "../../../events/event-info.mjs";
-import { distance2D } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/distance.mjs";
-import { frame, cancelFrame, frameData } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
-import { pipe } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/pipe.mjs";
+import { distance2D } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/utils/distance.mjs";
+import { frame, cancelFrame, frameData } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { pipe } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/utils/pipe.mjs";
 import { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
 import { isPrimaryPointer } from "../../../events/utils/is-primary-pointer.mjs";
 class PanSession {

package/dist/es/features/gestures/pan/index.mjs

@@ -1,9 +1,9 @@
 import { PanSession } from "./PanSession.mjs";
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
 function asyncHandler(handler) {
   return (event, info) => {

package/dist/es/features/gestures/press/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
-import { press } from "../../../external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/index.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { press } from "../../../external/.pnpm/motion-dom@12.0.0/external/motion-dom/dist/es/gestures/press/index.mjs";
+import "../../../external/.pnpm/motion-utils@12.0.0/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
 function extractEventInfo(event) {
   return {
     point: {
@@ -34,7 +34,7 @@ class PressGesture extends Feature {
       return;
     this.unmount = press(
       element,
-      (startEvent) => {
+      (_, startEvent) => {
         handlePressEvent(this.state, startEvent, "Start");
         return (endEvent, { success }) => handlePressEvent(
           this.state,

package/dist/es/features/layout/config.mjs

@@ -1,5 +1,5 @@
-import { correctBorderRadius } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
-import { correctBoxShadow } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
+import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
 const defaultScaleCorrector = {
   borderRadius: {
     ...correctBorderRadius,

package/dist/es/features/layout/layout.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
-import { globalProjectionState } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/node/state.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/projection/node/state.mjs";
 class LayoutFeature extends Feature {
   constructor(state) {
     super(state);
@@ -30,11 +30,11 @@ class LayoutFeature extends Feature {
         (_a = layoutGroup == null ? void 0 : layoutGroup.group) == null ? void 0 : _a.add(projection);
       }
       globalProjectionState.hasEverUpdated = true;
-      this.didUpdate();
     }
   }
   beforeUnmount() {
-    const projection = this.state.visualElement.projection;
+    var _a;
+    const projection = (_a = this.state.visualElement) == null ? void 0 : _a.projection;
     if (projection) {
       this.state.willUpdate("beforeUnmount");
       if (this.state.options.layoutId) {
@@ -46,8 +46,9 @@ class LayoutFeature extends Feature {
     }
   }
   unmount() {
+    var _a;
     const layoutGroup = this.state.options.layoutGroup;
-    const projection = this.state.visualElement.projection;
+    const projection = (_a = this.state.visualElement) == null ? void 0 : _a.projection;
     if ((layoutGroup == null ? void 0 : layoutGroup.group) && projection)
       layoutGroup.group.remove(projection);
     this.didUpdate();

package/dist/es/features/layout/projection.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
 import { getClosestProjectingNode } from "./utils.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
 import { isHTMLElement } from "../gestures/drag/utils/is.mjs";
 import { doneCallbacks } from "../../components/presence.mjs";

package/dist/es/features/layout/types.d.ts

@@ -1,4 +1,17 @@
-export interface LayoutOptions {
+import { Box } from 'framer-motion';
+export interface LayoutLifecycles {
+    onBeforeLayoutMeasure?: (box: Box) => void;
+    onLayoutMeasure?: (box: Box, prevBox: Box) => void;
+    /**
+     * @internal
+     */
+    onLayoutAnimationStart?: () => void;
+    /**
+     * @internal
+     */
+    onLayoutAnimationComplete?: () => void;
+}
+export interface LayoutOptions extends LayoutLifecycles {
     'layout'?: boolean | 'position' | 'size' | 'preserve-aspect';
     'layoutId'?: string;
     'layoutScroll'?: boolean;

package/dist/es/features/svg.mjs

@@ -1,5 +1,5 @@
 import { Feature } from "./feature.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "../external/.pnpm/framer-motion@12.4.0/external/framer-motion/dist/es/frameloop/frame.mjs";
 function isSVGElement(element) {
   return element instanceof SVGElement && element.tagName !== "svg";
 }