motion-v 1.0.2 → 1.1.0-alpha.1

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/number-browser.mjs → motion-dom@12.10.5/external/motion-dom/dist/es/value/types/maps/number.mjs}

@@ -1,5 +1,8 @@
-import { px } from "../../../value/types/numbers/units.mjs";
-const browserNumberValueTypes = {
+import { int } from "../int.mjs";
+import { alpha } from "../numbers/index.mjs";
+import { px } from "../numbers/units.mjs";
+import { transformValueTypes } from "./transform.mjs";
+const numberValueTypes = {
   // Border props
   borderWidth: px,
   borderTopWidth: px,
@@ -34,8 +37,14 @@ const browserNumberValueTypes = {
   marginLeft: px,
   // Misc
   backgroundPositionX: px,
-  backgroundPositionY: px
+  backgroundPositionY: px,
+  ...transformValueTypes,
+  zIndex: int,
+  // SVG
+  fillOpacity: alpha,
+  strokeOpacity: alpha,
+  numOctaves: int
 };
 export {
-  browserNumberValueTypes
+  numberValueTypes
 };

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.10.5/external/motion-dom/dist/es/value/types/maps}/transform.mjs

@@ -1,5 +1,5 @@
-import { scale, alpha } from "../../../value/types/numbers/index.mjs";
-import { degrees, px, progressPercentage } from "../../../value/types/numbers/units.mjs";
+import { scale, alpha } from "../numbers/index.mjs";
+import { degrees, px, progressPercentage } from "../numbers/units.mjs";
 const transformValueTypes = {
   rotate: degrees,
   rotateX: degrees,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.5/external/motion-dom}/dist/es/value/types/numbers/index.mjs

@@ -1,4 +1,4 @@
-import { clamp } from "../../../utils/clamp.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
 const number = {
   test: (v) => typeof v === "number",
   parse: parseFloat,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.10.5/external/motion-dom}/dist/es/value/types/numbers/units.mjs

@@ -1,4 +1,4 @@
-const createUnitType = (unit) => ({
+const createUnitType = /* @__NO_SIDE_EFFECTS__ */ (unit) => ({
   test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
   parse: parseFloat,
   transform: (v) => `${v}${unit}`
@@ -8,11 +8,11 @@ const percent = /* @__PURE__ */ createUnitType("%");
 const px = /* @__PURE__ */ createUnitType("px");
 const vh = /* @__PURE__ */ createUnitType("vh");
 const vw = /* @__PURE__ */ createUnitType("vw");
-const progressPercentage = {
+const progressPercentage = /* @__PURE__ */ (() => ({
   ...percent,
   parse: (v) => percent.parse(v) / 100,
   transform: (v) => percent.transform(v * 100)
-};
+}))();
 export {
   degrees,
   percent,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.10.5/external/motion-dom/dist/es/value/types/utils}/animatable-none.mjs

@@ -1,6 +1,6 @@
-import { complex } from "../../../value/types/complex/index.mjs";
-import { filter } from "../../../value/types/complex/filter.mjs";
-import { getDefaultValueType } from "./defaults.mjs";
+import { complex } from "../complex/index.mjs";
+import { filter } from "../complex/filter.mjs";
+import { getDefaultValueType } from "../maps/defaults.mjs";
 function getAnimatableNone(key, value) {
   let defaultValueType = getDefaultValueType(key);
   if (defaultValueType !== filter)

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/value/types/utils/find.mjs

@@ -0,0 +1,9 @@
+import { color } from "../color/index.mjs";
+import { complex } from "../complex/index.mjs";
+import { dimensionValueTypes } from "../dimensions.mjs";
+import { testValueType } from "../test.mjs";
+const valueTypes = [...dimensionValueTypes, color, complex];
+const findValueType = (v) => valueTypes.find(testValueType(v));
+export {
+  findValueType
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/index.mjs

@@ -0,0 +1,65 @@
+import { addToQueue } from "./queue.mjs";
+import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+class ViewTransitionBuilder {
+  constructor(update, options = {}) {
+    this.currentTarget = "root";
+    this.targets = /* @__PURE__ */ new Map();
+    this.notifyReady = noop;
+    this.readyPromise = new Promise((resolve) => {
+      this.notifyReady = resolve;
+    });
+    this.update = update;
+    this.options = {
+      interrupt: "wait",
+      ...options
+    };
+    addToQueue(this);
+  }
+  get(selector) {
+    this.currentTarget = selector;
+    return this;
+  }
+  layout(keyframes, options) {
+    this.updateTarget("layout", keyframes, options);
+    return this;
+  }
+  new(keyframes, options) {
+    this.updateTarget("new", keyframes, options);
+    return this;
+  }
+  old(keyframes, options) {
+    this.updateTarget("old", keyframes, options);
+    return this;
+  }
+  enter(keyframes, options) {
+    this.updateTarget("enter", keyframes, options);
+    return this;
+  }
+  exit(keyframes, options) {
+    this.updateTarget("exit", keyframes, options);
+    return this;
+  }
+  crossfade(options) {
+    this.updateTarget("enter", { opacity: 1 }, options);
+    this.updateTarget("exit", { opacity: 0 }, options);
+    return this;
+  }
+  updateTarget(target, keyframes, options = {}) {
+    const { currentTarget, targets } = this;
+    if (!targets.has(currentTarget)) {
+      targets.set(currentTarget, {});
+    }
+    const targetData = targets.get(currentTarget);
+    targetData[target] = { keyframes, options };
+  }
+  then(resolve, reject) {
+    return this.readyPromise.then(resolve, reject);
+  }
+}
+function animateView(update, defaultOptions = {}) {
+  return new ViewTransitionBuilder(update, defaultOptions);
+}
+export {
+  ViewTransitionBuilder,
+  animateView
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/queue.mjs

@@ -0,0 +1,45 @@
+import { microtask } from "../frameloop/microtask.mjs";
+import { startViewAnimation } from "./start.mjs";
+import { removeItem } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/array.mjs";
+let builders = [];
+let current = null;
+function next() {
+  current = null;
+  const [nextBuilder] = builders;
+  if (nextBuilder)
+    start(nextBuilder);
+}
+function start(builder) {
+  removeItem(builders, builder);
+  current = builder;
+  startViewAnimation(builder).then((animation) => {
+    builder.notifyReady(animation);
+    animation.finished.finally(next);
+  });
+}
+function processQueue() {
+  var _a;
+  for (let i = builders.length - 1; i >= 0; i--) {
+    const builder = builders[i];
+    const { interrupt } = builder.options;
+    if (interrupt === "immediate") {
+      const batchedUpdates = builders.slice(0, i + 1).map((b) => b.update);
+      const remaining = builders.slice(i + 1);
+      builder.update = () => {
+        batchedUpdates.forEach((update) => update());
+      };
+      builders = [builder, ...remaining];
+      break;
+    }
+  }
+  if (!current || ((_a = builders[0]) == null ? void 0 : _a.options.interrupt) === "immediate") {
+    next();
+  }
+}
+function addToQueue(builder) {
+  builders.push(builder);
+  microtask.render(processQueue);
+}
+export {
+  addToQueue
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/start.mjs

@@ -0,0 +1,115 @@
+import { GroupAnimation } from "../animation/GroupAnimation.mjs";
+import { NativeAnimation } from "../animation/NativeAnimation.mjs";
+import { NativeAnimationWrapper } from "../animation/NativeAnimationWrapper.mjs";
+import { getValueTransition } from "../animation/utils/get-value-transition.mjs";
+import { mapEasingToNativeEasing } from "../animation/waapi/easing/map-easing.mjs";
+import { applyGeneratorOptions } from "../animation/waapi/utils/apply-generator.mjs";
+import { chooseLayerType } from "./utils/choose-layer-type.mjs";
+import { css } from "./utils/css.mjs";
+import { getLayerName } from "./utils/get-layer-name.mjs";
+import { getViewAnimations } from "./utils/get-view-animations.mjs";
+import { hasTarget } from "./utils/has-target.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+const definitionNames = ["layout", "enter", "exit", "new", "old"];
+function startViewAnimation(builder) {
+  const { update, targets, options: defaultOptions } = builder;
+  if (!document.startViewTransition) {
+    return new Promise(async (resolve) => {
+      await update();
+      resolve(new GroupAnimation([]));
+    });
+  }
+  if (!hasTarget("root", targets)) {
+    css.set(":root", {
+      "view-transition-name": "none"
+    });
+  }
+  css.set("::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*)", { "animation-timing-function": "linear !important" });
+  css.commit();
+  const transition = document.startViewTransition(async () => {
+    await update();
+  });
+  transition.finished.finally(() => {
+    css.remove();
+  });
+  return new Promise((resolve) => {
+    transition.ready.then(() => {
+      const generatedViewAnimations = getViewAnimations();
+      const animations = [];
+      targets.forEach((definition, target) => {
+        for (const key of definitionNames) {
+          if (!definition[key])
+            continue;
+          const { keyframes, options } = definition[key];
+          for (let [valueName, valueKeyframes] of Object.entries(keyframes)) {
+            if (!valueKeyframes)
+              continue;
+            const valueOptions = {
+              ...getValueTransition(defaultOptions, valueName),
+              ...getValueTransition(options, valueName)
+            };
+            const type = chooseLayerType(key);
+            if (valueName === "opacity" && !Array.isArray(valueKeyframes)) {
+              const initialValue = type === "new" ? 0 : 1;
+              valueKeyframes = [initialValue, valueKeyframes];
+            }
+            if (typeof valueOptions.delay === "function") {
+              valueOptions.delay = valueOptions.delay(0, 1);
+            }
+            valueOptions.duration && (valueOptions.duration = secondsToMilliseconds(valueOptions.duration));
+            valueOptions.delay && (valueOptions.delay = secondsToMilliseconds(valueOptions.delay));
+            const animation = new NativeAnimation({
+              ...valueOptions,
+              element: document.documentElement,
+              name: valueName,
+              pseudoElement: `::view-transition-${type}(${target})`,
+              keyframes: valueKeyframes
+            });
+            animations.push(animation);
+          }
+        }
+      });
+      for (const animation of generatedViewAnimations) {
+        if (animation.playState === "finished")
+          continue;
+        const { effect } = animation;
+        if (!effect || !(effect instanceof KeyframeEffect))
+          continue;
+        const { pseudoElement } = effect;
+        if (!pseudoElement)
+          continue;
+        const name = getLayerName(pseudoElement);
+        if (!name)
+          continue;
+        const targetDefinition = targets.get(name.layer);
+        if (!targetDefinition) {
+          const transitionName = name.type === "group" ? "layout" : "";
+          let animationTransition = {
+            ...getValueTransition(defaultOptions, transitionName)
+          };
+          animationTransition.duration && (animationTransition.duration = secondsToMilliseconds(animationTransition.duration));
+          animationTransition = applyGeneratorOptions(animationTransition);
+          const easing = mapEasingToNativeEasing(animationTransition.ease, animationTransition.duration);
+          effect.updateTiming({
+            delay: secondsToMilliseconds(animationTransition.delay ?? 0),
+            duration: animationTransition.duration,
+            easing
+          });
+          animations.push(new NativeAnimationWrapper(animation));
+        } else if (hasOpacity(targetDefinition, "enter") && hasOpacity(targetDefinition, "exit") && effect.getKeyframes().some((keyframe) => keyframe.mixBlendMode)) {
+          animations.push(new NativeAnimationWrapper(animation));
+        } else {
+          animation.cancel();
+        }
+      }
+      resolve(new GroupAnimation(animations));
+    });
+  });
+}
+function hasOpacity(target, key) {
+  var _a;
+  return (_a = target == null ? void 0 : target[key]) == null ? void 0 : _a.keyframes.opacity;
+}
+export {
+  startViewAnimation
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/utils/choose-layer-type.mjs

@@ -0,0 +1,12 @@
+function chooseLayerType(valueName) {
+  if (valueName === "layout")
+    return "group";
+  if (valueName === "enter" || valueName === "new")
+    return "new";
+  if (valueName === "exit" || valueName === "old")
+    return "old";
+  return "group";
+}
+export {
+  chooseLayerType
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/utils/css.mjs

@@ -0,0 +1,35 @@
+let pendingRules = {};
+let style = null;
+const css = {
+  set: (selector, values) => {
+    pendingRules[selector] = values;
+  },
+  commit: () => {
+    if (!style) {
+      style = document.createElement("style");
+      style.id = "motion-view";
+    }
+    let cssText = "";
+    for (const selector in pendingRules) {
+      const rule = pendingRules[selector];
+      cssText += `${selector} {
+`;
+      for (const [property, value] of Object.entries(rule)) {
+        cssText += `  ${property}: ${value};
+`;
+      }
+      cssText += "}\n";
+    }
+    style.textContent = cssText;
+    document.head.appendChild(style);
+    pendingRules = {};
+  },
+  remove: () => {
+    if (style && style.parentElement) {
+      style.parentElement.removeChild(style);
+    }
+  }
+};
+export {
+  css
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/utils/get-layer-name.mjs

@@ -0,0 +1,9 @@
+function getLayerName(pseudoElement) {
+  const match = pseudoElement.match(/::view-transition-(old|new|group|image-pair)\((.*?)\)/);
+  if (!match)
+    return null;
+  return { layer: match[2], type: match[1] };
+}
+export {
+  getLayerName
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/utils/get-view-animations.mjs

@@ -0,0 +1,13 @@
+function filterViewAnimations(animation) {
+  var _a;
+  const { effect } = animation;
+  if (!effect)
+    return false;
+  return effect.target === document.documentElement && ((_a = effect.pseudoElement) == null ? void 0 : _a.startsWith("::view-transition"));
+}
+function getViewAnimations() {
+  return document.getAnimations().filter(filterViewAnimations);
+}
+export {
+  getViewAnimations
+};

package/dist/es/external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/view/utils/has-target.mjs

@@ -0,0 +1,6 @@
+function hasTarget(target, targets) {
+  return targets.has(target) && Object.keys(targets.get(target)).length > 0;
+}
+export {
+  hasTarget
+};

package/dist/es/external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/array.mjs

@@ -0,0 +1,23 @@
+function addUniqueItem(arr, item) {
+  if (arr.indexOf(item) === -1)
+    arr.push(item);
+}
+function removeItem(arr, item) {
+  const index = arr.indexOf(item);
+  if (index > -1)
+    arr.splice(index, 1);
+}
+function moveItem([...arr], fromIndex, toIndex) {
+  const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;
+  if (startIndex >= 0 && startIndex < arr.length) {
+    const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;
+    const [item] = arr.splice(fromIndex, 1);
+    arr.splice(endIndex, 0, item);
+  }
+  return arr;
+}
+export {
+  addUniqueItem,
+  moveItem,
+  removeItem
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-utils@12.9.4/external/motion-utils}/dist/es/easing/cubic-bezier.mjs

@@ -1,5 +1,4 @@
-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 { noop } from "../noop.mjs";
 const calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
 const subdivisionPrecision = 1e-7;
 const subdivisionMaxIterations = 12;

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-utils@12.9.4/external/motion-utils}/dist/es/easing/steps.mjs

@@ -1,4 +1,4 @@
-import { clamp } from "../utils/clamp.mjs";
+import { clamp } from "../clamp.mjs";
 function steps(numSteps, direction = "end") {
   return (progress) => {
     progress = direction === "end" ? Math.min(progress, 0.999) : Math.max(progress, 1e-3);

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-utils@12.9.4/external/motion-utils}/dist/es/easing/utils/get-easing-for-segment.mjs

@@ -1,4 +1,4 @@
-import { wrap } from "../../utils/wrap.mjs";
+import { wrap } from "../../wrap.mjs";
 import { isEasingArray } from "./is-easing-array.mjs";
 function getEasingForSegment(easing, i) {
   return isEasingArray(easing) ? easing[wrap(0, easing.length, i)] : easing;

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-utils@12.9.4/external/motion-utils}/dist/es/easing/utils/map.mjs

@@ -1,11 +1,11 @@
-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 { isBezierDefinition } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/is-bezier-definition.mjs";
+import { invariant } from "../../errors.mjs";
+import { noop } from "../../noop.mjs";
 import { anticipate } from "../anticipate.mjs";
 import { backIn, backInOut, backOut } from "../back.mjs";
 import { circIn, circInOut, circOut } from "../circ.mjs";
 import { cubicBezier } from "../cubic-bezier.mjs";
 import { easeIn, easeInOut, easeOut } from "../ease.mjs";
+import { isBezierDefinition } from "./is-bezier-definition.mjs";
 const easingLookup = {
   linear: noop,
   easeIn,
@@ -19,12 +19,15 @@ const easingLookup = {
   backOut,
   anticipate
 };
+const isValidEasing = (easing) => {
+  return typeof easing === "string";
+};
 const easingDefinitionToFunction = (definition) => {
   if (isBezierDefinition(definition)) {
     invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`);
     const [x1, y1, x2, y2] = definition;
     return cubicBezier(x1, y1, x2, y2);
-  } else if (typeof definition === "string") {
+  } else if (isValidEasing(definition)) {
     invariant(easingLookup[definition] !== void 0, `Invalid easing type '${definition}'`);
     return easingLookup[definition];
   }

package/dist/es/external/.pnpm/{motion-utils@12.5.0 → motion-utils@12.9.4}/external/motion-utils/dist/es/errors.mjs

@@ -1,6 +1,7 @@
-import { noop } from "./noop.mjs";
-let warning = noop;
-let invariant = noop;
+let warning = () => {
+};
+let invariant = () => {
+};
 if (process.env.NODE_ENV !== "production") {
   warning = (check, message) => {
     if (!check && typeof console !== "undefined") {

package/dist/es/external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs

@@ -0,0 +1,4 @@
+const MotionGlobalConfig = {};
+export {
+  MotionGlobalConfig
+};

package/dist/es/external/.pnpm/{motion-utils@12.5.0 → motion-utils@12.9.4}/external/motion-utils/dist/es/warn-once.mjs

@@ -1,10 +1,16 @@
 const warned = /* @__PURE__ */ new Set();
+function hasWarned(message) {
+  return warned.has(message);
+}
 function warnOnce(condition, message, element) {
   if (condition || warned.has(message))
     return;
   console.warn(message);
+  if (element)
+    console.warn(element);
   warned.add(message);
 }
 export {
+  hasWarned,
   warnOnce
 };

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

@@ -1,16 +1,15 @@
 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.5.0/external/framer-motion/dist/es/render/store.mjs";
+import { visualElementStore } from "../../external/.pnpm/framer-motion@12.10.5/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.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";
+import { animate } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { noop } from "../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
 const STATE_TYPES = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
 class AnimationFeature extends Feature {
   constructor(state) {

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

@@ -12,13 +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.5.0/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.10.5/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/motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import "../../../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
 const elementDragControls = /* @__PURE__ */ new WeakMap();
 class VisualElementDragControls {
   constructor(visualElement) {

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

@@ -1,7 +1,6 @@
 import { Feature } from "../../feature.mjs";
 import { VisualElementDragControls } from "./VisualElementDragControls.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 { noop } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/noop.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.5.0/external/framer-motion/dist/es/utils/pipe.mjs";
+import { pipe } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/pipe.mjs";
 class FocusGesture extends Feature {
   constructor() {
     super(...arguments);

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

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

@@ -1,10 +1,9 @@
 import { PanSession } from "./PanSession.mjs";
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@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 { frame } from "../../../external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/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,7 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { press } from "../../../external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/gestures/press/index.mjs";
-import "../../../external/.pnpm/motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { press } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/gestures/press/index.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
 function extractEventInfo(event) {
   return {
     point: {