motion-v 1.1.0 → 1.2.0

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

@@ -6,8 +6,8 @@ import { camelCaseAttributes } from "./utils/camel-case-attrs.mjs";
 import { isSVGTag } from "./utils/is-svg-tag.mjs";
 import { renderSVG } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { getDefaultValueType } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/types/maps/defaults.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { getDefaultValueType } from "../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/types/maps/defaults.mjs";
 class SVGVisualElement extends DOMVisualElement {
   constructor() {
     super(...arguments);

package/dist/es/external/.pnpm/{framer-motion@12.12.1 → framer-motion@12.16.0}/external/framer-motion/dist/es/render/svg/utils/path.mjs

@@ -1,4 +1,4 @@
-import { px } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { px } from "../../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
 const dashKeys = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"

package/dist/es/external/.pnpm/{framer-motion@12.12.1 → framer-motion@12.16.0}/external/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs

@@ -1,6 +1,6 @@
 import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from "../../html/utils/scrape-motion-values.mjs";
-import { isMotionValue } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
-import { transformPropOrder } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { isMotionValue } from "../../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { transformPropOrder } from "../../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
 function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
   for (const key in props) {

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

@@ -1,5 +1,5 @@
-import { isMotionValue } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
-import { motionValue } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/index.mjs";
+import { isMotionValue } from "../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/index.mjs";
 function updateMotionValuesFromProps(element, next, prev) {
   for (const key in next) {
     const nextValue = next[key];

package/dist/es/external/.pnpm/{framer-motion@12.12.1 → framer-motion@12.16.0}/external/framer-motion/dist/es/render/utils/setters.mjs

@@ -1,6 +1,6 @@
 import { isKeyframesTarget } from "../../animation/utils/is-keyframes-target.mjs";
 import { resolveVariant } from "./resolve-dynamic-variants.mjs";
-import { motionValue } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/index.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/index.mjs";
 function setMotionValue(visualElement, key, value) {
   if (visualElement.hasValue(key)) {
     visualElement.getValue(key).set(value);

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

@@ -1,5 +1,5 @@
-import { time } from "../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/sync-time.mjs";
-import { frame, cancelFrame } from "../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { time } from "../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { frame, cancelFrame } from "../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { secondsToMilliseconds } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
 function delay(callback, timeout) {
   const start = time.now();

package/dist/es/external/.pnpm/{framer-motion@12.12.1 → framer-motion@12.16.0}/external/framer-motion/dist/es/value/use-will-change/is.mjs

@@ -1,4 +1,4 @@
-import { isMotionValue } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { isMotionValue } from "../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
 function isWillChangeMotionValue(value) {
   return Boolean(isMotionValue(value) && value.add);
 }

package/dist/es/external/.pnpm/{framer-motion@12.12.1 → framer-motion@12.16.0}/external/framer-motion/dist/es/value/utils/resolve-motion-value.mjs

@@ -1,4 +1,4 @@
-import { isMotionValue } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
+import { isMotionValue } from "../../../../../../../motion-dom@12.16.0/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
 function resolveMotionValue(value) {
   return isMotionValue(value) ? value.get() : value;
 }

package/dist/es/external/.pnpm/{motion-dom@12.12.1 → motion-dom@12.16.0}/external/motion-dom/dist/es/animation/JSAnimation.mjs

@@ -24,10 +24,10 @@ class JSAnimation extends WithPromise {
     this.playbackSpeed = 1;
     this.stop = () => {
       var _a, _b;
-        const { motionValue } = this.options;
-        if (motionValue && motionValue.updatedAt !== time.now()) {
-          this.tick(time.now());
-        }
+      const { motionValue } = this.options;
+      if (motionValue && motionValue.updatedAt !== time.now()) {
+        this.tick(time.now());
+      }
       this.isStopped = true;
       if (this.state === "idle")
         return;

package/dist/es/external/.pnpm/{motion-dom@12.12.1 → motion-dom@12.16.0}/external/motion-dom/dist/es/effects/MotionValueState.mjs

@@ -6,13 +6,18 @@ class MotionValueState {
     this.latest = {};
     this.values = /* @__PURE__ */ new Map();
   }
-  set(name, value, render, computed) {
+  set(name, value, render, computed, useDefaultValueType = true) {
     const existingValue = this.values.get(name);
     if (existingValue) {
       existingValue.onRemove();
     }
     const onChange = () => {
-      this.latest[name] = getValueAsType(value.get(), numberValueTypes[name]);
+      const v = value.get();
+      if (useDefaultValueType) {
+        this.latest[name] = getValueAsType(v, numberValueTypes[name]);
+      } else {
+        this.latest[name] = v;
+      }
       render && frame.render(render);
     };
     onChange();

package/dist/es/external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/effects/attr/index.mjs

@@ -0,0 +1,31 @@
+import { camelToDash } from "../../render/dom/utils/camel-to-dash.mjs";
+import { createSelectorEffect } from "../utils/create-dom-effect.mjs";
+import { createEffect } from "../utils/create-effect.mjs";
+function canSetAsProperty(element, name) {
+  if (!(name in element))
+    return false;
+  const descriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), name) || Object.getOwnPropertyDescriptor(element, name);
+  return descriptor && typeof descriptor.set === "function";
+}
+const addAttrValue = (element, state, key, value) => {
+  const isProp = canSetAsProperty(element, key);
+  const name = isProp ? key : key.startsWith("data") || key.startsWith("aria") ? camelToDash(key) : key;
+  const render = isProp ? () => {
+    element[name] = state.latest[key];
+  } : () => {
+    const v = state.latest[key];
+    if (v === null || v === void 0) {
+      element.removeAttribute(name);
+    } else {
+      element.setAttribute(name, String(v));
+    }
+  };
+  return state.set(key, value, render);
+};
+const attrEffect = /* @__PURE__ */ createSelectorEffect(
+  /* @__PURE__ */ createEffect(addAttrValue)
+);
+export {
+  addAttrValue,
+  attrEffect
+};

package/dist/es/external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/effects/prop/index.mjs

@@ -0,0 +1,9 @@
+import { createEffect } from "../utils/create-effect.mjs";
+const propEffect = /* @__PURE__ */ createEffect((subject, state, key, value) => {
+  return state.set(key, value, () => {
+    subject[key] = state.latest[key];
+  }, void 0, false);
+});
+export {
+  propEffect
+};

package/dist/es/external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/effects/style/index.mjs

@@ -0,0 +1,49 @@
+import { isCSSVar } from "../../render/dom/is-css-var.mjs";
+import { transformProps } from "../../render/utils/keys-transform.mjs";
+import { isHTMLElement } from "../../utils/is-html-element.mjs";
+import { MotionValue } from "../../value/index.mjs";
+import { createSelectorEffect } from "../utils/create-dom-effect.mjs";
+import { createEffect } from "../utils/create-effect.mjs";
+import { buildTransform } from "./transform.mjs";
+const originProps = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
+const addStyleValue = (element, state, key, value) => {
+  let render = void 0;
+  let computed = void 0;
+  if (transformProps.has(key)) {
+    if (!state.get("transform")) {
+      if (!isHTMLElement(element) && !state.get("transformBox")) {
+        addStyleValue(element, state, "transformBox", new MotionValue("fill-box"));
+      }
+      state.set("transform", new MotionValue("none"), () => {
+        element.style.transform = buildTransform(state);
+      });
+    }
+    computed = state.get("transform");
+  } else if (originProps.has(key)) {
+    if (!state.get("transformOrigin")) {
+      state.set("transformOrigin", new MotionValue(""), () => {
+        const originX = state.latest.originX ?? "50%";
+        const originY = state.latest.originY ?? "50%";
+        const originZ = state.latest.originZ ?? 0;
+        element.style.transformOrigin = `${originX} ${originY} ${originZ}`;
+      });
+    }
+    computed = state.get("transformOrigin");
+  } else if (isCSSVar(key)) {
+    render = () => {
+      element.style.setProperty(key, state.latest[key]);
+    };
+  } else {
+    render = () => {
+      element.style[key] = state.latest[key];
+    };
+  }
+  return state.set(key, value, render, computed);
+};
+const styleEffect = /* @__PURE__ */ createSelectorEffect(
+  /* @__PURE__ */ createEffect(addStyleValue)
+);
+export {
+  addStyleValue,
+  styleEffect
+};

package/dist/es/external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/effects/svg/index.mjs

@@ -0,0 +1,40 @@
+import { MotionValue } from "../../value/index.mjs";
+import { px } from "../../value/types/numbers/units.mjs";
+import { addAttrValue } from "../attr/index.mjs";
+import { addStyleValue } from "../style/index.mjs";
+import { createSelectorEffect } from "../utils/create-dom-effect.mjs";
+import { createEffect } from "../utils/create-effect.mjs";
+import { frame } from "../../frameloop/frame.mjs";
+const toPx = px.transform;
+function addSVGPathValue(element, state, key, value) {
+  frame.render(() => element.setAttribute("pathLength", "1"));
+  if (key === "pathOffset") {
+    return state.set(key, value, () => element.setAttribute("stroke-dashoffset", toPx(-state.latest[key])));
+  } else {
+    if (!state.get("stroke-dasharray")) {
+      state.set("stroke-dasharray", new MotionValue("1 1"), () => {
+        const { pathLength = 1, pathSpacing } = state.latest;
+        element.setAttribute("stroke-dasharray", `${toPx(pathLength)} ${toPx(pathSpacing ?? 1 - Number(pathLength))}`);
+      });
+    }
+    return state.set(key, value, void 0, state.get("stroke-dasharray"));
+  }
+}
+const addSVGValue = (element, state, key, value) => {
+  if (key.startsWith("path")) {
+    return addSVGPathValue(element, state, key, value);
+  } else if (key.startsWith("attr")) {
+    return addAttrValue(element, state, convertAttrKey(key), value);
+  }
+  const handler = key in element.style ? addStyleValue : addAttrValue;
+  return handler(element, state, key, value);
+};
+const svgEffect = /* @__PURE__ */ createSelectorEffect(
+  /* @__PURE__ */ createEffect(addSVGValue)
+);
+function convertAttrKey(key) {
+  return key.replace(/^attr([A-Z])/, (_, firstChar) => firstChar.toLowerCase());
+}
+export {
+  svgEffect
+};

package/dist/es/external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/effects/utils/create-dom-effect.mjs

@@ -0,0 +1,18 @@
+import { resolveElements } from "../../utils/resolve-elements.mjs";
+function createSelectorEffect(subjectEffect) {
+  return (subject, values) => {
+    const elements = resolveElements(subject);
+    const subscriptions = [];
+    for (const element of elements) {
+      const remove = subjectEffect(element, values);
+      subscriptions.push(remove);
+    }
+    return () => {
+      for (const remove of subscriptions)
+        remove();
+    };
+  };
+}
+export {
+  createSelectorEffect
+};

package/dist/es/external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/effects/utils/create-effect.mjs

@@ -0,0 +1,21 @@
+import { MotionValueState } from "../MotionValueState.mjs";
+function createEffect(addValue) {
+  const stateCache = /* @__PURE__ */ new WeakMap();
+  const subscriptions = [];
+  return (subject, values) => {
+    const state = stateCache.get(subject) ?? new MotionValueState();
+    stateCache.set(subject, state);
+    for (const key in values) {
+      const value = values[key];
+      const remove = addValue(subject, state, key, value);
+      subscriptions.push(remove);
+    }
+    return () => {
+      for (const cancel of subscriptions)
+        cancel();
+    };
+  };
+}
+export {
+  createEffect
+};

package/dist/es/external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs

@@ -0,0 +1,6 @@
+function camelToDash(str) {
+  return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);
+}
+export {
+  camelToDash
+};

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

@@ -1,28 +1,27 @@
-import { resolveElements } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/utils/resolve-elements.mjs";
-import { isSVGElement } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/utils/is-svg-element.mjs";
+import { isSVGElement } from "../utils/is-svg-element.mjs";
+import { resolveElements } from "../utils/resolve-elements.mjs";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
-function getElementSize(target, borderBoxSize) {
-  if (borderBoxSize) {
-    const { inlineSize, blockSize } = borderBoxSize[0];
-    return { width: inlineSize, height: blockSize };
+const getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {
+  if (borderBoxSize && borderBoxSize[0]) {
+    return borderBoxSize[0][borderBoxAxis + "Size"];
   } else if (isSVGElement(target) && "getBBox" in target) {
-    return target.getBBox();
+    return target.getBBox()[svgAxis];
   } else {
-    return {
-      width: target.offsetWidth,
-      height: target.offsetHeight
-    };
+    return target[htmlAxis];
   }
-}
-function notifyTarget({ target, contentRect, borderBoxSize }) {
+};
+const getWidth = /* @__PURE__ */ getSize("inline", "width", "offsetWidth");
+const getHeight = /* @__PURE__ */ getSize("block", "height", "offsetHeight");
+function notifyTarget({ target, borderBoxSize }) {
   var _a;
   (_a = resizeHandlers.get(target)) == null ? void 0 : _a.forEach((handler) => {
-    handler({
-      target,
-      contentSize: contentRect,
-      get size() {
-        return getElementSize(target, borderBoxSize);
+    handler(target, {
+      get width() {
+        return getWidth(target, borderBoxSize);
+      },
+      get height() {
+        return getHeight(target, borderBoxSize);
       }
     });
   });

package/dist/es/external/.pnpm/{framer-motion@12.12.1/external/framer-motion/dist/es/render/dom → motion-dom@12.16.0/external/motion-dom/dist/es}/resize/handle-window.mjs

@@ -2,14 +2,13 @@ const windowCallbacks = /* @__PURE__ */ new Set();
 let windowResizeHandler;
 function createWindowResizeHandler() {
   windowResizeHandler = () => {
-    const size = {
-      width: window.innerWidth,
-      height: window.innerHeight
-    };
     const info = {
-      target: window,
-      size,
-      contentSize: size
+      get width() {
+        return window.innerWidth;
+      },
+      get height() {
+        return window.innerHeight;
+      }
     };
     windowCallbacks.forEach((callback) => callback(info));
   };
@@ -21,7 +20,8 @@ function resizeWindow(callback) {
     createWindowResizeHandler();
   return () => {
     windowCallbacks.delete(callback);
-    if (!windowCallbacks.size && windowResizeHandler) {
+    if (!windowCallbacks.size && typeof windowResizeHandler === "function") {
+      window.removeEventListener("resize", windowResizeHandler);
       windowResizeHandler = void 0;
     }
   };

package/dist/es/features/animation/animation.mjs

@@ -1,14 +1,14 @@
 import { isAnimationControls } from "../../animation/utils.mjs";
 import { Feature } from "../feature.mjs";
 import { mountedStates } from "../../state/motion-state.mjs";
-import { visualElementStore } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/render/store.mjs";
+import { visualElementStore } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/render/store.mjs";
 import { motionEvent } from "../../state/event.mjs";
 import { style } from "../../state/style.mjs";
 import { transformResetValue } from "../../state/transform.mjs";
 import { hasChanged, resolveVariant } from "../../state/utils.mjs";
 import { isDef } from "@vueuse/core";
 import { createVisualElement } from "../../state/create-visual-element.mjs";
-import { animate } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { animate } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/animation/animate/index.mjs";
 import { noop } from "../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 const STATE_TYPES = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
 class AnimationFeature extends Feature {

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

@@ -8,16 +8,16 @@ import { PanSession } from "../pan/PanSession.mjs";
 import { calcLength } from "../../../projection/geometry/delta-calc.mjs";
 import { createBox } from "../../../projection/geometry/models.mjs";
 import { eachAxis } from "../../../projection/utils/each-axis.mjs";
-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.12.1/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
-import { mixNumber } from "../../../utils/mix/number.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/animation/interfaces/motion-value.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/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { percent } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { mixNumber } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/utils/mix/number.mjs";
 const elementDragControls = /* @__PURE__ */ new WeakMap();
 class VisualElementDragControls {
   constructor(visualElement) {

package/dist/es/features/gestures/drag/utils/constraints.mjs

@@ -1,7 +1,7 @@
 import { calcLength } from "../../../../projection/geometry/delta-calc.mjs";
-import { clamp } from "../../../../utils/clamp.mjs";
-import { mixNumber } from "../../../../utils/mix/number.mjs";
-import { progress } from "../../../../utils/progress.mjs";
+import { mixNumber } from "../../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { progress } from "../../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/progress.mjs";
+import { clamp } from "../../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/clamp.mjs";
 function applyConstraints(point, { min, max }, elastic) {
   if (min !== void 0 && point < min) {
     point = elastic ? mixNumber(min, point, elastic.min) : Math.max(point, min);

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

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import { hover } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/gestures/hover.mjs";
+import { hover } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/gestures/hover.mjs";
 import { extractEventInfo } from "../press/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 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.12.1/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { inView } from "../../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 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.12.1/external/framer-motion/dist/es/utils/distance.mjs";
+import { distance2D } from "../../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/utils/distance.mjs";
 import { pipe } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/pipe.mjs";
 import { secondsToMilliseconds, millisecondsToSeconds } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
-import { frame, cancelFrame, frameData } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame, frameData } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 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

@@ -3,7 +3,7 @@ import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { Feature } from "../../feature.mjs";
 import { noop } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 function asyncHandler(handler) {
   return (event, info) => {
     if (handler) {

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

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { press } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/gestures/press/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { press } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/gestures/press/index.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 function extractEventInfo(event) {
   return {
     point: {

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

@@ -1,5 +1,5 @@
-import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
-import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
+import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.16.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.12.1/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
-import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/node/state.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.16.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.12.1/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
 import { getClosestProjectingNode } from "./utils.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.16.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";