motion-v 0.12.0-beta.2 → 0.13.0-alpha.0

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

@@ -1,13 +1,13 @@
-import { time } from "../frameloop/sync-time.mjs";
+import { time, frame, cancelFrame, motionValue } from "motion-dom";
+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 { warnOnce } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
 import { featureDefinitions } from "../motion/features/definitions.mjs";
 import { createBox } from "../projection/geometry/models.mjs";
 import { isNumericalString } from "../utils/is-numerical-string.mjs";
 import { isZeroValueString } from "../utils/is-zero-value-string.mjs";
 import { initPrefersReducedMotion } from "../utils/reduced-motion/index.mjs";
 import { hasReducedMotionListener, prefersReducedMotion } from "../utils/reduced-motion/state.mjs";
-import { SubscriptionManager } from "../utils/subscription-manager.mjs";
-import { warnOnce } from "../utils/warn-once.mjs";
-import { motionValue } from "../value/index.mjs";
 import { complex } from "../value/types/complex/index.mjs";
 import { isMotionValue } from "../value/utils/is-motion-value.mjs";
 import { getAnimatableNone } from "./dom/value-types/animatable-none.mjs";
@@ -18,7 +18,6 @@ import { isControllingVariants, isVariantNode } from "./utils/is-controlling-var
 import { KeyframeResolver } from "./utils/KeyframesResolver.mjs";
 import { updateMotionValuesFromProps } from "./utils/motion-values.mjs";
 import { resolveVariantFromProps } from "./utils/resolve-variants.mjs";
-import { frame, cancelFrame } from "../frameloop/frame.mjs";
 const propEventHandlers = [
   "AnimationStart",
   "AnimationComplete",

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

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

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

@@ -1,6 +1,6 @@
-import { supportsScrollTimeline } from "../../../../../../../../motion-dom@12.4.10/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
-import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
+import { supportsScrollTimeline } from "motion-dom";
+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 { observeTimeline } from "./observe.mjs";
 import { scrollInfo } from "./track.mjs";
 function scrollTimelineFallback({ source, container, axis = "y" }) {

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

@@ -1,6 +1,6 @@
-import "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
-import { velocityPerSecond } from "../../../utils/velocity-per-second.mjs";
+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";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/velocity-per-second.mjs";
 const maxElapsed = 50;
 const createAxisInfo = () => ({
   current: 0,

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

@@ -1,4 +1,4 @@
-import { frame, cancelFrame } from "../../../frameloop/frame.mjs";
+import { frame, cancelFrame } from "motion-dom";
 function observeTimeline(update, timeline) {
   let prevProgress;
   const onFrame = () => {

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

@@ -1,4 +1,5 @@
-import { warnOnce } from "../../../utils/warn-once.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { warnOnce } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
 import { updateScrollInfo } from "./info.mjs";
 import { resolveOffsets } from "./offsets/index.mjs";
 function measure(container, target = container, info) {

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

@@ -1,7 +1,7 @@
+import { frame, cancelFrame, frameData } from "motion-dom";
 import { resize } from "../resize/index.mjs";
 import { createScrollInfo } from "./info.mjs";
 import { createOnScrollHandler } from "./on-scroll-handler.mjs";
-import { frame, cancelFrame, frameData } from "../../../frameloop/frame.mjs";
 const scrollListeners = /* @__PURE__ */ new WeakMap();
 const resizeListeners = /* @__PURE__ */ new WeakMap();
 const onScrollHandlers = /* @__PURE__ */ new WeakMap();

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

@@ -1,4 +1,4 @@
-import { invariant } from "../../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { invariant } from "../../../../../../../../motion-utils@12.5.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@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/utils/unit-conversion.mjs

@@ -1,23 +1,8 @@
 import { number } from "../../../value/types/numbers/index.mjs";
 import { px } from "../../../value/types/numbers/units.mjs";
 import { transformPropOrder } from "../../html/utils/keys-transform.mjs";
+import { parseValueFromTransform } from "../../html/utils/parse-transform.mjs";
 const isNumOrPxType = (v) => v === number || v === px;
-const getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(", ")[pos]);
-const getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform }) => {
-  if (transform === "none" || !transform)
-    return 0;
-  const matrix3d = transform.match(/^matrix3d\((.+)\)$/u);
-  if (matrix3d) {
-    return getPosFromMatrix(matrix3d[1], pos3);
-  } else {
-    const matrix = transform.match(/^matrix\((.+)\)$/u);
-    if (matrix) {
-      return getPosFromMatrix(matrix[1], pos2);
-    } else {
-      return 0;
-    }
-  }
-};
 const transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
 const nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
 function removeNonTranslationalTransform(visualElement) {
@@ -40,8 +25,8 @@ const positionalValues = {
   bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),
   right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),
   // Transform
-  x: getTranslateFromMatrix(4, 13),
-  y: getTranslateFromMatrix(5, 14)
+  x: (_bbox, { transform }) => parseValueFromTransform(transform, "x"),
+  y: (_bbox, { transform }) => parseValueFromTransform(transform, "y")
 };
 positionalValues.translateX = positionalValues.x;
 positionalValues.translateY = positionalValues.y;

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

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

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

@@ -1,9 +1,9 @@
 import { measureViewportBox } from "../../projection/utils/measure.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { isCSSVariableName } from "../dom/utils/is-css-variable.mjs";
-import { getDefaultValueType } from "../dom/value-types/defaults.mjs";
 import { buildHTMLStyles } from "./utils/build-styles.mjs";
 import { transformProps } from "./utils/keys-transform.mjs";
+import { readTransformValue } from "./utils/parse-transform.mjs";
 import { renderHTML } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
 function getComputedStyle(element) {
@@ -17,8 +17,7 @@ class HTMLVisualElement extends DOMVisualElement {
   }
   readValueFromInstance(instance, key) {
     if (transformProps.has(key)) {
-      const defaultType = getDefaultValueType(key);
-      return defaultType ? defaultType.default || 0 : 0;
+      return readTransformValue(instance, key);
     } else {
       const computedStyle = getComputedStyle(instance);
       const value = (isCSSVariableName(key) ? computedStyle.getPropertyValue(key) : computedStyle[key]) || 0;

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/html/utils/parse-transform.mjs

@@ -0,0 +1,82 @@
+const radToDeg = (rad) => rad * 180 / Math.PI;
+const rotate = (v) => {
+  const angle = radToDeg(Math.atan2(v[1], v[0]));
+  return rebaseAngle(angle);
+};
+const matrix2dParsers = {
+  x: 4,
+  y: 5,
+  translateX: 4,
+  translateY: 5,
+  scaleX: 0,
+  scaleY: 3,
+  scale: (v) => (Math.abs(v[0]) + Math.abs(v[3])) / 2,
+  rotate,
+  rotateZ: rotate,
+  skewX: (v) => radToDeg(Math.atan(v[1])),
+  skewY: (v) => radToDeg(Math.atan(v[2])),
+  skew: (v) => (Math.abs(v[1]) + Math.abs(v[2])) / 2
+};
+const rebaseAngle = (angle) => {
+  angle = angle % 360;
+  if (angle < 0)
+    angle += 360;
+  return angle;
+};
+const rotateZ = rotate;
+const scaleX = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1]);
+const scaleY = (v) => Math.sqrt(v[4] * v[4] + v[5] * v[5]);
+const matrix3dParsers = {
+  x: 12,
+  y: 13,
+  z: 14,
+  translateX: 12,
+  translateY: 13,
+  translateZ: 14,
+  scaleX,
+  scaleY,
+  scale: (v) => (scaleX(v) + scaleY(v)) / 2,
+  rotateX: (v) => rebaseAngle(radToDeg(Math.atan2(v[6], v[5]))),
+  rotateY: (v) => rebaseAngle(radToDeg(Math.atan2(-v[2], v[0]))),
+  rotateZ,
+  rotate: rotateZ,
+  skewX: (v) => radToDeg(Math.atan(v[4])),
+  skewY: (v) => radToDeg(Math.atan(v[1])),
+  skew: (v) => (Math.abs(v[1]) + Math.abs(v[4])) / 2
+};
+function defaultTransformValue(name) {
+  return name.includes("scale") ? 1 : 0;
+}
+function parseValueFromTransform(transform, name) {
+  if (!transform || transform === "none") {
+    return defaultTransformValue(name);
+  }
+  const matrix3dMatch = transform.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
+  let parsers;
+  let match;
+  if (matrix3dMatch) {
+    parsers = matrix3dParsers;
+    match = matrix3dMatch;
+  } else {
+    const matrix2dMatch = transform.match(/^matrix\(([-\d.e\s,]+)\)$/u);
+    parsers = matrix2dParsers;
+    match = matrix2dMatch;
+  }
+  if (!match) {
+    return defaultTransformValue(name);
+  }
+  const valueParser = parsers[name];
+  const values = match[1].split(",").map(convertTransformToNumber);
+  return typeof valueParser === "function" ? valueParser(values) : values[valueParser];
+}
+const readTransformValue = (instance, name) => {
+  const { transform = "none" } = getComputedStyle(instance);
+  return parseValueFromTransform(transform, name);
+};
+function convertTransformToNumber(value) {
+  return parseFloat(value.trim());
+}
+export {
+  parseValueFromTransform,
+  readTransformValue
+};

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

@@ -1,4 +1,4 @@
-import { frame } from "../../frameloop/frame.mjs";
+import { frame } from "motion-dom";
 import { createBox } from "../../projection/geometry/models.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { camelToDash } from "../dom/utils/camel-to-dash.mjs";

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/utils/KeyframesResolver.mjs

@@ -1,5 +1,5 @@
+import { frame } from "motion-dom";
 import { removeNonTranslationalTransform } from "../dom/utils/unit-conversion.mjs";
-import { frame } from "../../frameloop/frame.mjs";
 const toResolve = /* @__PURE__ */ new Set();
 let isScheduled = false;
 let anyNeedsMeasurement = false;

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/utils/flat-tree.mjs

@@ -1,4 +1,5 @@
-import { addUniqueItem, removeItem } from "../../utils/array.mjs";
+import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/array.mjs";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 import { compareByDepth } from "./compare-by-depth.mjs";
 class FlatTree {
   constructor() {

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

@@ -1,5 +1,6 @@
-import { warnOnce } from "../../utils/warn-once.mjs";
-import { motionValue } from "../../value/index.mjs";
+import { motionValue } from "motion-dom";
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { warnOnce } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 function updateMotionValuesFromProps(element, next, prev) {
   for (const key in next) {
@@ -8,7 +9,7 @@ function updateMotionValuesFromProps(element, next, prev) {
     if (isMotionValue(nextValue)) {
       element.addValue(key, nextValue);
       if (process.env.NODE_ENV === "development") {
-        warnOnce(nextValue.version === "12.4.10", `Attempting to mix Motion versions ${nextValue.version} with 12.4.10 may not work as expected.`);
+        warnOnce(nextValue.version === "12.5.0", `Attempting to mix Motion versions ${nextValue.version} with 12.5.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.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/utils/setters.mjs

@@ -1,5 +1,5 @@
+import { motionValue } from "motion-dom";
 import { resolveFinalValueInKeyframes } from "../../utils/resolve-value.mjs";
-import { motionValue } from "../../value/index.mjs";
 import { resolveVariant } from "./resolve-dynamic-variants.mjs";
 function setMotionValue(visualElement, key, value) {
   if (visualElement.hasValue(key)) {

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

@@ -1,7 +1,6 @@
-import "../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/time-conversion.mjs";
-import { time } from "../frameloop/sync-time.mjs";
-import { frame, cancelFrame } from "../frameloop/frame.mjs";
+import { time, frame, cancelFrame } from "motion-dom";
+import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.5.0/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.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/utils/interpolate.mjs

@@ -1,6 +1,6 @@
-import { invariant } from "../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
+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";

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

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

package/dist/es/external/.pnpm/{framer-motion@12.4.10 → framer-motion@12.5.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@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@12.5.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@12.4.10 → framer-motion@12.5.0}/external/framer-motion/dist/es/utils/offsets/fill.mjs

@@ -1,5 +1,5 @@
-import "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
+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";
 import { mixNumber } from "../mix/number.mjs";
 function fillOffset(offset, remaining) {
   const min = offset[offset.length - 1];

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@12.4.10/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.5.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@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "motion-dom";
 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@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 class DragGesture extends Feature {
   constructor(state) {
     super(state);

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@12.4.10/external/framer-motion/dist/es/utils/pipe.mjs";
+import { pipe } from "../../../external/.pnpm/framer-motion@12.5.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,8 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { hover } from "../../../external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/hover.mjs";
-import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { extractEventInfo } from "../press/index.mjs";
+import { hover, frame } from "motion-dom";
 function handleHoverEvent(state, event, lifecycle) {
   const props = state.options;
   if (props.whileHover) {

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@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { inView } from "../../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { frame } from "motion-dom";
 function handleHoverEvent(state, entry, lifecycle) {
   const props = state.options;
   if (props.whileInView) {

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

@@ -1,9 +1,9 @@
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { extractEventInfo } from "../../../events/event-info.mjs";
-import { distance2D } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/distance.mjs";
-import { frame, cancelFrame, frameData } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
-import { pipe } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/pipe.mjs";
+import { distance2D } from "../../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/distance.mjs";
+import { pipe } from "../../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/pipe.mjs";
 import { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
+import { frame, cancelFrame, frameData } from "motion-dom";
 import { isPrimaryPointer } from "../../../events/utils/is-primary-pointer.mjs";
 class PanSession {
   constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {

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

@@ -1,10 +1,10 @@
 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@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import "../../../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
+import { frame } from "motion-dom";
 function asyncHandler(handler) {
   return (event, info) => {
     if (handler) {

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

@@ -1,7 +1,5 @@
 import { Feature } from "../../feature.mjs";
-import { press } from "../../../external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/press/index.mjs";
-import "../../../external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { press, frame } from "motion-dom";
 function extractEventInfo(event) {
   return {
     point: {
@@ -23,27 +21,40 @@ function handlePressEvent(state, event, lifecycle) {
 }
 class PressGesture extends Feature {
   isActive() {
-    return Boolean(this.state.options.press);
+    const { whilePress, onPress, onPressCancel, onPressStart } = this.state.options;
+    return Boolean(whilePress || onPress || onPressCancel || onPressStart);
   }
   constructor(state) {
     super(state);
   }
   mount() {
-    const element = this.state.element;
-    if (!element)
-      return;
-    this.unmount = press(
-      element,
-      (el, startEvent) => {
-        handlePressEvent(this.state, startEvent, "Start");
-        return (endEvent, { success }) => handlePressEvent(
-          this.state,
-          endEvent,
-          success ? "End" : "Cancel"
-        );
-      },
-      { useGlobalTarget: this.state.options.globalPressTarget }
-    );
+    this.register();
+  }
+  update() {
+    const preProps = this.state.visualElement.prevProps;
+    if (preProps.whilePress !== this.state.options.whilePress) {
+      this.register();
+    }
+  }
+  register() {
+    this.unmount();
+    if (this.isActive()) {
+      const element = this.state.element;
+      if (!element)
+        return;
+      this.unmount = press(
+        element,
+        (el, startEvent) => {
+          handlePressEvent(this.state, startEvent, "Start");
+          return (endEvent, { success }) => handlePressEvent(
+            this.state,
+            endEvent,
+            success ? "End" : "Cancel"
+          );
+        },
+        { useGlobalTarget: this.state.options.globalPressTarget }
+      );
+    }
   }
 }
 export {

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

@@ -1,5 +1,5 @@
-import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
-import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
+import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.5.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@12.4.10/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
-import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/node/state.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/projection/node/state.mjs";
 class LayoutFeature extends Feature {
   constructor(state) {
     super(state);

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

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
 import { getClosestProjectingNode } from "./utils.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.5.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";