motion-v 0.5.0-beta.1 → 0.5.0

package/dist/es/animation/use-animate.mjs

@@ -1,5 +1,5 @@
 import { ref, onUnmounted } from "vue";
-import { createScopedAnimate } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { createScopedAnimate } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/animate/index.mjs";
 function useAnimate() {
   const dom = ref(null);
   const domProxy = new Proxy(dom, {

package/dist/es/components/AnimatePresence.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, openBlock, createBlock, resolveDynamicComponent, TransitionGroup, Transition, withCtx, renderSlot } from "vue";
 import { mountedStates } from "../state/motion-state.mjs";
-import { provideAnimatePresence, doneCallbacks, removeDoneCallback, unPresenceDom } from "./presence.mjs";
+import { provideAnimatePresence, doneCallbacks, removeDoneCallback } from "./presence.mjs";
 import { useLayoutGroup } from "./use-layout-group.mjs";
 import { usePopLayout } from "./use-pop-layout.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -31,12 +31,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       removeDoneCallback(el);
       state.setActive("exit", false);
-      unPresenceDom.value.delete(el);
     }
     const layoutGroup = useLayoutGroup(props);
     const { addPopStyle, removePopStyle } = usePopLayout(props);
     function exit(el, done) {
-      unPresenceDom.value.set(el, true);
       const state = mountedStates.get(el);
       if (!state) {
         return done();
@@ -48,7 +46,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         removePopStyle(state);
         if ((_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.isExit) {
           removeDoneCallback(el);
-          unPresenceDom.value.delete(el);
           (_b = state.visualElement.projection) == null ? void 0 : _b.willUpdate();
           (_c = layoutGroup.forceRender) == null ? void 0 : _c.call(layoutGroup);
           done();

package/dist/es/components/Motion.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, ref, useAttrs, getCurrentInstance, onMounted, onUnmounted, onUpdated, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { defineComponent, mergeDefaults, ref, useAttrs, getCurrentInstance, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, onBeforeUpdate, onUpdated, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { injectMotion, injectLayoutGroup, provideMotion } from "./context.mjs";
 import { convertSvgStyleToAttributes, createStyles } from "../state/style.mjs";
 import { Primitive } from "./Primitive.mjs";
@@ -16,10 +16,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     as: {},
     asChild: { type: Boolean },
     custom: {},
-    inViewOptions: {},
-    inView: {},
-    press: {},
-    hover: {},
     initial: { type: [String, Object, Boolean] },
     animate: {},
     exit: {},
@@ -27,19 +23,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {},
     transformTemplate: { type: Function },
     transition: {},
-    onMotionStart: { type: Function },
-    onMotionComplete: { type: Function },
-    onHoverStart: { type: Function },
-    onHoverEnd: { type: Function },
-    onPressStart: { type: Function },
-    onPressEnd: { type: Function },
-    onViewEnter: { type: Function },
-    onViewLeave: { type: Function },
+    layoutGroup: {},
     layout: { type: [Boolean, String] },
     layoutId: {},
     layoutScroll: { type: Boolean },
     layoutRoot: { type: Boolean },
-    "data-framer-portal-id": {}
+    "data-framer-portal-id": {},
+    globalPressTarget: { type: Boolean },
+    press: {},
+    onPressStart: { type: Function },
+    onPress: { type: Function },
+    onPressCancel: { type: Function },
+    hover: {},
+    onHoverStart: { type: Function },
+    onHoverEnd: { type: Function },
+    inViewOptions: {},
+    inView: {},
+    onViewportEnter: { type: Function },
+    onViewportLeave: { type: Function },
+    drag: { type: [Boolean, String] },
+    dragSnapToOrigin: { type: Boolean },
+    dragDirectionLock: { type: Boolean },
+    dragPropagation: { type: Boolean },
+    dragConstraints: { type: [Boolean, Object] },
+    dragElastic: { type: [Boolean, Number, Object] },
+    dragMomentum: { type: Boolean },
+    dragTransition: {},
+    dragListener: { type: Boolean },
+    dragControls: {},
+    onDragStart: { type: Function },
+    onDragEnd: { type: Function },
+    onDrag: { type: Function },
+    onDirectionLock: { type: Function },
+    onDragTransitionEnd: { type: Function },
+    onMeasureDragConstraints: { type: Function },
+    onPanSessionStart: { type: Function },
+    onPanStart: { type: Function },
+    onPan: { type: Function },
+    onPanEnd: { type: Function }
   }, {
     as: "div",
     asChild: false,
@@ -50,7 +71,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     layout: false,
     layoutId: void 0,
     layoutScroll: false,
-    layoutRoot: false
+    layoutRoot: false,
+    dragListener: true,
+    dragElastic: 0.2
   }),
   setup(__props) {
     const props = __props;
@@ -61,23 +84,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const state = new MotionState(
       {
         ...attrs,
-        ...props
+        ...props,
+        layoutGroup
       },
       parentState
     );
     provideMotion(state);
     const instance = getCurrentInstance().proxy;
+    onBeforeMount(() => {
+      state.beforeMount();
+    });
     onMounted(() => {
       state.mount(getMotionElement(instance.$el), {
         ...attrs,
         ...props,
+        layoutGroup,
         initial: presenceInitial.value === false ? presenceInitial.value : props.initial === true ? void 0 : props.initial
       });
     });
+    onBeforeUnmount(() => {
+      state.beforeUnmount();
+    });
     onUnmounted(() => {
       if (safeUnmount(getMotionElement(instance.$el)))
         state.unmount();
     });
+    onBeforeUpdate(() => {
+      state.beforeUpdate();
+    });
     onUpdated(() => {
       state.update({
         ...attrs,

package/dist/es/components/presence.mjs

@@ -1,7 +1,7 @@
 import { ref } from "vue";
 import { createContext } from "../utils/createContext.mjs";
 const doneCallbacks = /* @__PURE__ */ new WeakMap();
-const unPresenceDom = ref(/* @__PURE__ */ new WeakMap());
+ref(/* @__PURE__ */ new WeakMap());
 function removeDoneCallback(element) {
   const prevDoneCallback = doneCallbacks.get(element);
   if (prevDoneCallback) {
@@ -14,6 +14,5 @@ export {
   doneCallbacks,
   injectAnimatePresence,
   provideAnimatePresence,
-  removeDoneCallback,
-  unPresenceDom
+  removeDoneCallback
 };

package/dist/es/events/add-pointer-event.mjs

@@ -0,0 +1,8 @@
+import { addPointerInfo } from "./event-info.mjs";
+import { addDomEvent } from "./add-dom-event.mjs";
+function addPointerEvent(target, eventName, handler, options) {
+  return addDomEvent(target, eventName, addPointerInfo(handler), options);
+}
+export {
+  addPointerEvent
+};

package/dist/es/events/event-info.mjs

@@ -0,0 +1,16 @@
+import { isPrimaryPointer } from "./utils/is-primary-pointer.mjs";
+function extractEventInfo(event, pointType = "page") {
+  return {
+    point: {
+      x: event[`${pointType}X`],
+      y: event[`${pointType}Y`]
+    }
+  };
+}
+function addPointerInfo(handler) {
+  return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
+}
+export {
+  addPointerInfo,
+  extractEventInfo
+};

package/dist/es/events/utils/is-primary-pointer.mjs

@@ -0,0 +1,10 @@
+function isPrimaryPointer(event) {
+  if (event.pointerType === "mouse") {
+    return typeof event.button !== "number" || event.button <= 0;
+  } else {
+    return event.isPrimary !== false;
+  }
+}
+export {
+  isPrimaryPointer
+};

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/GroupPlaybackControls.mjs

@@ -58,6 +58,9 @@ class GroupPlaybackControls {
   runAll(methodName) {
     this.animations.forEach((controls) => controls[methodName]());
   }
+  flatten() {
+    this.runAll("flatten");
+  }
   play() {
     this.runAll("play");
   }

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animate/resolve-subjects.mjs

@@ -1,4 +1,4 @@
-import { resolveElements } from "../../render/dom/utils/resolve-element.mjs";
+import { resolveElements } from "motion-dom";
 import { isDOMKeyframes } from "../utils/is-dom-keyframes.mjs";
 function resolveSubjects(subject, keyframes, scope, selectorCache) {
   if (typeof subject === "string" && isDOMKeyframes(keyframes)) {

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animate/subject.mjs

@@ -1,5 +1,5 @@
+import { invariant } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
 import { visualElementStore } from "../../render/store.mjs";
-import { invariant } from "../../utils/errors.mjs";
 import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
 import { animateTarget } from "../interfaces/visual-element-target.mjs";
 import { createDOMVisualElement, createObjectVisualElement } from "../utils/create-visual-element.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs

@@ -2,7 +2,8 @@ import { anticipate } from "../../easing/anticipate.mjs";
 import { backInOut } from "../../easing/back.mjs";
 import { circInOut } from "../../easing/circ.mjs";
 import { DOMKeyframesResolver } from "../../render/dom/DOMKeyframesResolver.mjs";
-import { noop } from "../../utils/noop.mjs";
+import "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 import { millisecondsToSeconds, secondsToMilliseconds } from "../../utils/time-conversion.mjs";
 import { isGenerator } from "../generators/utils/is-generator.mjs";
 import { BaseAnimation } from "./BaseAnimation.mjs";

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/BaseAnimation.mjs

@@ -84,6 +84,10 @@ class BaseAnimation {
   then(resolve, reject) {
     return this.currentFinishedPromise.then(resolve, reject);
   }
+  flatten() {
+    this.options.type = "keyframes";
+    this.options.ease = "linear";
+  }
   updateFinishedPromise() {
     this.currentFinishedPromise = new Promise((resolve) => {
       this.resolveFinishedPromise = resolve;

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs

@@ -8,7 +8,7 @@ import { mix } from "../../utils/mix/index.mjs";
 import { calcGeneratorDuration } from "../generators/utils/calc-duration.mjs";
 import { millisecondsToSeconds, secondsToMilliseconds } from "../../utils/time-conversion.mjs";
 import { clamp } from "../../utils/clamp.mjs";
-import { invariant } from "../../utils/errors.mjs";
+import { invariant } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
 import { frameloopDriver } from "./drivers/driver-frameloop.mjs";
 import { getFinalKeyframe } from "./waapi/utils/get-final-keyframe.mjs";
 import { isGenerator } from "../generators/utils/is-generator.mjs";
@@ -45,6 +45,12 @@ class MainThreadAnimation extends BaseAnimation {
     this.resolver = new KeyframeResolver$1(keyframes2, onResolved, name, motionValue, element);
     this.resolver.scheduleResolve();
   }
+  flatten() {
+    super.flatten();
+    if (this._resolved) {
+      Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
+    }
+  }
   initPlayback(keyframes$1) {
     const { type = "keyframes", repeat = 0, repeatDelay = 0, repeatType, velocity = 0 } = this.options;
     const generatorFactory = isGenerator(type) ? type : generators[type] || keyframes;

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

@@ -1,4 +1,4 @@
-import { warning } from "../../../utils/errors.mjs";
+import { warning } from "../../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
 import { isGenerator } from "../../generators/utils/is-generator.mjs";
 import { isAnimatable } from "../../utils/is-animatable.mjs";
 function hasKeyframesChanged(keyframes) {

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs

@@ -1,8 +1,8 @@
 import { startWaapiAnimation } from "./index.mjs";
 import { createGeneratorEasing } from "../../../easing/utils/create-generator-easing.mjs";
 import { browserNumberValueTypes } from "../../../render/dom/value-types/number-browser.mjs";
-import { invariant } from "../../../utils/errors.mjs";
-import { noop } from "../../../utils/noop.mjs";
+import { invariant } from "../../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 import { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
 import { isGenerator } from "../../generators/utils/is-generator.mjs";
 import { attachTimeline } from "./utils/attach-timeline.mjs";
@@ -107,6 +107,12 @@ class NativeAnimation {
   get startTime() {
     return this.animation ? this.animation.startTime : null;
   }
+  flatten() {
+    var _a;
+    if (!this.animation)
+      return;
+    (_a = this.animation.effect) === null || _a === void 0 ? void 0 : _a.updateTiming({ easing: "linear" });
+  }
   play() {
     if (this.state === "finished") {
       this.updateFinishedPromise();

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs

@@ -1,5 +1,5 @@
-import { resolveElements } from "../../../render/dom/utils/resolve-element.mjs";
-import { invariant } from "../../../utils/errors.mjs";
+import { resolveElements } from "motion-dom";
+import { invariant } from "../../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
 import { secondsToMilliseconds } from "../../../utils/time-conversion.mjs";
 import { getValueTransition } from "../../utils/get-value-transition.mjs";
 import { NativeAnimation } from "./NativeAnimation.mjs";
@@ -17,7 +17,7 @@ function animateElements(elementOrSelector, keyframes, options, scope) {
     for (const valueName in keyframes) {
       const valueKeyframes = keyframes[valueName];
       const valueOptions = {
-        ...getValueTransition(options, valueName)
+        ...getValueTransition(elementTransition, valueName)
       };
       valueOptions.duration = valueOptions.duration ? secondsToMilliseconds(valueOptions.duration) : valueOptions.duration;
       valueOptions.delay = secondsToMilliseconds(valueOptions.delay || 0);

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/index.mjs

@@ -1,5 +1,5 @@
 import { mapEasingToNativeEasing } from "./easing.mjs";
-function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease, times } = {}) {
+function startWaapiAnimation(element, valueName, keyframes, { delay = 0, duration = 300, repeat = 0, repeatType = "loop", ease = "easeInOut", times } = {}) {
   const keyframeOptions = { [valueName]: keyframes };
   if (times)
     keyframeOptions.offset = times;

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/linear.mjs

@@ -1,6 +1,5 @@
 import { progress } from "../../../../utils/progress.mjs";
-const resolution = 10;
-const generateLinearEasing = (easing, duration) => {
+const generateLinearEasing = (easing, duration, resolution = 10) => {
   let points = "";
   const numPoints = Math.max(Math.round(duration / resolution), 2);
   for (let i = 0; i < numPoints; i++) {

package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/generators/spring/defaults.mjs

@@ -0,0 +1,32 @@
+const springDefaults = {
+  // Default spring physics
+  stiffness: 100,
+  damping: 10,
+  mass: 1,
+  velocity: 0,
+  // Default duration/bounce-based options
+  duration: 800,
+  // in ms
+  bounce: 0.3,
+  visualDuration: 0.3,
+  // in seconds
+  // Rest thresholds
+  restSpeed: {
+    granular: 0.01,
+    default: 2
+  },
+  restDelta: {
+    granular: 5e-3,
+    default: 0.5
+  },
+  // Limits
+  minDuration: 0.01,
+  // in seconds
+  maxDuration: 10,
+  // in seconds
+  minDamping: 0.05,
+  maxDamping: 1
+};
+export {
+  springDefaults
+};

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/spring/find.mjs

@@ -1,18 +1,15 @@
-import { warning } from "../../../utils/errors.mjs";
+import { warning } from "../../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
 import { clamp } from "../../../utils/clamp.mjs";
 import { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
+import { springDefaults } from "./defaults.mjs";
 const safeMin = 1e-3;
-const minDuration = 0.01;
-const maxDuration = 10;
-const minDamping = 0.05;
-const maxDamping = 1;
-function findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1 }) {
+function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass }) {
   let envelope;
   let derivative;
-  warning(duration <= secondsToMilliseconds(maxDuration), "Spring duration must be 10 seconds or less");
+  warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), "Spring duration must be 10 seconds or less");
   let dampingRatio = 1 - bounce;
-  dampingRatio = clamp(minDamping, maxDamping, dampingRatio);
-  duration = clamp(minDuration, maxDuration, millisecondsToSeconds(duration));
+  dampingRatio = clamp(springDefaults.minDamping, springDefaults.maxDamping, dampingRatio);
+  duration = clamp(springDefaults.minDuration, springDefaults.maxDuration, millisecondsToSeconds(duration));
   if (dampingRatio < 1) {
     envelope = (undampedFreq2) => {
       const exponentialDecay = undampedFreq2 * dampingRatio;
@@ -49,8 +46,8 @@ function findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1 }) {
   duration = secondsToMilliseconds(duration);
   if (isNaN(undampedFreq)) {
     return {
-      stiffness: 100,
-      damping: 10,
+      stiffness: springDefaults.stiffness,
+      damping: springDefaults.damping,
       duration
     };
   } else {
@@ -75,9 +72,5 @@ function calcAngularFreq(undampedFreq, dampingRatio) {
 }
 export {
   calcAngularFreq,
-  findSpring,
-  maxDamping,
-  maxDuration,
-  minDamping,
-  minDuration
+  findSpring
 };

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/spring/index.mjs

@@ -1,6 +1,10 @@
+import { generateLinearEasing } from "../../animators/waapi/utils/linear.mjs";
 import { millisecondsToSeconds, secondsToMilliseconds } from "../../../utils/time-conversion.mjs";
 import { calcGeneratorVelocity } from "../utils/velocity.mjs";
 import { findSpring, calcAngularFreq } from "./find.mjs";
+import { calcGeneratorDuration, maxGeneratorDuration } from "../utils/calc-duration.mjs";
+import { clamp } from "../../../utils/clamp.mjs";
+import { springDefaults } from "./defaults.mjs";
 const durationKeys = ["duration", "bounce"];
 const physicsKeys = ["stiffness", "damping", "mass"];
 function isSpringType(options, keys) {
@@ -8,27 +12,46 @@ function isSpringType(options, keys) {
 }
 function getSpringOptions(options) {
   let springOptions = {
-    velocity: 0,
-    stiffness: 100,
-    damping: 10,
-    mass: 1,
+    velocity: springDefaults.velocity,
+    stiffness: springDefaults.stiffness,
+    damping: springDefaults.damping,
+    mass: springDefaults.mass,
     isResolvedFromDuration: false,
     ...options
   };
   if (!isSpringType(options, physicsKeys) && isSpringType(options, durationKeys)) {
-    const derived = findSpring(options);
-    springOptions = {
-      ...springOptions,
-      ...derived,
-      mass: 1
-    };
-    springOptions.isResolvedFromDuration = true;
+    if (options.visualDuration) {
+      const visualDuration = options.visualDuration;
+      const root = 2 * Math.PI / (visualDuration * 1.2);
+      const stiffness = root * root;
+      const damping = 2 * clamp(0.05, 1, 1 - options.bounce) * Math.sqrt(stiffness);
+      springOptions = {
+        ...springOptions,
+        mass: springDefaults.mass,
+        stiffness,
+        damping
+      };
+    } else {
+      const derived = findSpring(options);
+      springOptions = {
+        ...springOptions,
+        ...derived,
+        mass: springDefaults.mass
+      };
+      springOptions.isResolvedFromDuration = true;
+    }
   }
   return springOptions;
 }
-function spring({ keyframes, restDelta, restSpeed, ...options }) {
-  const origin = keyframes[0];
-  const target = keyframes[keyframes.length - 1];
+function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce = springDefaults.bounce) {
+  const options = typeof optionsOrVisualDuration !== "object" ? {
+    visualDuration: optionsOrVisualDuration,
+    keyframes: [0, 1],
+    bounce
+  } : optionsOrVisualDuration;
+  let { restSpeed, restDelta } = options;
+  const origin = options.keyframes[0];
+  const target = options.keyframes[options.keyframes.length - 1];
   const state = { done: false, value: origin };
   const { stiffness, damping, mass, duration, velocity, isResolvedFromDuration } = getSpringOptions({
     ...options,
@@ -39,8 +62,8 @@ function spring({ keyframes, restDelta, restSpeed, ...options }) {
   const initialDelta = target - origin;
   const undampedAngularFreq = millisecondsToSeconds(Math.sqrt(stiffness / mass));
   const isGranularScale = Math.abs(initialDelta) < 5;
-  restSpeed || (restSpeed = isGranularScale ? 0.01 : 2);
-  restDelta || (restDelta = isGranularScale ? 5e-3 : 0.5);
+  restSpeed || (restSpeed = isGranularScale ? springDefaults.restSpeed.granular : springDefaults.restSpeed.default);
+  restDelta || (restDelta = isGranularScale ? springDefaults.restDelta.granular : springDefaults.restDelta.default);
   let resolveSpring;
   if (dampingRatio < 1) {
     const angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio);
@@ -58,7 +81,7 @@ function spring({ keyframes, restDelta, restSpeed, ...options }) {
       return target - envelope * ((initialVelocity + dampingRatio * undampedAngularFreq * initialDelta) * Math.sinh(freqForT) + dampedAngularFreq * initialDelta * Math.cosh(freqForT)) / dampedAngularFreq;
     };
   }
-  return {
+  const generator = {
     calculatedDuration: isResolvedFromDuration ? duration || null : null,
     next: (t) => {
       const current = resolveSpring(t);
@@ -75,8 +98,14 @@ function spring({ keyframes, restDelta, restSpeed, ...options }) {
       }
       state.value = state.done ? target : current;
       return state;
+    },
+    toString: () => {
+      const calculatedDuration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
+      const easing = generateLinearEasing((progress) => generator.next(calculatedDuration * progress).value, calculatedDuration, 30);
+      return calculatedDuration + "ms " + easing;
     }
   };
+  return generator;
 }
 export {
   spring

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/sequence/create.mjs

@@ -9,7 +9,12 @@ import { isGenerator } from "../generators/utils/is-generator.mjs";
 import { calcNextTime } from "./utils/calc-time.mjs";
 import { addKeyframes } from "./utils/edit.mjs";
 import { compareByTime } from "./utils/sort.mjs";
+import { invariant } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { normalizeTimes } from "./utils/normalize-times.mjs";
+import { calculateRepeatDuration } from "./utils/calc-repeat-duration.mjs";
+import { getEasingForSegment } from "../../easing/utils/get-easing-for-segment.mjs";
 const defaultSegmentEasing = "easeInOut";
+const MAX_REPEAT = 20;
 function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...sequenceTransition } = {}, scope, generators) {
   const defaultDuration = defaultTransition.duration || 0.3;
   const animationDefinitions = /* @__PURE__ */ new Map();
@@ -35,7 +40,7 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
     let maxDuration = 0;
     const resolveValueSequence = (valueKeyframes, valueTransition, valueSequence, elementIndex = 0, numSubjects = 0) => {
       const valueKeyframesAsList = keyframesAsList(valueKeyframes);
-      const { delay = 0, times = defaultOffset(valueKeyframesAsList), type = "keyframes", ...remainingTransition } = valueTransition;
+      const { delay = 0, times = defaultOffset(valueKeyframesAsList), type = "keyframes", repeat, repeatType, repeatDelay = 0, ...remainingTransition } = valueTransition;
       let { ease = defaultTransition.ease || "easeOut", duration } = valueTransition;
       const calculatedDelay = typeof delay === "function" ? delay(elementIndex, numSubjects) : delay;
       const numKeyframes = valueKeyframesAsList.length;
@@ -56,13 +61,29 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
       }
       duration !== null && duration !== void 0 ? duration : duration = defaultDuration;
       const startTime = currentTime + calculatedDelay;
-      const targetTime = startTime + duration;
       if (times.length === 1 && times[0] === 0) {
         times[1] = 1;
       }
       const remainder = times.length - valueKeyframesAsList.length;
       remainder > 0 && fillOffset(times, remainder);
       valueKeyframesAsList.length === 1 && valueKeyframesAsList.unshift(null);
+      if (repeat) {
+        invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20");
+        duration = calculateRepeatDuration(duration, repeat);
+        const originalKeyframes = [...valueKeyframesAsList];
+        const originalTimes = [...times];
+        ease = Array.isArray(ease) ? [...ease] : [ease];
+        const originalEase = [...ease];
+        for (let repeatIndex = 0; repeatIndex < repeat; repeatIndex++) {
+          valueKeyframesAsList.push(...originalKeyframes);
+          for (let keyframeIndex = 0; keyframeIndex < originalKeyframes.length; keyframeIndex++) {
+            times.push(originalTimes[keyframeIndex] + (repeatIndex + 1));
+            ease.push(keyframeIndex === 0 ? "linear" : getEasingForSegment(originalEase, keyframeIndex - 1));
+          }
+        }
+        normalizeTimes(times, repeat);
+      }
+      const targetTime = startTime + duration;
       addKeyframes(valueSequence, valueKeyframesAsList, ease, times, startTime, targetTime);
       maxDuration = Math.max(calculatedDelay + duration, maxDuration);
       totalDuration = Math.max(targetTime, totalDuration);

package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/sequence/utils/calc-repeat-duration.mjs

@@ -0,0 +1,6 @@
+function calculateRepeatDuration(duration, repeat, _repeatDelay) {
+  return duration * (repeat + 1);
+}
+export {
+  calculateRepeatDuration
+};

package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/sequence/utils/normalize-times.mjs

@@ -0,0 +1,8 @@
+function normalizeTimes(times, repeat) {
+  for (let i = 0; i < times.length; i++) {
+    times[i] = times[i] / (repeat + 1);
+  }
+}
+export {
+  normalizeTimes
+};

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/cubic-bezier.mjs

@@ -1,4 +1,5 @@
-import { noop } from "../utils/noop.mjs";
+import "../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 const calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
 const subdivisionPrecision = 1e-7;
 const subdivisionMaxIterations = 12;

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

@@ -1,6 +1,6 @@
-import { invariant } from "../../utils/errors.mjs";
+import { invariant } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
 import { cubicBezier } from "../cubic-bezier.mjs";
-import { noop } from "../../utils/noop.mjs";
 import { easeIn, easeInOut, easeOut } from "../ease.mjs";
 import { circIn, circInOut, circOut } from "../circ.mjs";
 import { backIn, backInOut, backOut } from "../back.mjs";

package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/events/add-dom-event.mjs

@@ -0,0 +1,7 @@
+function addDomEvent(target, eventName, handler, options = { passive: true }) {
+  target.addEventListener(eventName, handler, options);
+  return () => target.removeEventListener(eventName, handler);
+}
+export {
+  addDomEvent
+};

package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/frame.mjs

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