motion-v 1.1.0-alpha.1 → 1.1.0

package/dist/es/external/.pnpm/{framer-motion@12.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs

@@ -1,8 +1,9 @@
+import { isHTMLElement } from "../../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/utils/is-html-element.mjs";
 function calcInset(element, container) {
   const inset = { x: 0, y: 0 };
   let current = element;
   while (current && current !== container) {
-    if (current instanceof HTMLElement) {
+    if (isHTMLElement(current)) {
       inset.x += current.offsetLeft;
       inset.y += current.offsetTop;
       current = current.offsetParent;

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

@@ -1,6 +1,6 @@
 import { updateScrollInfo } from "./info.mjs";
 import { resolveOffsets } from "./offsets/index.mjs";
-import { warnOnce } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/warn-once.mjs";
+import { warnOnce } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/warn-once.mjs";
 function measure(container, target = container, info) {
   info.x.targetOffset = 0;
   info.y.targetOffset = 0;

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

@@ -1,12 +1,15 @@
 import { resize } from "../resize/index.mjs";
 import { createScrollInfo } from "./info.mjs";
 import { createOnScrollHandler } from "./on-scroll-handler.mjs";
-import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { noop } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
+import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 const scrollListeners = /* @__PURE__ */ new WeakMap();
 const resizeListeners = /* @__PURE__ */ new WeakMap();
 const onScrollHandlers = /* @__PURE__ */ new WeakMap();
-const getEventTarget = (element) => element === document.documentElement ? window : element;
-function scrollInfo(onScroll, { container = document.documentElement, ...options } = {}) {
+const getEventTarget = (element) => element === document.scrollingElement ? window : element;
+function scrollInfo(onScroll, { container = document.scrollingElement, ...options } = {}) {
+  if (!container)
+    return noop;
   let containerHandlers = onScrollHandlers.get(container);
   if (!containerHandlers) {
     containerHandlers = /* @__PURE__ */ new Set();

package/dist/es/external/.pnpm/{framer-motion@12.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/render/dom/scroll/utils/get-timeline.mjs

@@ -1,5 +1,5 @@
 import { scrollInfo } from "../track.mjs";
-import { supportsScrollTimeline } from "../../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
+import { supportsScrollTimeline } from "../../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
 const timelineCache = /* @__PURE__ */ new Map();
 function scrollTimelineFallback(options) {
   const currentTime = { value: 0 };

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

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

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

@@ -3,9 +3,9 @@ import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { buildHTMLStyles } from "./utils/build-styles.mjs";
 import { renderHTML } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { readTransformValue } from "../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/render/dom/parse-transform.mjs";
-import { isCSSVariableName } from "../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { transformProps } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { defaultTransformValue, readTransformValue } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/render/dom/parse-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
 function getComputedStyle(element) {
   return window.getComputedStyle(element);
 }
@@ -16,8 +16,9 @@ class HTMLVisualElement extends DOMVisualElement {
     this.renderInstance = renderHTML;
   }
   readValueFromInstance(instance, key) {
+    var _a;
     if (transformProps.has(key)) {
-      return readTransformValue(instance, key);
+      return ((_a = this.projection) == null ? void 0 : _a.isProjecting) ? defaultTransformValue(key) : 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.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/render/html/utils/build-styles.mjs

@@ -1,8 +1,8 @@
 import { buildTransform } from "./build-transform.mjs";
-import { transformProps } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { isCSSVariableName } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
-import { getValueAsType } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
-import { numberValueTypes } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/value/types/maps/number.mjs";
+import { transformProps } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { isCSSVariableName } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
+import { getValueAsType } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
+import { numberValueTypes } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/types/maps/number.mjs";
 function buildHTMLStyles(state, latestValues, transformTemplate) {
   const { style, vars, transformOrigin } = state;
   let hasTransform = false;

package/dist/es/external/.pnpm/{framer-motion@12.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/render/html/utils/build-transform.mjs

@@ -1,6 +1,6 @@
-import { transformPropOrder } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { getValueAsType } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
-import { numberValueTypes } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/value/types/maps/number.mjs";
+import { transformPropOrder } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
+import { getValueAsType } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/types/utils/get-as-type.mjs";
+import { numberValueTypes } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/types/maps/number.mjs";
 const translateAlias = {
   x: "translateX",
   y: "translateY",

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

@@ -1,5 +1,5 @@
 import { isForcedMotionValue } from "../../../motion/utils/is-forced-motion-value.mjs";
-import { isMotionValue } from "../../../value/utils/is-motion-value.mjs";
+import { isMotionValue } from "../../../../../../../../motion-dom@12.12.1/external/motion-dom/dist/es/value/utils/is-motion-value.mjs";
 function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   var _a;
   const { style } = props;

package/dist/es/external/.pnpm/{framer-motion@12.10.5 → framer-motion@12.12.1}/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.10.5/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { getDefaultValueType } from "../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/value/types/maps/defaults.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";
 class SVGVisualElement extends DOMVisualElement {
   constructor() {
     super(...arguments);

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

@@ -1,4 +1,4 @@
-import { px } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { px } from "../../../../../../../../motion-dom@12.12.1/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.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs

@@ -1,6 +1,6 @@
-import { isMotionValue } from "../../../value/utils/is-motion-value.mjs";
 import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from "../../html/utils/scrape-motion-values.mjs";
-import { transformPropOrder } from "../../../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/render/utils/keys-transform.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";
 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.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/render/utils/flat-tree.mjs

@@ -1,5 +1,5 @@
 import { compareByDepth } from "./compare-by-depth.mjs";
-import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/array.mjs";
+import { addUniqueItem, removeItem } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/array.mjs";
 class FlatTree {
   constructor() {
     this.children = [];

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

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

package/dist/es/external/.pnpm/{framer-motion@12.10.5 → framer-motion@12.12.1}/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.10.5/external/motion-dom/dist/es/value/index.mjs";
+import { motionValue } from "../../../../../../../motion-dom@12.12.1/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.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/utils/delay.mjs

@@ -1,6 +1,6 @@
-import { time } from "../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/sync-time.mjs";
-import { frame, cancelFrame } from "../../../../../../motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+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 { secondsToMilliseconds } from "../../../../../../motion-utils@12.12.1/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.10.5 → framer-motion@12.12.1}/external/framer-motion/dist/es/value/use-will-change/add-will-change.mjs

@@ -1,5 +1,5 @@
 import { isWillChangeMotionValue } from "./is.mjs";
-import { MotionGlobalConfig } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
+import { MotionGlobalConfig } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/global-config.mjs";
 function addValueToWillChange(visualElement, key) {
   const willChange = visualElement.getValue("willChange");
   if (isWillChangeMotionValue(willChange)) {

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

@@ -1,4 +1,4 @@
-import { isMotionValue } from "../utils/is-motion-value.mjs";
+import { isMotionValue } from "../../../../../../../motion-dom@12.12.1/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/external/framer-motion/dist/es/value/utils/resolve-motion-value.mjs

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

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

@@ -6,8 +6,8 @@ import { NativeAnimationExtended } from "./NativeAnimationExtended.mjs";
 import { canAnimate } from "./utils/can-animate.mjs";
 import { WithPromise } from "./utils/WithPromise.mjs";
 import { supportsBrowserAnimation } from "./waapi/supports/waapi.mjs";
-import { MotionGlobalConfig } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
-import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/global-config.mjs";
+import { noop } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 const MAX_RESOLVE_DELAY = 40;
 class AsyncMotionValueAnimation extends WithPromise {
   constructor({ autoplay = true, delay = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes, name, motionValue, element, ...options }) {

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

@@ -8,10 +8,10 @@ import { calcGeneratorDuration } from "./generators/utils/calc-duration.mjs";
 import { getFinalKeyframe } from "./keyframes/get-final.mjs";
 import { replaceTransitionType } from "./utils/replace-transition-type.mjs";
 import { WithPromise } from "./utils/WithPromise.mjs";
-import { invariant } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
-import { pipe } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/pipe.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
-import { clamp } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+import { invariant } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/errors.mjs";
+import { pipe } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/pipe.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/clamp.mjs";
 const percentToProgress = (percent) => percent / 100;
 class JSAnimation extends WithPromise {
   constructor(options) {
@@ -22,19 +22,17 @@ class JSAnimation extends WithPromise {
     this.currentTime = 0;
     this.holdTime = null;
     this.playbackSpeed = 1;
-    this.stop = (sync = true) => {
-      if (sync) {
+    this.stop = () => {
+      var _a, _b;
         const { motionValue } = this.options;
         if (motionValue && motionValue.updatedAt !== time.now()) {
           this.tick(time.now());
         }
-      }
       this.isStopped = true;
       if (this.state === "idle")
         return;
       this.teardown();
-      const { onStop } = this.options;
-      onStop && onStop();
+      (_b = (_a = this.options).onStop) == null ? void 0 : _b.call(_a);
     };
     activeAnimations.mainThread++;
     this.options = options;
@@ -183,13 +181,14 @@ class JSAnimation extends WithPromise {
     }
   }
   play() {
+    var _a, _b;
     if (this.isStopped)
       return;
-    const { driver = frameloopDriver, onPlay, startTime } = this.options;
+    const { driver = frameloopDriver, startTime } = this.options;
     if (!this.driver) {
       this.driver = driver((timestamp) => this.tick(timestamp));
     }
-    onPlay && onPlay();
+    (_b = (_a = this.options).onPlay) == null ? void 0 : _b.call(_a);
     const now = this.driver.now();
     if (this.state === "finished") {
       this.updateFinished();
@@ -219,19 +218,21 @@ class JSAnimation extends WithPromise {
     this.holdTime = null;
   }
   finish() {
+    var _a, _b;
+    this.notifyFinished();
     this.teardown();
     this.state = "finished";
-    const { onComplete } = this.options;
-    onComplete && onComplete();
+    (_b = (_a = this.options).onComplete) == null ? void 0 : _b.call(_a);
   }
   cancel() {
+    var _a, _b;
     this.holdTime = null;
     this.startTime = 0;
     this.tick(0);
     this.teardown();
+    (_b = (_a = this.options).onCancel) == null ? void 0 : _b.call(_a);
   }
   teardown() {
-    this.notifyFinished();
     this.state = "idle";
     this.stopDriver();
     this.startTime = this.holdTime = null;

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

@@ -4,9 +4,9 @@ import { getFinalKeyframe } from "./keyframes/get-final.mjs";
 import { WithPromise } from "./utils/WithPromise.mjs";
 import { startWaapiAnimation } from "./waapi/start-waapi-animation.mjs";
 import { applyGeneratorOptions } from "./waapi/utils/apply-generator.mjs";
-import { invariant } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
-import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { invariant } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
+import { noop } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 class NativeAnimation extends WithPromise {
   constructor(options) {
     super();
@@ -38,7 +38,6 @@ class NativeAnimation extends WithPromise {
       onComplete == null ? void 0 : onComplete();
       this.notifyFinished();
     };
-    this.animation.oncancel = () => this.notifyFinished();
   }
   play() {
     if (this.isStopped)

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

@@ -2,7 +2,7 @@ import { JSAnimation } from "./JSAnimation.mjs";
 import { NativeAnimation } from "./NativeAnimation.mjs";
 import { replaceTransitionType } from "./utils/replace-transition-type.mjs";
 import { replaceStringEasing } from "./waapi/utils/unsupported-easing.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
 const sampleDelta = 10;
 class NativeAnimationExtended extends NativeAnimation {
   constructor(options) {

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/generators/keyframes.mjs

@@ -1,9 +1,9 @@
 import { interpolate } from "../../utils/interpolate.mjs";
 import { defaultOffset } from "../keyframes/offsets/default.mjs";
 import { convertOffsetToTimes } from "../keyframes/offsets/time.mjs";
-import { easeInOut } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/ease.mjs";
-import { isEasingArray } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/utils/is-easing-array.mjs";
-import { easingDefinitionToFunction } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/utils/map.mjs";
+import { easeInOut } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/ease.mjs";
+import { isEasingArray } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/utils/is-easing-array.mjs";
+import { easingDefinitionToFunction } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/utils/map.mjs";
 function defaultEasing(values, easing) {
   return values.map(() => easing || easeInOut).splice(0, values.length - 1);
 }

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/generators/spring/find.mjs

@@ -1,7 +1,7 @@
 import { springDefaults } from "./defaults.mjs";
-import { warning } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
-import { clamp } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+import { warning } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/errors.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/clamp.mjs";
 const safeMin = 1e-3;
 function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass }) {
   let envelope;

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/generators/spring/index.mjs

@@ -4,8 +4,8 @@ import { createGeneratorEasing } from "../utils/create-generator-easing.mjs";
 import { calcGeneratorVelocity } from "../utils/velocity.mjs";
 import { springDefaults } from "./defaults.mjs";
 import { findSpring, calcAngularFreq } from "./find.mjs";
-import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
-import { clamp } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/clamp.mjs";
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
 function isSpringType(options, keys) {

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

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

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/generators/utils/velocity.mjs

@@ -1,4 +1,4 @@
-import { velocityPerSecond } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/velocity-per-second.mjs";
+import { velocityPerSecond } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/velocity-per-second.mjs";
 const velocitySampleDuration = 5;
 function calcGeneratorVelocity(resolveValue, t, current) {
   const prevT = Math.max(t - velocitySampleDuration, 0);

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs

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

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs

@@ -1,4 +1,4 @@
-import { isZeroValueString } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/is-zero-value-string.mjs";
+import { isZeroValueString } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/is-zero-value-string.mjs";
 function isNone(value) {
   if (typeof value === "number") {
     return value === 0;

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/utils/WithPromise.mjs

@@ -1,13 +1,11 @@
 class WithPromise {
   constructor() {
-    this.count = 0;
     this.updateFinished();
   }
   get finished() {
     return this._finished;
   }
   updateFinished() {
-    this.count++;
     this._finished = new Promise((resolve) => {
       this.resolve = resolve;
     });

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/utils/can-animate.mjs

@@ -1,6 +1,6 @@
 import { isGenerator } from "../generators/utils/is-generator.mjs";
 import { isAnimatable } from "./is-animatable.mjs";
-import { warning } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/errors.mjs";
 function hasKeyframesChanged(keyframes) {
   const current = keyframes[0];
   if (keyframes.length === 1)

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs

@@ -1,6 +1,6 @@
 import { isCSSVariableToken } from "./is-css-variable.mjs";
-import { invariant } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
-import { isNumericalString } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/is-numerical-string.mjs";
+import { invariant } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/errors.mjs";
+import { isNumericalString } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/is-numerical-string.mjs";
 const splitCSSVariableRegex = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/waapi/easing/is-supported.mjs

@@ -1,6 +1,6 @@
 import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs";
 import { supportedWaapiEasing } from "./supported.mjs";
-import { isBezierDefinition } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
+import { isBezierDefinition } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
 function isWaapiSupportedEasing(easing) {
   return Boolean(typeof easing === "function" && supportsLinearEasing() || !easing || typeof easing === "string" && (easing in supportedWaapiEasing || supportsLinearEasing()) || isBezierDefinition(easing) || Array.isArray(easing) && easing.every(isWaapiSupportedEasing));
 }

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs

@@ -2,7 +2,7 @@ import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs"
 import { generateLinearEasing } from "../utils/linear.mjs";
 import { cubicBezierAsString } from "./cubic-bezier.mjs";
 import { supportedWaapiEasing } from "./supported.mjs";
-import { isBezierDefinition } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
+import { isBezierDefinition } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs";
 function mapEasingToNativeEasing(easing, duration) {
   if (!easing) {
     return void 0;

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs

@@ -1,4 +1,4 @@
-import { memo } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/memo.mjs";
 const supportsPartialKeyframes = /* @__PURE__ */ memo(() => {
   try {
     document.createElement("div").animate({ opacity: [1] });

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/waapi/supports/waapi.mjs

@@ -1,17 +1,18 @@
-import { memo } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/memo.mjs";
+import { isHTMLElement } from "../../../utils/is-html-element.mjs";
+import { memo } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/memo.mjs";
 const acceleratedValues = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
-  // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
-  // or until we implement support for linear() easing.
+  // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
 ]);
 const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function supportsBrowserAnimation(options) {
+  var _a;
   const { motionValue, name, repeatDelay, repeatType, damping, type } = options;
-  if (!motionValue || !motionValue.owner || !(motionValue.owner.current instanceof HTMLElement)) {
+  if (!isHTMLElement((_a = motionValue == null ? void 0 : motionValue.owner) == null ? void 0 : _a.current)) {
     return false;
   }
   const { onUpdate, transformTemplate } = motionValue.owner.getProps();

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs

@@ -1,6 +1,6 @@
-import { anticipate } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/anticipate.mjs";
-import { backInOut } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/back.mjs";
-import { circInOut } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/easing/circ.mjs";
+import { anticipate } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/anticipate.mjs";
+import { backInOut } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/back.mjs";
+import { circInOut } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/easing/circ.mjs";
 const unsupportedEasingFunctions = {
   anticipate,
   backInOut,

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/frameloop/batcher.mjs

@@ -1,6 +1,6 @@
 import { stepsOrder } from "./order.mjs";
 import { createRenderStep } from "./render-step.mjs";
-import { MotionGlobalConfig } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/global-config.mjs";
 const maxElapsed = 40;
 function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
   let runNextFrame = false;

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/frameloop/frame.mjs

@@ -1,5 +1,5 @@
 import { createRenderBatcher } from "./batcher.mjs";
-import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { noop } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
 export {
   cancelFrame,

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/frameloop/sync-time.mjs

@@ -1,5 +1,5 @@
 import { frameData } from "./frame.mjs";
-import { MotionGlobalConfig } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/global-config.mjs";
+import { MotionGlobalConfig } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/global-config.mjs";
 let now;
 function clearTime() {
   now = void 0;

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

@@ -1,3 +1,4 @@
+import { isHTMLElement } from "../../utils/is-html-element.mjs";
 import { isDragActive } from "../drag/state/is-active.mjs";
 import { isNodeOrChild } from "../utils/is-node-or-child.mjs";
 import { isPrimaryPointer } from "../utils/is-primary-pointer.mjs";
@@ -41,7 +42,7 @@ function press(targetOrSelector, onPressStart, options = {}) {
   targets.forEach((target) => {
     const pointerDownTarget = options.useGlobalTarget ? window : target;
     pointerDownTarget.addEventListener("pointerdown", startPress, eventOptions);
-    if (target instanceof HTMLElement) {
+    if (isHTMLElement(target)) {
       target.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions));
       if (!isElementKeyboardAccessible(target) && !target.hasAttribute("tabindex")) {
         target.tabIndex = 0;

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/render/dom/parse-transform.mjs

@@ -77,6 +77,7 @@ function convertTransformToNumber(value) {
   return parseFloat(value.trim());
 }
 export {
+  defaultTransformValue,
   parseValueFromTransform,
   readTransformValue
 };