motion-v 0.13.0-beta.1 → 0.13.0-beta.3

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: {

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";

package/dist/es/index.mjs

@@ -1,4 +1,4 @@
-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 { default as default2 } from "./components/LayoutGroup.vue.mjs";
 import { useLayoutGroup } from "./components/use-layout-group.mjs";
 import { injectLayoutGroup, injectMotion, provideLayoutGroup, provideMotion } from "./components/context.mjs";
@@ -7,41 +7,35 @@ import { default as default3 } from "./components/motion/Motion.vue.mjs";
 import { default as default4 } from "./components/RowValue.vue.mjs";
 import { default as default5 } from "./components/animate-presence/AnimatePresence.vue.mjs";
 import { default as default6 } from "./components/motion-config/MotionConfig.vue.mjs";
-import { MotionValue, motionValue, motionValue as motionValue2 } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
-import { hover } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/hover.mjs";
-import { isDragActive } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/drag/state/is-active.mjs";
-import { press } from "./external/.pnpm/motion-dom@12.4.10/external/motion-dom/dist/es/gestures/press/index.mjs";
-import { invariant } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/noop.mjs";
-import { progress } from "./external/.pnpm/motion-utils@12.4.10/external/motion-utils/dist/es/progress.mjs";
-import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { animateMini } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
-import { scroll } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
-import { scrollInfo } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
-import { inView } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { anticipate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/anticipate.mjs";
-import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/back.mjs";
-import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/circ.mjs";
-import { cubicBezier } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
-import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/ease.mjs";
-import { mirrorEasing } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
-import { reverseEasing } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
-import { steps } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/easing/steps.mjs";
-import { inertia } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/inertia.mjs";
-import { keyframes } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
-import { spring } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
-import { stagger } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/utils/stagger.mjs";
-import { time } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/sync-time.mjs";
-import { clamp } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/clamp.mjs";
-import { delayInSeconds } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/delay.mjs";
-import { distance, distance2D } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/distance.mjs";
-import { interpolate } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/interpolate.mjs";
-import { mix } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/mix/index.mjs";
-import { pipe } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/pipe.mjs";
-import { transform } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/transform.mjs";
-import { wrap } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/utils/wrap.mjs";
-import { cancelSync, sync } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
-import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { MotionValue, cancelFrame, frame, frameData, hover, isDragActive, motionValue, press, time, motionValue as motionValue2 } from "motion-dom";
+import { invariant } from "./external/.pnpm/motion-utils@12.5.0/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 { progress } from "./external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
+import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { animateMini } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
+import { scroll } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { scrollInfo } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
+import { inView } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { anticipate } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/anticipate.mjs";
+import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/back.mjs";
+import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/circ.mjs";
+import { cubicBezier } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
+import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/ease.mjs";
+import { mirrorEasing } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
+import { reverseEasing } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
+import { steps } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/easing/steps.mjs";
+import { inertia } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/generators/inertia.mjs";
+import { keyframes } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
+import { spring } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
+import { stagger } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/utils/stagger.mjs";
+import { clamp } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/clamp.mjs";
+import { delayInSeconds } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/delay.mjs";
+import { distance, distance2D } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/distance.mjs";
+import { interpolate } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/interpolate.mjs";
+import { mix } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/mix/index.mjs";
+import { pipe } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/pipe.mjs";
+import { transform } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/transform.mjs";
+import { wrap } from "./external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/utils/wrap.mjs";
 import { motion } from "./components/motion/NameSpace.mjs";
 import { mountedStates } from "./state/motion-state.mjs";
 import { provideMotionConfig, useMotionConfig } from "./components/motion-config/context.mjs";
@@ -83,7 +77,6 @@ export {
   backInOut,
   backOut,
   cancelFrame,
-  cancelSync,
   circIn,
   circInOut,
   circOut,
@@ -99,7 +92,6 @@ export {
   easeOut,
   frame,
   frameData,
-  frameSteps,
   getContextWindow,
   hover,
   inView,
@@ -131,7 +123,6 @@ export {
   spring,
   stagger,
   steps,
-  sync,
   time,
   transform,
   useAnimate,

package/dist/es/state/animate-updates.mjs

@@ -4,9 +4,9 @@ import { transformResetValue } from "./transform.mjs";
 import { motionEvent } from "./event.mjs";
 import { isDef } from "@vueuse/core";
 import { isAnimationControls } from "../animation/utils.mjs";
-import { animate } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/animation/animate/index.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 { animate } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/animation/animate/index.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";
 const STATE_TYPES = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
 function animateUpdates({
   controlActiveState = void 0,
@@ -88,7 +88,7 @@ function createAnimationFactories(prevTarget, animationOptions, controlDelay) {
         this.element,
         { [key]: keyValue },
         {
-          ...animationOptions,
+          ...(animationOptions == null ? void 0 : animationOptions[key]) || animationOptions,
           delay: (((_a2 = animationOptions == null ? void 0 : animationOptions[key]) == null ? void 0 : _a2.delay) || (animationOptions == null ? void 0 : animationOptions.delay) || 0) + controlDelay
         }
       );

package/dist/es/state/create-visual-element.mjs

@@ -1,6 +1,6 @@
 import { isSVGElement } from "./utils.mjs";
-import { HTMLVisualElement } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
-import { SVGVisualElement } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
+import { HTMLVisualElement } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
+import { SVGVisualElement } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
 function createVisualElement(Component, options) {
   return isSVGElement(Component) ? new SVGVisualElement(options) : new HTMLVisualElement(options);
 }

package/dist/es/state/motion-state.mjs

@@ -1,12 +1,12 @@
 import { invariant } from "hey-listen";
-import { visualElementStore } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/store.mjs";
+import { visualElementStore } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/store.mjs";
 import { resolveVariant, isAnimateChanged } from "./utils.mjs";
 import { FeatureManager } from "../features/feature-manager.mjs";
 import { createVisualElement } from "./create-visual-element.mjs";
 import { doneCallbacks } from "../components/presence.mjs";
 import { animateUpdates } from "./animate-updates.mjs";
 import { isVariantLabels } from "./utils/is-variant-labels.mjs";
-import { frame, cancelFrame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "motion-dom";
 const mountedStates = /* @__PURE__ */ new WeakMap();
 let id = 0;
 const mountedLayoutIds = /* @__PURE__ */ new Set();

package/dist/es/state/utils.mjs

@@ -117,7 +117,6 @@ function isAnimateChanged(oldOptions, newOptions) {
       return oldVal !== newVal;
     });
   }
-  console.log(2344);
   return oldAnimate !== newAnimate;
 }
 export {

package/dist/es/types/framer-motion.d.ts

@@ -1,17 +1,5 @@
 import { Inertia, Keyframes, None, Repeat, Spring, Tween } from 'framer-motion';
 export type { Point } from 'framer-motion';
-export interface FrameData {
-    delta: number;
-    timestamp: number;
-    isProcessing: boolean;
-}
-export interface MotionValueEventCallbacks<V> {
-    animationStart: () => void;
-    animationComplete: () => void;
-    animationCancel: () => void;
-    change: (latestValue: V) => void;
-    renderRequest: () => void;
-}
 export type SupportedEdgeUnit = 'px' | 'vw' | 'vh' | '%';
 export type EdgeUnit = `${number}${SupportedEdgeUnit}`;
 export type NamedEdges = 'start' | 'end' | 'center';

package/dist/es/utils/use-animation-frame.mjs

@@ -1,5 +1,5 @@
 import { onBeforeUpdate, onUnmounted } from "vue";
-import { frame, cancelFrame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "motion-dom";
 function useAnimationFrame(callback) {
   let initialTimestamp = 0;
   const provideTimeSinceStart = ({ timestamp, delta }) => {

package/dist/es/utils/use-in-view.mjs

@@ -1,8 +1,8 @@
 import { ref, watch, isRef, unref } from "vue";
-import { inView } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { inView } from "../external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
 function useInView(domRef, options) {
   const isInView = ref(false);
-  watch([domRef, () => isRef(options) ? options.value : options], (_v1, _v2) => {
+  watch([domRef, () => isRef(options) ? options.value : options], (_v1, _v2, onCleanup) => {
     const realOptions = unref(options) || {};
     const { once } = realOptions;
     if (!domRef.value || once && isInView.value) {
@@ -14,7 +14,10 @@ function useInView(domRef, options) {
         isInView.value = false;
       };
     };
-    return inView(domRef.value, onEnter, realOptions);
+    const cleanup = inView(domRef.value, onEnter, realOptions);
+    onCleanup(() => {
+      cleanup();
+    });
   }, {
     immediate: true
   });

package/dist/es/value/use-combine-values.mjs

@@ -1,6 +1,5 @@
 import { onUnmounted } from "vue";
-import { motionValue } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
-import { cancelFrame, frame } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue, cancelFrame, frame } from "motion-dom";
 function useCombineMotionValues(combineValues) {
   const value = motionValue(combineValues());
   const updateValue = () => value.set(combineValues());

package/dist/es/value/use-computed.mjs

@@ -1,5 +1,5 @@
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { collectMotionValues } from "../external/.pnpm/framer-motion@12.4.10/external/framer-motion/dist/es/value/index.mjs";
+import { collectMotionValues } from "motion-dom";
 import { onBeforeUpdate } from "vue";
 function useComputed(computed) {
   collectMotionValues.current = [];

package/dist/es/value/use-motion-value-event.d.ts

@@ -1,3 +1,2 @@
-import { MotionValue } from 'framer-motion/dom';
-import { MotionValueEventCallbacks } from '../types';
+import { MotionValue, MotionValueEventCallbacks } from 'framer-motion/dom';
 export declare function useMotionValueEvent<V, EventName extends keyof MotionValueEventCallbacks<V>>(value: MotionValue<V>, event: EventName, callback: MotionValueEventCallbacks<V>[EventName]): VoidFunction;