motion-v 1.0.2 → 1.1.0-alpha.0

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

@@ -1,9 +1,10 @@
-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 { removeNonTranslationalTransform } from "../dom/utils/unit-conversion.mjs";
+import { fillWildcards } from "./utils/fill-wildcards.mjs";
+import { removeNonTranslationalTransform } from "./utils/unit-conversion.mjs";
+import { frame } from "../../frameloop/frame.mjs";
 const toResolve = /* @__PURE__ */ new Set();
 let isScheduled = false;
 let anyNeedsMeasurement = false;
+let isForced = false;
 function measureAllKeyframes() {
   if (anyNeedsMeasurement) {
     const resolversToMeasure = Array.from(toResolve).filter((resolver) => resolver.needsMeasurement);
@@ -23,7 +24,7 @@ function measureAllKeyframes() {
       if (restore) {
         restore.forEach(([key, value]) => {
           var _a;
-          (_a = element.getValue(key)) === null || _a === void 0 ? void 0 : _a.set(value);
+          (_a = element.getValue(key)) == null ? void 0 : _a.set(value);
         });
       }
     });
@@ -36,7 +37,7 @@ function measureAllKeyframes() {
   }
   anyNeedsMeasurement = false;
   isScheduled = false;
-  toResolve.forEach((resolver) => resolver.complete());
+  toResolve.forEach((resolver) => resolver.complete(isForced));
   toResolve.clear();
 }
 function readAllKeyframes() {
@@ -48,15 +49,16 @@ function readAllKeyframes() {
   });
 }
 function flushKeyframeResolvers() {
+  isForced = true;
   readAllKeyframes();
   measureAllKeyframes();
+  isForced = false;
 }
 class KeyframeResolver {
   constructor(unresolvedKeyframes, onComplete, name, motionValue, element, isAsync = false) {
-    this.isComplete = false;
+    this.state = "pending";
     this.isAsync = false;
     this.needsMeasurement = false;
-    this.isScheduled = false;
     this.unresolvedKeyframes = [...unresolvedKeyframes];
     this.onComplete = onComplete;
     this.name = name;
@@ -65,7 +67,7 @@ class KeyframeResolver {
     this.isAsync = isAsync;
   }
   scheduleResolve() {
-    this.isScheduled = true;
+    this.state = "scheduled";
     if (this.isAsync) {
       toResolve.add(this);
       if (!isScheduled) {
@@ -80,30 +82,25 @@ class KeyframeResolver {
   }
   readKeyframes() {
     const { unresolvedKeyframes, name, element, motionValue } = this;
-    for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      if (unresolvedKeyframes[i] === null) {
-        if (i === 0) {
-          const currentValue = motionValue === null || motionValue === void 0 ? void 0 : motionValue.get();
-          const finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
-          if (currentValue !== void 0) {
-            unresolvedKeyframes[0] = currentValue;
-          } else if (element && name) {
-            const valueAsRead = element.readValue(name, finalKeyframe);
-            if (valueAsRead !== void 0 && valueAsRead !== null) {
-              unresolvedKeyframes[0] = valueAsRead;
-            }
-          }
-          if (unresolvedKeyframes[0] === void 0) {
-            unresolvedKeyframes[0] = finalKeyframe;
-          }
-          if (motionValue && currentValue === void 0) {
-            motionValue.set(unresolvedKeyframes[0]);
-          }
-        } else {
-          unresolvedKeyframes[i] = unresolvedKeyframes[i - 1];
+    if (unresolvedKeyframes[0] === null) {
+      const currentValue = motionValue == null ? void 0 : motionValue.get();
+      const finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
+      if (currentValue !== void 0) {
+        unresolvedKeyframes[0] = currentValue;
+      } else if (element && name) {
+        const valueAsRead = element.readValue(name, finalKeyframe);
+        if (valueAsRead !== void 0 && valueAsRead !== null) {
+          unresolvedKeyframes[0] = valueAsRead;
         }
       }
+      if (unresolvedKeyframes[0] === void 0) {
+        unresolvedKeyframes[0] = finalKeyframe;
+      }
+      if (motionValue && currentValue === void 0) {
+        motionValue.set(unresolvedKeyframes[0]);
+      }
     }
+    fillWildcards(unresolvedKeyframes);
   }
   setFinalKeyframe() {
   }
@@ -113,19 +110,19 @@ class KeyframeResolver {
   }
   measureEndState() {
   }
-  complete() {
-    this.isComplete = true;
-    this.onComplete(this.unresolvedKeyframes, this.finalKeyframe);
+  complete(isForcedComplete = false) {
+    this.state = "complete";
+    this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, isForcedComplete);
     toResolve.delete(this);
   }
   cancel() {
-    if (!this.isComplete) {
-      this.isScheduled = false;
+    if (this.state === "scheduled") {
       toResolve.delete(this);
+      this.state = "pending";
     }
   }
   resume() {
-    if (!this.isComplete)
+    if (this.state === "pending")
       this.scheduleResolve();
   }
 }

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes/get-final.mjs

@@ -0,0 +1,10 @@
+const isNotNull = (value) => value !== null;
+function getFinalKeyframe(keyframes, { repeat, repeatType = "loop" }, finalKeyframe, speed = 1) {
+  const resolvedKeyframes = keyframes.filter(isNotNull);
+  const useFirstKeyframe = speed < 0 || repeat && repeatType !== "loop" && repeat % 2 === 1;
+  const index = useFirstKeyframe ? 0 : resolvedKeyframes.length - 1;
+  return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
+}
+export {
+  getFinalKeyframe
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/utils → motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes}/offsets/fill.mjs

@@ -1,6 +1,5 @@
-import "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { progress } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/progress.mjs";
-import { mixNumber } from "../mix/number.mjs";
+import { mixNumber } from "../../../utils/mix/number.mjs";
+import { progress } from "../../../../../../../../motion-utils@12.9.4/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.4/external/motion-dom/dist/es/animation/keyframes/utils/apply-px-defaults.mjs

@@ -0,0 +1,11 @@
+import { pxValues } from "../../waapi/utils/px-values.mjs";
+function applyPxDefaults(keyframes, name) {
+  for (let i = 0; i < keyframes.length; i++) {
+    if (typeof keyframes[i] === "number" && pxValues.has(name)) {
+      keyframes[i] = keyframes[i] + "px";
+    }
+  }
+}
+export {
+  applyPxDefaults
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs

@@ -0,0 +1,8 @@
+function fillWildcards(keyframes) {
+  for (let i = 1; i < keyframes.length; i++) {
+    keyframes[i] ?? (keyframes[i] = keyframes[i - 1]);
+  }
+}
+export {
+  fillWildcards
+};

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

@@ -1,4 +1,4 @@
-import { isZeroValueString } from "../../utils/is-zero-value-string.mjs";
+import { isZeroValueString } from "../../../../../../../../motion-utils@12.9.4/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/{framer-motion@12.5.0/external/framer-motion/dist/es/render/html → motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes}/utils/make-none-animatable.mjs

@@ -1,5 +1,5 @@
 import { analyseComplexValue } from "../../../value/types/complex/index.mjs";
-import { getAnimatableNone } from "../../dom/value-types/animatable-none.mjs";
+import { getAnimatableNone } from "../../../value/types/utils/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.5.0/external/framer-motion/dist/es/render/dom → motion-dom@12.10.4/external/motion-dom/dist/es/animation/keyframes}/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.10.4/external/motion-dom/dist/es/animation/utils/WithPromise.mjs

@@ -0,0 +1,29 @@
+class WithPromise {
+  constructor() {
+    this.count = 0;
+    this.updateFinished();
+  }
+  get finished() {
+    return this._finished;
+  }
+  updateFinished() {
+    this.count++;
+    this._finished = new Promise((resolve) => {
+      this.resolve = resolve;
+    });
+  }
+  notifyFinished() {
+    this.resolve();
+  }
+  /**
+   * Allows the animation to be awaited.
+   *
+   * @deprecated Use `finished` instead.
+   */
+  then(onResolve, onReject) {
+    return this.finished.then(onResolve, onReject);
+  }
+}
+export {
+  WithPromise
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/utils/active-animations.mjs

@@ -0,0 +1,11 @@
+const animationMaps = /* @__PURE__ */ new WeakMap();
+const animationMapKey = (name, pseudoElement = "") => `${name}:${pseudoElement}`;
+function getAnimationMap(element) {
+  const map = animationMaps.get(element) || /* @__PURE__ */ new Map();
+  animationMaps.set(element, map);
+  return map;
+}
+export {
+  animationMapKey,
+  getAnimationMap
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/animation/animators → motion-dom@12.10.4/external/motion-dom/dist/es/animation}/utils/can-animate.mjs

@@ -1,6 +1,6 @@
-import { warning } from "../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { isGenerator } from "../../../../../../../../motion-dom@12.5.0/external/motion-dom/dist/es/animation/generators/utils/is-generator.mjs";
-import { isAnimatable } from "../../utils/is-animatable.mjs";
+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";
 function hasKeyframesChanged(keyframes) {
   const current = keyframes[0];
   if (keyframes.length === 1)

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom → motion-dom@12.10.4/external/motion-dom/dist/es/animation}/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.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";
 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 !== null && token1 !== void 0 ? token1 : token2}`, fallback];
+  return [`--${token1 ?? token2}`, fallback];
 }
 const maxDepth = 4;
 function getVariableValue(current, element, depth = 1) {

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/utils/get-value-transition.mjs

@@ -0,0 +1,6 @@
+function getValueTransition(transition, key) {
+  return (transition == null ? void 0 : transition[key]) ?? (transition == null ? void 0 : transition["default"]) ?? transition;
+}
+export {
+  getValueTransition
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/utils/replace-transition-type.mjs

@@ -0,0 +1,18 @@
+import { inertia } from "../generators/inertia.mjs";
+import { keyframes } from "../generators/keyframes.mjs";
+import { spring } from "../generators/spring/index.mjs";
+const transitionTypeMap = {
+  decay: inertia,
+  inertia,
+  tween: keyframes,
+  keyframes,
+  spring
+};
+function replaceTransitionType(transition) {
+  if (typeof transition.type === "string") {
+    transition.type = transitionTypeMap[transition.type];
+  }
+}
+export {
+  replaceTransitionType
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs

@@ -0,0 +1,4 @@
+const cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
+export {
+  cubicBezierAsString
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/easing/is-supported.mjs

@@ -0,0 +1,9 @@
+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";
+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));
+}
+export {
+  isWaapiSupportedEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs

@@ -0,0 +1,21 @@
+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";
+function mapEasingToNativeEasing(easing, duration) {
+  if (!easing) {
+    return void 0;
+  } else if (typeof easing === "function") {
+    return supportsLinearEasing() ? generateLinearEasing(easing, duration) : "ease-out";
+  } else if (isBezierDefinition(easing)) {
+    return cubicBezierAsString(easing);
+  } else if (Array.isArray(easing)) {
+    return easing.map((segmentEasing) => mapEasingToNativeEasing(segmentEasing, duration) || supportedWaapiEasing.easeOut);
+  } else {
+    return supportedWaapiEasing[easing];
+  }
+}
+export {
+  mapEasingToNativeEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/easing/supported.mjs

@@ -0,0 +1,15 @@
+import { cubicBezierAsString } from "./cubic-bezier.mjs";
+const supportedWaapiEasing = {
+  linear: "linear",
+  ease: "ease",
+  easeIn: "ease-in",
+  easeOut: "ease-out",
+  easeInOut: "ease-in-out",
+  circIn: /* @__PURE__ */ cubicBezierAsString([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ cubicBezierAsString([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
+};
+export {
+  supportedWaapiEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs

@@ -0,0 +1,36 @@
+import { activeAnimations } from "../../stats/animation-count.mjs";
+import { statsBuffer } from "../../stats/buffer.mjs";
+import { mapEasingToNativeEasing } from "./easing/map-easing.mjs";
+function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeOut", times } = {}, pseudoElement = void 0) {
+  const keyframeOptions = {
+    [valueName]: keyframes
+  };
+  if (times)
+    keyframeOptions.offset = times;
+  const easing = mapEasingToNativeEasing(ease, duration);
+  if (Array.isArray(easing))
+    keyframeOptions.easing = easing;
+  if (statsBuffer.value) {
+    activeAnimations.waapi++;
+  }
+  const options = {
+    delay,
+    duration,
+    easing: !Array.isArray(easing) ? easing : "linear",
+    fill: "both",
+    iterations: repeat + 1,
+    direction: repeatType === "reverse" ? "alternate" : "normal"
+  };
+  if (pseudoElement)
+    options.pseudoElement = pseudoElement;
+  const animation = element.animate(keyframeOptions, options);
+  if (statsBuffer.value) {
+    animation.finished.finally(() => {
+      activeAnimations.waapi--;
+    });
+  }
+  return animation;
+}
+export {
+  startWaapiAnimation
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs → motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs}

@@ -1,5 +1,4 @@
-import "../../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { memo } from "../../../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../../motion-utils@12.9.4/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.4/external/motion-dom/dist/es/animation/waapi/supports/waapi.mjs

@@ -0,0 +1,26 @@
+import { memo } from "../../../../../../../../motion-utils@12.9.4/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.
+  // "background-color"
+]);
+const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function supportsBrowserAnimation(options) {
+  const { motionValue, name, repeatDelay, repeatType, damping, type } = options;
+  if (!motionValue || !motionValue.owner || !(motionValue.owner.current instanceof HTMLElement)) {
+    return false;
+  }
+  const { onUpdate, transformTemplate } = motionValue.owner.getProps();
+  return supportsWaapi() && name && acceleratedValues.has(name) && (name !== "transform" || !transformTemplate) && /**
+   * If we're outputting values to onUpdate then we can't use WAAPI as there's
+   * no way to read the value from WAAPI every frame.
+   */
+  !onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
+}
+export {
+  supportsBrowserAnimation
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs

@@ -0,0 +1,14 @@
+import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs";
+import { isGenerator } from "../../generators/utils/is-generator.mjs";
+function applyGeneratorOptions({ type, ...options }) {
+  if (isGenerator(type) && supportsLinearEasing()) {
+    return type.applyToOptions(options);
+  } else {
+    options.duration ?? (options.duration = 300);
+    options.ease ?? (options.ease = "easeOut");
+  }
+  return options;
+}
+export {
+  applyGeneratorOptions
+};

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.10.4}/external/motion-dom/dist/es/animation/waapi/utils/linear.mjs

@@ -1,10 +1,8 @@
-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";
 const generateLinearEasing = (easing, duration, resolution = 10) => {
   let points = "";
   const numPoints = Math.max(Math.round(duration / resolution), 2);
   for (let i = 0; i < numPoints; i++) {
-    points += easing(progress(0, numPoints - 1, i)) + ", ";
+    points += easing(i / (numPoints - 1)) + ", ";
   }
   return `linear(${points.substring(0, points.length - 2)})`;
 };

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/utils/px-values.mjs

@@ -0,0 +1,40 @@
+const pxValues = /* @__PURE__ */ new Set([
+  // Border props
+  "borderWidth",
+  "borderTopWidth",
+  "borderRightWidth",
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "borderRadius",
+  "radius",
+  "borderTopLeftRadius",
+  "borderTopRightRadius",
+  "borderBottomRightRadius",
+  "borderBottomLeftRadius",
+  // Positioning props
+  "width",
+  "maxWidth",
+  "height",
+  "maxHeight",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  // Spacing props
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  // Misc
+  "backgroundPositionX",
+  "backgroundPositionY"
+]);
+export {
+  pxValues
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs

@@ -0,0 +1,19 @@
+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";
+const unsupportedEasingFunctions = {
+  anticipate,
+  backInOut,
+  circInOut
+};
+function isUnsupportedEase(key) {
+  return key in unsupportedEasingFunctions;
+}
+function replaceStringEasing(transition) {
+  if (typeof transition.ease === "string" && isUnsupportedEase(transition.ease)) {
+    transition.ease = unsupportedEasingFunctions[transition.ease];
+  }
+}
+export {
+  replaceStringEasing
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/effects/MotionValueState.mjs

@@ -0,0 +1,42 @@
+import { frame, cancelFrame } from "../frameloop/frame.mjs";
+import { numberValueTypes } from "../value/types/maps/number.mjs";
+import { getValueAsType } from "../value/types/utils/get-as-type.mjs";
+class MotionValueState {
+  constructor() {
+    this.latest = {};
+    this.values = /* @__PURE__ */ new Map();
+  }
+  set(name, value, render, computed) {
+    const existingValue = this.values.get(name);
+    if (existingValue) {
+      existingValue.onRemove();
+    }
+    const onChange = () => {
+      this.latest[name] = getValueAsType(value.get(), numberValueTypes[name]);
+      render && frame.render(render);
+    };
+    onChange();
+    const cancelOnChange = value.on("change", onChange);
+    computed && value.addDependent(computed);
+    const remove = () => {
+      cancelOnChange();
+      render && cancelFrame(render);
+      this.values.delete(name);
+      computed && value.removeDependent(computed);
+    };
+    this.values.set(name, { value, onRemove: remove });
+    return remove;
+  }
+  get(name) {
+    var _a;
+    return (_a = this.values.get(name)) == null ? void 0 : _a.value;
+  }
+  destroy() {
+    for (const value of this.values.values()) {
+      value.onRemove();
+    }
+  }
+}
+export {
+  MotionValueState
+};

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

@@ -0,0 +1,49 @@
+import { isCSSVar } from "../../render/dom/is-css-var.mjs";
+import { transformProps } from "../../render/utils/keys-transform.mjs";
+import { resolveElements } from "../../utils/resolve-elements.mjs";
+import { MotionValue } from "../../value/index.mjs";
+import { MotionValueState } from "../MotionValueState.mjs";
+import { buildTransform } from "./transform.mjs";
+const stateMap = /* @__PURE__ */ new WeakMap();
+function styleEffect(subject, values) {
+  const elements = resolveElements(subject);
+  const subscriptions = [];
+  for (let i = 0; i < elements.length; i++) {
+    const element = elements[i];
+    const state = stateMap.get(element) ?? new MotionValueState();
+    stateMap.set(element, state);
+    for (const key in values) {
+      const value = values[key];
+      const remove = addValue(element, state, key, value);
+      subscriptions.push(remove);
+    }
+  }
+  return () => {
+    for (const cancel of subscriptions)
+      cancel();
+  };
+}
+function addValue(element, state, key, value) {
+  let render = void 0;
+  let computed = void 0;
+  if (transformProps.has(key)) {
+    if (!state.get("transform")) {
+      state.set("transform", new MotionValue("none"), () => {
+        element.style.transform = buildTransform(state);
+      });
+    }
+    computed = state.get("transform");
+  } else if (isCSSVar(key)) {
+    render = () => {
+      element.style.setProperty(key, state.latest[key]);
+    };
+  } else {
+    render = () => {
+      element.style[key] = state.latest[key];
+    };
+  }
+  return state.set(key, value, render, computed);
+}
+export {
+  styleEffect
+};

package/dist/es/external/.pnpm/motion-dom@12.10.4/external/motion-dom/dist/es/effects/style/transform.mjs

@@ -0,0 +1,33 @@
+import { transformPropOrder } from "../../render/utils/keys-transform.mjs";
+const translateAlias = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+};
+function buildTransform(state) {
+  let transform = "";
+  let transformIsDefault = true;
+  for (let i = 0; i < transformPropOrder.length; i++) {
+    const key = transformPropOrder[i];
+    const value = state.latest[key];
+    if (value === void 0)
+      continue;
+    let valueIsDefault = true;
+    if (typeof value === "number") {
+      valueIsDefault = value === (key.startsWith("scale") ? 1 : 0);
+    } else {
+      valueIsDefault = parseFloat(value) === 0;
+    }
+    if (!valueIsDefault) {
+      transformIsDefault = false;
+      const transformName = translateAlias[key] || key;
+      const valueToRender = state.latest[key];
+      transform += `${transformName}(${valueToRender}) `;
+    }
+  }
+  return transformIsDefault ? "none" : transform.trim();
+}
+export {
+  buildTransform
+};