motion-v 0.5.2-beta.1 → 0.6.1

package/dist/es/index.mjs

@@ -1,43 +1,43 @@
 import { default as default2 } from "./components/Motion.vue.mjs";
-import { default as default3 } from "./components/AnimatePresence.vue.mjs";
-import { default as default4 } from "./components/LayoutGroup.vue.mjs";
+import { default as default3 } from "./components/LayoutGroup.vue.mjs";
 import { useLayoutGroup } from "./components/use-layout-group.mjs";
 import { injectLayoutGroup, injectMotion, provideLayoutGroup, provideMotion } from "./components/context.mjs";
 import { components, utilities } from "./constants/index.mjs";
+import { default as default4 } from "./components/animate-presence/AnimatePresence.vue.mjs";
 import { default as default5 } from "./components/motion-config/MotionConfig.vue.mjs";
-import { MotionValue, motionValue, motionValue as motionValue2 } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/value/index.mjs";
-import { invariant } from "./external/.pnpm/motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
-import { noop } from "./external/.pnpm/motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
-import { isDragActive } from "motion-dom";
-import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { animateMini } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
-import { scroll } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
-import { scrollInfo } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
-import { inView } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { anticipate } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/anticipate.mjs";
-import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/back.mjs";
-import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/circ.mjs";
-import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/ease.mjs";
-import { cubicBezier } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
-import { steps } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/steps.mjs";
-import { mirrorEasing } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
-import { reverseEasing } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
-import { spring } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
-import { inertia } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/generators/inertia.mjs";
-import { keyframes } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
-import { stagger } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/utils/stagger.mjs";
-import { transform } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/transform.mjs";
-import { clamp } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/clamp.mjs";
-import { delayInSeconds } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/delay.mjs";
-import { distance, distance2D } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/distance.mjs";
-import { interpolate } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/interpolate.mjs";
-import { mix } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/mix/index.mjs";
-import { pipe } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/pipe.mjs";
-import { progress } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/progress.mjs";
-import { wrap } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/wrap.mjs";
-import { time } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/sync-time.mjs";
-import { cancelSync, sync } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
-import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { MotionValue, motionValue, motionValue as motionValue2 } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { isDragActive } from "./external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/drag/state/is-active.mjs";
+import { invariant } from "./external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "./external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { progress } from "./external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/progress.mjs";
+import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { animateMini } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
+import { scroll } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { scrollInfo } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
+import { inView } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { anticipate } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/anticipate.mjs";
+import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/back.mjs";
+import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/circ.mjs";
+import { cubicBezier } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
+import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/ease.mjs";
+import { mirrorEasing } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
+import { reverseEasing } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
+import { steps } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/easing/steps.mjs";
+import { inertia } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/generators/inertia.mjs";
+import { keyframes } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
+import { spring } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
+import { stagger } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/utils/stagger.mjs";
+import { time } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/sync-time.mjs";
+import { clamp } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/clamp.mjs";
+import { delayInSeconds } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/delay.mjs";
+import { distance, distance2D } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/distance.mjs";
+import { interpolate } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/interpolate.mjs";
+import { mix } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/mix/index.mjs";
+import { pipe } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/pipe.mjs";
+import { transform } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/transform.mjs";
+import { wrap } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/wrap.mjs";
+import { cancelSync, sync } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
+import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { provideMotionConfig, useMotionConfig } from "./components/motion-config/context.mjs";
 import { useComputed } from "./value/use-computed.mjs";
 import { useCombineMotionValues } from "./value/use-combine-values.mjs";
@@ -56,8 +56,8 @@ import { useAnimationFrame } from "./utils/use-animation-frame.mjs";
 import { millisecondsToSeconds, secondsToMilliseconds } from "./utils/time-conversion.mjs";
 import { getContextWindow } from "./utils/get-context-window.mjs";
 export {
-  default3 as AnimatePresence,
-  default4 as LayoutGroup,
+  default4 as AnimatePresence,
+  default3 as LayoutGroup,
   default2 as Motion,
   default5 as MotionConfig,
   MotionValue,

package/dist/es/state/animate-variants-children.mjs

@@ -1,8 +1,8 @@
 import { style } from "./style.mjs";
 import { transformResetValue } from "./transform.mjs";
 import { resolveVariant, hasChanged, getOptions } from "./utils.mjs";
-import { animate } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/animate/index.mjs";
-function animateVariantsChildren(state, activeState) {
+import { animate } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
+function animateVariantsChildren(state, activeState, isFirstAnimate = false) {
   const variantChildren = state.visualElement.variantChildren;
   if (!(variantChildren == null ? void 0 : variantChildren.size)) {
     return {
@@ -13,11 +13,13 @@ function animateVariantsChildren(state, activeState) {
   const animationFactories = [];
   Array.from(variantChildren).forEach((child, index) => {
     var _a;
-    const prevTarget = child.state.target;
+    const prevTarget = isFirstAnimate ? child.state.baseTarget : child.state.target;
     const childState = child.state;
     childState.target = {};
     for (const name in activeState) {
-      childState.activeStates[name] = true;
+      if (name === "initial" && !isFirstAnimate) {
+        continue;
+      }
       const { definition, transition } = activeState[name];
       const { staggerChildren = 0, staggerDirection = 1, delayChildren = 0 } = transition || {};
       const maxStaggerDuration = (variantChildren.size - 1) * staggerChildren;

package/dist/es/state/create-visual-element.mjs

@@ -1,6 +1,6 @@
 import { isSVGElement } from "./utils.mjs";
-import { HTMLVisualElement } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
-import { SVGVisualElement } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
+import { HTMLVisualElement } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
+import { SVGVisualElement } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
 function createVisualElement(Component, options) {
   return isSVGElement(Component) ? new SVGVisualElement(options) : new HTMLVisualElement(options);
 }

package/dist/es/state/motion-state.mjs

@@ -1,33 +1,37 @@
 import { invariant } from "hey-listen";
-import { visualElementStore } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/store.mjs";
+import { visualElementStore } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/store.mjs";
 import { resolveVariant, getOptions, hasChanged } from "./utils.mjs";
 import { FeatureManager } from "../features/feature-manager.mjs";
 import { style } from "./style.mjs";
 import { transformResetValue } from "./transform.mjs";
-import { scheduleAnimation, unscheduleAnimation } from "./schedule.mjs";
 import { motionEvent } from "./event.mjs";
 import { createVisualElement } from "./create-visual-element.mjs";
 import { animateVariantsChildren } from "./animate-variants-children.mjs";
 import { doneCallbacks } from "../components/presence.mjs";
-import { noop } from "../external/.pnpm/motion-utils@11.14.3/external/motion-utils/dist/es/noop.mjs";
-import "../external/.pnpm/motion-utils@11.14.3/external/motion-utils/dist/es/errors.mjs";
-import { animate } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { noop } from "../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import "../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { animate } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
 import { isDef } from "../external/.pnpm/@vueuse_shared@12.0.0_typescript@5.7.2/external/@vueuse/shared/index.mjs";
 const STATE_TYPES = ["initial", "animate", "inView", "hover", "press", "whileDrag", "exit"];
 const mountedStates = /* @__PURE__ */ new WeakMap();
 let id = 0;
 class MotionState {
   constructor(options, parent) {
+    var _a;
     this.element = null;
-    this.isFirstAnimate = true;
+    this.isSafeToRemove = false;
+    this.isVShow = false;
+    this.children = /* @__PURE__ */ new Set();
     this.activeStates = {
-      initial: true,
+      // initial: true,
       animate: true
     };
     this._context = null;
     this.id = `motion-state-${id++}`;
     this.options = options;
     this.parent = parent;
+    (_a = parent == null ? void 0 : parent.children) == null ? void 0 : _a.add(this);
     this.depth = (parent == null ? void 0 : parent.depth) + 1 || 0;
     this.visualElement = createVisualElement(this.options.as, {
       presenceContext: null,
@@ -51,8 +55,8 @@ class MotionState {
       reducedMotionConfig: options.motionConfig.reduceMotion
     });
     const initialVariantSource = options.initial === false ? "animate" : "initial";
-    this.featureManager = new FeatureManager(this);
     this.initTarget(initialVariantSource);
+    this.featureManager = new FeatureManager(this);
   }
   get context() {
     if (!this._context) {
@@ -68,7 +72,7 @@ class MotionState {
   }
   initTarget(initialVariantSource) {
     this.baseTarget = resolveVariant(this.options[initialVariantSource] || this.context[initialVariantSource], this.options.variants) || {};
-    this.target = { ...this.baseTarget };
+    this.target = {};
   }
   get initial() {
     return isDef(this.options.initial) ? this.options.initial : this.context.initial;
@@ -87,7 +91,7 @@ class MotionState {
   beforeMount() {
     this.featureManager.beforeMount();
   }
-  mount(element, options) {
+  mount(element, options, notAnimate = false) {
     invariant(
       Boolean(element),
       "Animation state must be mounted with valid Element"
@@ -111,38 +115,64 @@ class MotionState {
       }
     }
     this.featureManager.mount();
-    scheduleAnimation(this);
+    if (!notAnimate) {
+      this.animateUpdates(true);
+    }
   }
   beforeUnmount() {
     this.featureManager.beforeUnmount();
   }
-  unmount() {
-    var _a;
+  unmount(unMountChildren = false) {
+    var _a, _b, _c;
     mountedStates.delete(this.element);
-    unscheduleAnimation(this);
-    (_a = visualElementStore.get(this.element)) == null ? void 0 : _a.unmount();
     this.featureManager.unmount();
+    if (unMountChildren) {
+      frame.render(() => {
+        var _a2;
+        (_a2 = this.visualElement) == null ? void 0 : _a2.unmount();
+      });
+    } else {
+      (_a = this.visualElement) == null ? void 0 : _a.unmount();
+    }
+    if (unMountChildren) {
+      const unmountChild = (child) => {
+        var _a2;
+        child.unmount(true);
+        (_a2 = child.children) == null ? void 0 : _a2.forEach(unmountChild);
+      };
+      Array.from(this.children).forEach(unmountChild);
+    }
+    (_c = (_b = this.parent) == null ? void 0 : _b.children) == null ? void 0 : _c.delete(this);
   }
   beforeUpdate() {
     this.featureManager.beforeUpdate();
   }
-  update(options) {
+  update(options, notAnimate = false) {
+    const prevAnimate = JSON.stringify(this.options.animate);
     this.options = options;
+    let hasAnimateChange = false;
+    if (prevAnimate !== JSON.stringify(options.animate)) {
+      hasAnimateChange = true;
+    }
     this.updateOptions();
     this.featureManager.update();
-    scheduleAnimation(this);
+    if (hasAnimateChange && !notAnimate) {
+      this.animateUpdates();
+    }
   }
-  setActive(name, isActive) {
+  setActive(name, isActive, isAnimate = true) {
     var _a;
     if (!this.element || this.activeStates[name] === isActive)
       return;
     this.activeStates[name] = isActive;
     (_a = this.visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
-      child.state.setActive(name, isActive);
+      child.state.setActive(name, isActive, false);
     });
-    scheduleAnimation(this);
+    if (isAnimate) {
+      this.animateUpdates();
+    }
   }
-  *animateUpdates() {
+  animateUpdates(isInitial = false) {
     const prevTarget = this.target;
     this.target = {};
     const activeState = {};
@@ -150,13 +180,13 @@ class MotionState {
     let transition;
     for (const name of STATE_TYPES) {
       if (name === "initial") {
-        if (!this.isFirstAnimate) {
+        if (!isInitial) {
           continue;
         }
-        this.isFirstAnimate = false;
       }
-      if (!this.activeStates[name])
+      if (!this.activeStates[name] && name !== "initial") {
         continue;
+      }
       const definition = isDef(this.options[name]) ? this.options[name] : this.context[name];
       const variant = resolveVariant(
         definition,
@@ -212,11 +242,10 @@ class MotionState {
     let getChildAnimations = () => Promise.resolve();
     let childAnimations = [];
     if (Object.keys(activeState).length) {
-      const { getAnimations, animations: animations2 } = animateVariantsChildren(this, activeState);
+      const { getAnimations, animations: animations2 } = animateVariantsChildren(this, activeState, isInitial);
       getChildAnimations = getAnimations;
       childAnimations = animations2;
     }
-    yield;
     let animations;
     const getAnimation = () => {
       animations = animationFactories.map((factory) => factory()).filter(Boolean);
@@ -254,6 +283,10 @@ class MotionState {
   getOptions() {
     return this.options;
   }
+  willUpdate(label) {
+    var _a;
+    (_a = this.visualElement.projection) == null ? void 0 : _a.willUpdate();
+  }
 }
 export {
   MotionState,

package/dist/es/state/utils.mjs

@@ -23,13 +23,6 @@ function shallowCompare(next, prev) {
   }
   return true;
 }
-function addUniqueItem(array, item) {
-  !array.includes(item) && array.push(item);
-}
-function removeItem(array, item) {
-  const index = array.indexOf(item);
-  index !== -1 && array.splice(index, 1);
-}
 function getOptions(options, key) {
   return options[key] ? { ...options, ...options[key] } : { ...options };
 }
@@ -102,14 +95,12 @@ function isSVGElement(as) {
   return svgElementSet.has(as);
 }
 export {
-  addUniqueItem,
   getOptions,
   hasChanged,
   isCssVar,
   isNumber,
   isSVGElement,
   noopReturn,
-  removeItem,
   resolveVariant,
   shallowCompare,
   svgElements

package/dist/es/utils/use-animation-frame.mjs

@@ -1,5 +1,5 @@
 import { onBeforeUpdate, onUnmounted } from "vue";
-import { frame, cancelFrame } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 function useAnimationFrame(callback) {
   let initialTimestamp = 0;
   const provideTimeSinceStart = ({ timestamp, delta }) => {

package/dist/es/utils/use-in-view.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, isRef, unref } from "vue";
-import { inView } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { inView } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
 function useInView(domRef, options) {
   const isInView = ref(false);
   watch([domRef, () => isRef(options) ? options.value : options], (_v1, _v2) => {

package/dist/es/value/use-combine-values.mjs

@@ -1,6 +1,6 @@
 import { onUnmounted } from "vue";
-import { motionValue } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/value/index.mjs";
-import { cancelFrame, frame } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { cancelFrame, frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 function useCombineMotionValues(combineValues) {
   const value = motionValue(combineValues());
   const updateValue = () => value.set(combineValues());

package/dist/es/value/use-computed.mjs

@@ -1,5 +1,5 @@
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { collectMotionValues } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/value/index.mjs";
+import { collectMotionValues } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
 import { onBeforeUpdate } from "vue";
 function useComputed(computed) {
   collectMotionValues.current = [];

package/dist/es/value/use-scroll.mjs

@@ -1,7 +1,7 @@
 import { onMounted, onUnmounted, watch } from "vue";
 import { warning } from "hey-listen";
-import { motionValue } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/value/index.mjs";
-import { scroll } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { scroll } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
 function refWarning(name, ref) {
   warning(
     Boolean(!ref || ref.value),

package/dist/es/value/use-spring.mjs

@@ -1,7 +1,7 @@
 import { watch } from "vue";
-import { animateValue } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/value/index.mjs";
-import { frame, frameData } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { animateValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { frame, frameData } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { isMotionValue } from "../utils/motion-value.mjs";
 function toNumber(v) {
   if (typeof v === "number")

package/dist/es/value/use-time.mjs

@@ -1,5 +1,5 @@
 import { useAnimationFrame } from "../utils/use-animation-frame.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/value/index.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
 function useTime() {
   const time = motionValue(0);
   useAnimationFrame((t) => time.set(t));

package/dist/es/value/use-transform.mjs

@@ -1,6 +1,6 @@
 import { useComputed } from "./use-computed.mjs";
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { transform } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/transform.mjs";
+import { transform } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/transform.mjs";
 function useTransform(input, inputRangeOrTransformer, outputRange, options) {
   if (typeof input === "function") {
     return useComputed(input);

package/dist/es/value/use-velocity.mjs

@@ -1,6 +1,6 @@
 import { useMotionValueEvent } from "./use-motion-value-event.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/value/index.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/value/index.mjs";
+import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 function useVelocity(value) {
   const velocity = motionValue(value.getVelocity());
   const updateVelocity = () => {

package/dist/src/animation/types.d.ts

@@ -1,12 +0,0 @@
-import { AnimationControls as FramerAnimationControls, VisualElement } from 'framer-motion';
-export interface AnimationControls extends FramerAnimationControls {
-    /**
-     * Subscribes a component's animation controls to this.
-     *
-     * @param controls - The controls to subscribe
-     * @returns An unsubscribe function.
-     *
-     * @internal
-     */
-    subscribe: (visualElement: VisualElement) => () => void;
-}

package/dist/src/components/LayoutGroup.d.ts

@@ -10,18 +10,9 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<LayoutGroupProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LayoutGroupProps>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<LayoutGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/src/components/Motion.d.ts

@@ -6,7 +6,7 @@ export interface MotionProps<T extends ElementType = 'div', K = unknown> extends
     whileDrag?: Options['whileDrag'];
 }
 declare const _default: <T extends ElementType = "div", K = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, never>, never> & (Omit<SetMotionValueType<IntrinsicElementAttributes, keyof SVGAttributesWithMotionValues>[T], "asChild" | keyof Options<any>> & MotionProps<T, K>)> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & (Omit<SetMotionValueType<IntrinsicElementAttributes, keyof SVGAttributesWithMotionValues>[T], "asChild" | keyof Options<any>> & MotionProps<T, K>)> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/dist/src/components/Primitive.d.ts

@@ -13,7 +13,7 @@ export interface PrimitiveProps {
      */
     as?: AsTag | Component;
 }
-export declare const Primitive: import('vue').DefineComponent<{
+export declare const Primitive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     asChild: {
         type: BooleanConstructor;
         default: boolean;
@@ -22,9 +22,13 @@ export declare const Primitive: import('vue').DefineComponent<{
         type: PropType<AsTag>;
         default: string;
     };
-}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    getProps: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     asChild: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,7 +37,12 @@ export declare const Primitive: import('vue').DefineComponent<{
         type: PropType<AsTag>;
         default: string;
     };
-}>>, {
+    getProps: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
     as: AsTag;
     asChild: boolean;
-}, {}>;
+    getProps: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Slot.d.ts

@@ -2,4 +2,4 @@ export declare const Slot: import('vue').DefineComponent<{}, () => import('vue')
     [key: string]: any;
 }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/src/components/animate-presence/AnimatePresence.d.ts

@@ -0,0 +1,21 @@
+import { AnimatePresenceProps } from './types';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AnimatePresenceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AnimatePresenceProps> & Readonly<{}>, {
+    initial: boolean;
+    mode: "wait" | "popLayout" | "sync";
+    multiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/animate-presence/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AnimatePresence } from './AnimatePresence';
+export type { AnimatePresenceProps } from './types';

package/dist/src/components/{type.d.ts → animate-presence/types.d.ts}

@@ -3,4 +3,6 @@ export interface AnimatePresenceProps {
     initial?: boolean;
     multiple?: boolean;
     as?: string;
+    custom?: any;
+    onExitComplete?: VoidFunction;
 }

package/dist/src/components/{use-pop-layout.d.ts → animate-presence/use-pop-layout.d.ts}

@@ -1,6 +1,7 @@
-import { AnimatePresenceProps } from './type';
-import { MotionState } from '../state';
+import { AnimatePresenceProps } from './types';
+import { MotionState } from '../../state';
 export declare function usePopLayout(props: AnimatePresenceProps): {
     addPopStyle: (state: MotionState) => void;
     removePopStyle: (state: MotionState) => void;
+    styles: WeakMap<MotionState, HTMLStyleElement>;
 };

package/dist/src/components/animate-presence/use-presence.d.ts

@@ -0,0 +1,2 @@
+export declare const presenceMeasure: Map<HTMLElement, boolean>;
+export declare function usePresence(): void;

package/dist/src/components/context.d.ts

@@ -6,6 +6,7 @@ export interface NodeGroup {
     add: (node: IProjectionNode) => void;
     remove: (node: IProjectionNode) => void;
     dirty: VoidFunction;
+    didUpdate: VoidFunction;
 }
 export interface LayoutGroupState {
     id?: string;

package/dist/src/components/group.d.ts

@@ -3,5 +3,6 @@ export interface NodeGroup {
     add: (node: IProjectionNode) => void;
     remove: (node: IProjectionNode) => void;
     dirty: VoidFunction;
+    didUpdate: VoidFunction;
 }
 export declare function nodeGroup(): NodeGroup;