motion-v 1.0.0-beta.3 → 1.0.0

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/projection/styles/transform.mjs

@@ -2,7 +2,7 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
   let transform = "";
   const xTranslate = delta.x.translate / treeScale.x;
   const yTranslate = delta.y.translate / treeScale.y;
-  const zTranslate = (latestTransform == null ? void 0 : latestTransform.z) || 0;
+  const zTranslate = (latestTransform === null || latestTransform === void 0 ? void 0 : latestTransform.z) || 0;
   if (xTranslate || yTranslate || zTranslate) {
     transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;
   }

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

@@ -1,24 +1,25 @@
+import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/subscription-manager.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
+import { frame, cancelFrame } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { time } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
+import { motionValue } from "../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/value/index.mjs";
 import { featureDefinitions } from "../motion/features/definitions.mjs";
 import { createBox } from "../projection/geometry/models.mjs";
+import { isNumericalString } from "../utils/is-numerical-string.mjs";
+import { isZeroValueString } from "../utils/is-zero-value-string.mjs";
 import { initPrefersReducedMotion } from "../utils/reduced-motion/index.mjs";
 import { hasReducedMotionListener, prefersReducedMotion } from "../utils/reduced-motion/state.mjs";
+import { complex } from "../value/types/complex/index.mjs";
 import { isMotionValue } from "../value/utils/is-motion-value.mjs";
+import { getAnimatableNone } from "./dom/value-types/animatable-none.mjs";
+import { findValueType } from "./dom/value-types/find.mjs";
+import { transformProps } from "./html/utils/keys-transform.mjs";
 import { visualElementStore } from "./store.mjs";
 import { isControllingVariants, isVariantNode } from "./utils/is-controlling-variants.mjs";
+import { KeyframeResolver } from "./utils/KeyframesResolver.mjs";
 import { updateMotionValuesFromProps } from "./utils/motion-values.mjs";
 import { resolveVariantFromProps } from "./utils/resolve-variants.mjs";
-import { KeyframeResolver } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs";
-import { time } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/sync-time.mjs";
-import { frame, cancelFrame } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { warnOnce } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/warn-once.mjs";
-import { transformProps } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { motionValue } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/index.mjs";
-import { isNumericalString } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/is-numerical-string.mjs";
-import { isZeroValueString } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/is-zero-value-string.mjs";
-import { findValueType } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/find.mjs";
-import { complex } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/complex/index.mjs";
-import { getAnimatableNone } from "../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/animatable-none.mjs";
-import { SubscriptionManager } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/subscription-manager.mjs";
 const propEventHandlers = [
   "AnimationStart",
   "AnimationComplete",
@@ -67,7 +68,8 @@ class VisualElement {
         frame.render(this.render, false, true);
       }
     };
-    const { latestValues, renderState } = visualState;
+    const { latestValues, renderState, onUpdate } = visualState;
+    this.onUpdate = onUpdate;
     this.latestValues = latestValues;
     this.baseTarget = { ...latestValues };
     this.initialValues = props.initial ? { ...latestValues } : {};
@@ -235,6 +237,7 @@ class VisualElement {
     if (this.handleChildMotionValue) {
       this.handleChildMotionValue();
     }
+    this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;
@@ -316,7 +319,8 @@ class VisualElement {
    * directly from the instance (which might have performance implications).
    */
   readValue(key, target) {
-    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : this.getBaseTargetFromProps(this.props, key) ?? this.readValueFromInstance(this.current, key, this.options);
+    var _a;
+    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);
     if (value !== void 0 && value !== null) {
       if (typeof value === "string" && (isNumericalString(value) || isZeroValueString(value))) {
         value = parseFloat(value);
@@ -343,7 +347,7 @@ class VisualElement {
     const { initial } = this.props;
     let valueFromInitial;
     if (typeof initial === "string" || typeof initial === "object") {
-      const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) == null ? void 0 : _a.custom);
+      const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) === null || _a === void 0 ? void 0 : _a.custom);
       if (variant) {
         valueFromInitial = variant[key];
       }

package/dist/es/external/.pnpm/{motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes → framer-motion@12.5.0/external/framer-motion/dist/es/render/dom}/DOMKeyframesResolver.mjs

@@ -1,11 +1,11 @@
-import { positionalKeys } from "../../render/utils/keys-position.mjs";
-import { findDimensionValueType } from "../../value/types/dimensions.mjs";
-import { getVariableValue } from "../utils/css-variables-conversion.mjs";
-import { isCSSVariableToken } from "../utils/is-css-variable.mjs";
-import { KeyframeResolver } from "./KeyframesResolver.mjs";
-import { isNone } from "./utils/is-none.mjs";
-import { makeNoneKeyframesAnimatable } from "./utils/make-none-animatable.mjs";
+import { isNone } from "../../animation/utils/is-none.mjs";
+import { positionalKeys } from "../html/utils/keys-position.mjs";
+import { makeNoneKeyframesAnimatable } from "../html/utils/make-none-animatable.mjs";
+import { KeyframeResolver } from "../utils/KeyframesResolver.mjs";
+import { getVariableValue } from "./utils/css-variables-conversion.mjs";
+import { isCSSVariableToken } from "./utils/is-css-variable.mjs";
 import { isNumOrPxType, positionalValues } from "./utils/unit-conversion.mjs";
+import { findDimensionValueType } from "./value-types/dimensions.mjs";
 class DOMKeyframesResolver extends KeyframeResolver {
   constructor(unresolvedKeyframes, onComplete, name, motionValue, element) {
     super(unresolvedKeyframes, onComplete, name, motionValue, element, true);
@@ -54,7 +54,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
     const { unresolvedKeyframes, name } = this;
     const noneKeyframeIndexes = [];
     for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      if (unresolvedKeyframes[i] === null || isNone(unresolvedKeyframes[i])) {
+      if (isNone(unresolvedKeyframes[i])) {
         noneKeyframeIndexes.push(i);
       }
     }
@@ -89,7 +89,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
     if (finalKeyframe !== null && this.finalKeyframe === void 0) {
       this.finalKeyframe = finalKeyframe;
     }
-    if ((_a = this.removedTransforms) == null ? void 0 : _a.length) {
+    if ((_a = this.removedTransforms) === null || _a === void 0 ? void 0 : _a.length) {
       this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {
         element.getValue(unsetTransformName).set(unsetTransformValue);
       });

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/DOMVisualElement.mjs

@@ -1,6 +1,6 @@
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { VisualElement } from "../VisualElement.mjs";
-import { DOMKeyframesResolver } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs";
+import { DOMKeyframesResolver } from "./DOMKeyframesResolver.mjs";
 class DOMVisualElement extends VisualElement {
   constructor() {
     super(...arguments);

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

@@ -1,4 +1,5 @@
-import { resolveElements } from "../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { resolveElements } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/resolve-elements.mjs";
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
 let observer;
 function getElementSize(target, borderBoxSize) {
@@ -16,7 +17,7 @@ function getElementSize(target, borderBoxSize) {
 }
 function notifyTarget({ target, contentRect, borderBoxSize }) {
   var _a;
-  (_a = resizeHandlers.get(target)) == null ? void 0 : _a.forEach((handler) => {
+  (_a = resizeHandlers.get(target)) === null || _a === void 0 ? void 0 : _a.forEach((handler) => {
     handler({
       target,
       contentSize: contentRect,
@@ -45,14 +46,14 @@ function resizeElement(target, handler) {
       resizeHandlers.set(element, elementHandlers);
     }
     elementHandlers.add(handler);
-    observer == null ? void 0 : observer.observe(element);
+    observer === null || observer === void 0 ? void 0 : observer.observe(element);
   });
   return () => {
     elements.forEach((element) => {
       const elementHandlers = resizeHandlers.get(element);
-      elementHandlers == null ? void 0 : elementHandlers.delete(handler);
-      if (!(elementHandlers == null ? void 0 : elementHandlers.size)) {
-        observer == null ? void 0 : observer.unobserve(element);
+      elementHandlers === null || elementHandlers === void 0 ? void 0 : elementHandlers.delete(handler);
+      if (!(elementHandlers === null || elementHandlers === void 0 ? void 0 : elementHandlers.size)) {
+        observer === null || observer === void 0 ? void 0 : observer.unobserve(element);
       }
     });
   };

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

@@ -0,0 +1,70 @@
+import { supportsScrollTimeline } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/noop.mjs";
+import { observeTimeline } from "./observe.mjs";
+import { scrollInfo } from "./track.mjs";
+function scrollTimelineFallback({ source, container, axis = "y" }) {
+  if (source)
+    container = source;
+  const currentTime = { value: 0 };
+  const cancel = scrollInfo((info) => {
+    currentTime.value = info[axis].progress * 100;
+  }, { container, axis });
+  return { currentTime, cancel };
+}
+const timelineCache = /* @__PURE__ */ new Map();
+function getTimeline({ source, container = document.documentElement, axis = "y" } = {}) {
+  if (source)
+    container = source;
+  if (!timelineCache.has(container)) {
+    timelineCache.set(container, {});
+  }
+  const elementCache = timelineCache.get(container);
+  if (!elementCache[axis]) {
+    elementCache[axis] = supportsScrollTimeline() ? new ScrollTimeline({ source: container, axis }) : scrollTimelineFallback({ source: container, axis });
+  }
+  return elementCache[axis];
+}
+function isOnScrollWithInfo(onScroll) {
+  return onScroll.length === 2;
+}
+function needsElementTracking(options) {
+  return options && (options.target || options.offset);
+}
+function scrollFunction(onScroll, options) {
+  if (isOnScrollWithInfo(onScroll) || needsElementTracking(options)) {
+    return scrollInfo((info) => {
+      onScroll(info[options.axis].progress, info);
+    }, options);
+  } else {
+    return observeTimeline(onScroll, getTimeline(options));
+  }
+}
+function scrollAnimation(animation, options) {
+  animation.flatten();
+  if (needsElementTracking(options)) {
+    animation.pause();
+    return scrollInfo((info) => {
+      animation.time = animation.duration * info[options.axis].progress;
+    }, options);
+  } else {
+    const timeline = getTimeline(options);
+    if (animation.attachTimeline) {
+      return animation.attachTimeline(timeline, (valueAnimation) => {
+        valueAnimation.pause();
+        return observeTimeline((progress) => {
+          valueAnimation.time = valueAnimation.duration * progress;
+        }, timeline);
+      });
+    } else {
+      return noop;
+    }
+  }
+}
+function scroll(onScroll, { axis = "y", ...options } = {}) {
+  const optionsWithDefaults = { axis, ...options };
+  return typeof onScroll === "function" ? scrollFunction(onScroll, optionsWithDefaults) : scrollAnimation(onScroll, optionsWithDefaults);
+}
+export {
+  scroll
+};

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

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

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

@@ -1,4 +1,5 @@
-import { frame, cancelFrame } from "../frameloop/frame.mjs";
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { frame, cancelFrame } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 function observeTimeline(update, timeline) {
   let prevProgress;
   const onFrame = () => {
@@ -10,7 +11,7 @@ function observeTimeline(update, timeline) {
     }
     prevProgress = progress;
   };
-  frame.preUpdate(onFrame, true);
+  frame.update(onFrame, true);
   return () => cancelFrame(onFrame);
 }
 export {

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

@@ -1,9 +1,9 @@
+import { clamp } from "../../../../utils/clamp.mjs";
+import { interpolate } from "../../../../utils/interpolate.mjs";
+import { defaultOffset } from "../../../../utils/offsets/default.mjs";
 import { calcInset } from "./inset.mjs";
 import { resolveOffset } from "./offset.mjs";
 import { ScrollOffset } from "./presets.mjs";
-import { interpolate } from "../../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/utils/interpolate.mjs";
-import { defaultOffset } from "../../../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes/offsets/default.mjs";
-import { clamp } from "../../../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/clamp.mjs";
 const point = { x: 0, y: 0 };
 function getTargetSize(target) {
   return "getBBox" in target && target.tagName !== "svg" ? target.getBBox() : { width: target.clientWidth, height: target.clientHeight };

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

@@ -1,6 +1,7 @@
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { warnOnce } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
 import { updateScrollInfo } from "./info.mjs";
 import { resolveOffsets } from "./offsets/index.mjs";
-import { warnOnce } from "../../../../../../../../motion-utils@12.8.3/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.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/dom/scroll/track.mjs

@@ -1,7 +1,8 @@
+import "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { frame, cancelFrame, frameData } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 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.9.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 const scrollListeners = /* @__PURE__ */ new WeakMap();
 const resizeListeners = /* @__PURE__ */ new WeakMap();
 const onScrollHandlers = /* @__PURE__ */ new WeakMap();
@@ -32,7 +33,7 @@ function scrollInfo(onScroll, { container = document.documentElement, ...options
     const listener2 = () => {
       frame.read(measureAll, false, true);
       frame.read(updateAll, false, true);
-      frame.preUpdate(notifyAll, false, true);
+      frame.update(notifyAll, false, true);
     };
     scrollListeners.set(container, listener2);
     const target = getEventTarget(container);
@@ -57,7 +58,7 @@ function scrollInfo(onScroll, { container = document.documentElement, ...options
     scrollListeners.delete(container);
     if (scrollListener) {
       getEventTarget(container).removeEventListener("scroll", scrollListener);
-      (_a = resizeListeners.get(container)) == null ? void 0 : _a();
+      (_a = resizeListeners.get(container)) === null || _a === void 0 ? void 0 : _a();
       window.removeEventListener("resize", scrollListener);
     }
   };

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

@@ -1,6 +1,6 @@
+import { invariant } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { isNumericalString } from "../../../utils/is-numerical-string.mjs";
 import { isCSSVariableToken } from "./is-css-variable.mjs";
-import { invariant } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/errors.mjs";
-import { isNumericalString } from "../../../../../../../motion-utils@12.8.3/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
@@ -10,7 +10,7 @@ function parseCSSVariable(current) {
   if (!match)
     return [,];
   const [, token1, token2, fallback] = match;
-  return [`--${token1 ?? token2}`, fallback];
+  return [`--${token1 !== null && token1 !== void 0 ? token1 : token2}`, fallback];
 }
 const maxDepth = 4;
 function getVariableValue(current, element, depth = 1) {

package/dist/es/external/.pnpm/{motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes → framer-motion@12.5.0/external/framer-motion/dist/es/render/dom}/utils/unit-conversion.mjs

@@ -1,7 +1,7 @@
-import { parseValueFromTransform } from "../../../render/dom/parse-transform.mjs";
-import { transformPropOrder } from "../../../render/utils/keys-transform.mjs";
 import { number } from "../../../value/types/numbers/index.mjs";
 import { px } from "../../../value/types/numbers/units.mjs";
+import { transformPropOrder } from "../../html/utils/keys-transform.mjs";
+import { parseValueFromTransform } from "../../html/utils/parse-transform.mjs";
 const isNumOrPxType = (v) => v === number || v === px;
 const transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
 const nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));

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

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

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

@@ -1,5 +1,5 @@
-import { color } from "../color/index.mjs";
-import { filter } from "../complex/filter.mjs";
+import { color } from "../../../value/types/color/index.mjs";
+import { filter } from "../../../value/types/complex/filter.mjs";
 import { numberValueTypes } from "./number.mjs";
 const defaultValueTypes = {
   ...numberValueTypes,

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

@@ -1,7 +1,7 @@
-import { auto } from "./auto.mjs";
-import { number } from "./numbers/index.mjs";
-import { px, percent, degrees, vw, vh } from "./numbers/units.mjs";
+import { number } from "../../../value/types/numbers/index.mjs";
+import { px, percent, degrees, vw, vh } from "../../../value/types/numbers/units.mjs";
 import { testValueType } from "./test.mjs";
+import { auto } from "./type-auto.mjs";
 const dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
 const findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
 export {

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/find.mjs

@@ -0,0 +1,9 @@
+import { color } from "../../../value/types/color/index.mjs";
+import { complex } from "../../../value/types/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.9.0/external/motion-dom/dist/es/value/types/maps/number.mjs → framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/number-browser.mjs}

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

package/dist/es/external/.pnpm/framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/number.mjs

@@ -0,0 +1,18 @@
+import { alpha } from "../../../value/types/numbers/index.mjs";
+import { px } from "../../../value/types/numbers/units.mjs";
+import { browserNumberValueTypes } from "./number-browser.mjs";
+import { transformValueTypes } from "./transform.mjs";
+import { int } from "./type-int.mjs";
+const numberValueTypes = {
+  ...browserNumberValueTypes,
+  ...transformValueTypes,
+  zIndex: int,
+  size: px,
+  // SVG
+  fillOpacity: alpha,
+  strokeOpacity: alpha,
+  numOctaves: int
+};
+export {
+  numberValueTypes
+};

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

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

package/dist/es/external/.pnpm/{motion-dom@12.9.0/external/motion-dom/dist/es/value/types/int.mjs → framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/type-int.mjs}

@@ -1,4 +1,4 @@
-import { number } from "./numbers/index.mjs";
+import { number } from "../../../value/types/numbers/index.mjs";
 const int = {
   ...number,
   transform: Math.round

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

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

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

@@ -1,11 +1,11 @@
 import { measureViewportBox } from "../../projection/utils/measure.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
+import { isCSSVariableName } from "../dom/utils/is-css-variable.mjs";
 import { buildHTMLStyles } from "./utils/build-styles.mjs";
+import { transformProps } from "./utils/keys-transform.mjs";
+import { readTransformValue } from "./utils/parse-transform.mjs";
 import { renderHTML } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { readTransformValue } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/dom/parse-transform.mjs";
-import { isCSSVariableName } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/animation/utils/is-css-variable.mjs";
 function getComputedStyle(element) {
   return window.getComputedStyle(element);
 }

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/html/utils/build-styles.mjs

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

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

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

package/dist/es/external/.pnpm/{motion-dom@12.9.0/external/motion-dom/dist/es/render → framer-motion@12.5.0/external/framer-motion/dist/es/render/html}/utils/keys-transform.mjs

@@ -17,7 +17,7 @@ const transformPropOrder = [
   "skewX",
   "skewY"
 ];
-const transformProps = /* @__PURE__ */ (() => new Set(transformPropOrder))();
+const transformProps = new Set(transformPropOrder);
 export {
   transformPropOrder,
   transformProps

package/dist/es/external/.pnpm/{motion-dom@12.9.0/external/motion-dom/dist/es/animation/keyframes → framer-motion@12.5.0/external/framer-motion/dist/es/render/html}/utils/make-none-animatable.mjs

@@ -1,5 +1,5 @@
 import { analyseComplexValue } from "../../../value/types/complex/index.mjs";
-import { getAnimatableNone } from "../../../value/types/utils/animatable-none.mjs";
+import { getAnimatableNone } from "../../dom/value-types/animatable-none.mjs";
 const invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
   let i = 0;

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

@@ -5,7 +5,7 @@ function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   const { style } = props;
   const newValues = {};
   for (const key in style) {
-    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement == null ? void 0 : visualElement.getValue(key)) == null ? void 0 : _a.liveStyle) !== void 0) {
+    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement === null || visualElement === void 0 ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) {
       newValues[key] = style[key];
     }
   }

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

@@ -1,19 +1,27 @@
+import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { frame } from "../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { createBox } from "../../projection/geometry/models.mjs";
 import { DOMVisualElement } from "../dom/DOMVisualElement.mjs";
 import { camelToDash } from "../dom/utils/camel-to-dash.mjs";
+import { getDefaultValueType } from "../dom/value-types/defaults.mjs";
+import { transformProps } from "../html/utils/keys-transform.mjs";
 import { buildSVGAttrs } from "./utils/build-attrs.mjs";
 import { camelCaseAttributes } from "./utils/camel-case-attrs.mjs";
 import { isSVGTag } from "./utils/is-svg-tag.mjs";
+import { updateSVGDimensions } from "./utils/measure.mjs";
 import { renderSVG } from "./utils/render.mjs";
 import { scrapeMotionValuesFromProps } from "./utils/scrape-motion-values.mjs";
-import { transformProps } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/render/utils/keys-transform.mjs";
-import { getDefaultValueType } from "../../../../../../../motion-dom@12.9.0/external/motion-dom/dist/es/value/types/maps/defaults.mjs";
 class SVGVisualElement extends DOMVisualElement {
   constructor() {
     super(...arguments);
     this.type = "svg";
     this.isSVGTag = false;
     this.measureInstanceViewportBox = createBox;
+    this.updateDimensions = () => {
+      if (this.current && !this.renderState.dimensions) {
+        updateSVGDimensions(this.current, this.renderState);
+      }
+    };
   }
   getBaseTargetFromProps(props, key) {
     return props[key];
@@ -29,6 +37,11 @@ class SVGVisualElement extends DOMVisualElement {
   scrapeMotionValuesFromProps(props, prevProps, visualElement) {
     return scrapeMotionValuesFromProps(props, prevProps, visualElement);
   }
+  onBindTransform() {
+    if (this.current && !this.renderState.dimensions) {
+      frame.postRender(this.updateDimensions);
+    }
+  }
   build(renderState, latestValues, props) {
     buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate);
   }

package/dist/es/external/.pnpm/{framer-motion@12.9.0 → framer-motion@12.5.0}/external/framer-motion/dist/es/render/svg/utils/build-attrs.mjs

@@ -1,9 +1,12 @@
 import { buildHTMLStyles } from "../../html/utils/build-styles.mjs";
 import { buildSVGPath } from "./path.mjs";
+import { calcSVGTransformOrigin } from "./transform-origin.mjs";
 function buildSVGAttrs(state, {
   attrX,
   attrY,
   attrScale,
+  originX,
+  originY,
   pathLength,
   pathSpacing = 1,
   pathOffset = 0,
@@ -19,18 +22,14 @@ function buildSVGAttrs(state, {
   }
   state.attrs = state.style;
   state.style = {};
-  const { attrs, style } = state;
+  const { attrs, style, dimensions } = state;
   if (attrs.transform) {
-    style.transform = attrs.transform;
+    if (dimensions)
+      style.transform = attrs.transform;
     delete attrs.transform;
   }
-  if (style.transform || attrs.transformOrigin) {
-    style.transformOrigin = attrs.transformOrigin ?? "50% 50%";
-    delete attrs.transformOrigin;
-  }
-  if (style.transform) {
-    style.transformBox = "fill-box";
-    delete attrs.transformBox;
+  if (dimensions && (originX !== void 0 || originY !== void 0 || style.transform)) {
+    style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== void 0 ? originX : 0.5, originY !== void 0 ? originY : 0.5);
   }
   if (attrX !== void 0)
     attrs.x = attrX;