motion-v 0.5.2-beta.1 → 0.6.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, onUpdated, onBeforeUpdate, renderSlot, unref } from "vue";
+import { defineComponent, onBeforeUpdate, renderSlot, unref } from "vue";
 import { useLayoutGroupProvider } from "./use-layout-group.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LayoutGroup",
@@ -9,8 +9,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { forceRender, key, group } = useLayoutGroupProvider(props);
-    onUpdated(() => {
-    });
     onBeforeUpdate(() => {
       group.dirty();
     });

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

@@ -1,10 +1,10 @@
-import { defineComponent, mergeDefaults, ref, useAttrs, getCurrentInstance, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, onBeforeUpdate, onUpdated, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { defineComponent, mergeDefaults, 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";
 import { MotionState } from "../state/motion-state.mjs";
 import { injectAnimatePresence } from "./presence.mjs";
-import { getMotionElement } from "./utils.mjs";
+import { getMotionElement, checkMotionIsHidden } from "./utils.mjs";
 import { useMotionConfig } from "./motion-config/context.mjs";
 import { isMotionValue } from "../utils/motion-value.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27,6 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     transition: {},
     layoutGroup: {},
     motionConfig: {},
+    onAnimationComplete: { type: Function },
+    onUpdate: { type: Function },
     layout: { type: [Boolean, String] },
     layoutId: {},
     layoutScroll: { type: Boolean },
@@ -80,22 +82,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     dragElastic: 0.2,
     dragMomentum: true,
     whileDrag: void 0,
-    crossfade: void 0
+    crossfade: true
   }),
   setup(__props) {
     const props = __props;
-    const { initial: presenceInitial, safeUnmount } = injectAnimatePresence({ initial: ref(void 0), safeUnmount: () => true });
+    const animatePresenceContext = injectAnimatePresence({});
     const parentState = injectMotion(null);
     const attrs = useAttrs();
     const layoutGroup = injectLayoutGroup({});
     const config = useMotionConfig();
-    const state = new MotionState(
-      {
+    function getLayoutId() {
+      if (layoutGroup.id && props.layoutId)
+        return `${layoutGroup.id}-${props.layoutId}`;
+      return props.layoutId || void 0;
+    }
+    function getMotionProps() {
+      return {
         ...attrs,
         ...props,
+        layoutId: getLayoutId(),
+        transition: props.transition ?? config.value.transition,
         layoutGroup,
-        motionConfig: config.value
-      },
+        motionConfig: config.value,
+        initial: animatePresenceContext.initial === false ? animatePresenceContext.initial : props.initial === true ? void 0 : props.initial
+      };
+    }
+    const state = new MotionState(
+      getMotionProps(),
       parentState
     );
     provideMotion(state);
@@ -104,29 +117,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       state.beforeMount();
     });
     onMounted(() => {
-      state.mount(getMotionElement(instance.$el), {
-        ...attrs,
-        ...props,
-        transition: props.transition ?? config.value.transition,
-        layoutGroup,
-        motionConfig: config.value,
-        initial: presenceInitial.value === false ? presenceInitial.value : props.initial === true ? void 0 : props.initial
-      });
+      state.mount(getMotionElement(instance.$el), getMotionProps(), checkMotionIsHidden(instance));
     });
     onBeforeUnmount(() => state.beforeUnmount());
     onUnmounted(() => {
-      if (safeUnmount(getMotionElement(instance.$el)))
+      const el = getMotionElement(instance.$el);
+      if (!(el == null ? void 0 : el.isConnected)) {
         state.unmount();
+      }
+    });
+    onBeforeUpdate(() => {
+      state.beforeUpdate();
     });
-    onBeforeUpdate(() => state.beforeUpdate());
     onUpdated(() => {
-      state.update({
-        ...attrs,
-        ...props,
-        transition: props.transition ?? config.value.transition,
-        motionConfig: config.value,
-        initial: presenceInitial.value === false ? presenceInitial.value : props.initial === true ? void 0 : props.initial
-      });
+      state.update(getMotionProps());
     });
     function getProps() {
       const isSVG = state.visualElement.type === "svg";
@@ -145,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         Object.assign(styleProps, style);
       }
       if (!state.isMounted()) {
-        Object.assign(styleProps, state.target);
+        Object.assign(styleProps, state.baseTarget);
       }
       if (props.drag && props.dragListener !== false) {
         Object.assign(styleProps, {
@@ -163,15 +167,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return attrsProps;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps({
+      return openBlock(), createBlock(unref(Primitive), mergeProps(getProps(), {
         as: _ctx.as,
-        "as-child": _ctx.asChild
-      }, getProps()), {
+        "as-child": _ctx.asChild,
+        "data-motion-id": unref(state).id
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["as", "as-child"]);
+      }, 16, ["as", "as-child", "data-motion-id"]);
     };
   }
 });

package/dist/es/components/{AnimatePresence.vue.mjs → animate-presence/AnimatePresence.vue.mjs}

@@ -1,7 +1,8 @@
-import { defineComponent, toRefs, openBlock, createBlock, resolveDynamicComponent, TransitionGroup, Transition, withCtx, renderSlot } from "vue";
-import { mountedStates } from "../state/motion-state.mjs";
-import { provideAnimatePresence, doneCallbacks, removeDoneCallback } from "./presence.mjs";
+import { defineComponent, onMounted, onUnmounted, openBlock, createBlock, resolveDynamicComponent, TransitionGroup, Transition, withCtx, renderSlot } from "vue";
+import { mountedStates } from "../../state/motion-state.mjs";
+import { provideAnimatePresence, removeDoneCallback, doneCallbacks } from "../presence.mjs";
 import { usePopLayout } from "./use-pop-layout.mjs";
+import { createStyles } from "../../state/style.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "AnimatePresence",
@@ -12,19 +13,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     mode: { default: "sync" },
     initial: { type: Boolean, default: true },
     multiple: { type: Boolean, default: false },
-    as: {}
+    as: {},
+    custom: {},
+    onExitComplete: {}
   },
   setup(__props) {
     const props = __props;
-    const { initial } = toRefs(props);
-    provideAnimatePresence({
-      initial,
-      safeUnmount(el) {
-        return !doneCallbacks.has(el);
-      }
+    const presenceContext = {
+      initial: props.initial,
+      custom: props.custom
+    };
+    provideAnimatePresence(presenceContext);
+    onMounted(() => {
+      presenceContext.initial = void 0;
     });
     function enter(el) {
       const state = mountedStates.get(el);
+      const motionStateId = el.dataset.motionId;
+      const motionState = mountedStates.get(motionStateId);
+      if (motionState) {
+        const baseStyle = createStyles(motionState.baseTarget);
+        Object.assign(el.style, baseStyle);
+      }
       if (!state) {
         return;
       }
@@ -32,22 +42,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       state.setActive("exit", false);
     }
     const { addPopStyle, removePopStyle } = usePopLayout(props);
+    const exitDom = /* @__PURE__ */ new Map();
+    onUnmounted(() => {
+      exitDom.clear();
+    });
     function exit(el, done) {
       const state = mountedStates.get(el);
       if (!state) {
         return done();
       }
+      exitDom.set(el, true);
       removeDoneCallback(el);
       addPopStyle(state);
       function doneCallback(e) {
         var _a, _b;
-        removePopStyle(state);
         if ((_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.isExit) {
+          const projection = state.visualElement.projection;
+          if ((projection == null ? void 0 : projection.animationProgress) > 0 && !state.isSafeToRemove) {
+            return;
+          }
+          state.willUpdate("done");
+          removePopStyle(state);
           removeDoneCallback(el);
-          (_b = state.visualElement.projection) == null ? void 0 : _b.willUpdate();
+          exitDom.delete(el);
+          if (exitDom.size === 0) {
+            (_b = props.onExitComplete) == null ? void 0 : _b.call(props);
+          }
           done();
-          if (!el.isConnected) {
-            state.unmount();
+          if (!(el == null ? void 0 : el.isConnected)) {
+            state.unmount(true);
           }
         }
       }

package/dist/es/components/{use-pop-layout.mjs → animate-presence/use-pop-layout.mjs}

@@ -1,4 +1,4 @@
-import { useMotionConfig } from "./motion-config/context.mjs";
+import { useMotionConfig } from "../motion-config/context.mjs";
 function usePopLayout(props) {
   const styles = /* @__PURE__ */ new WeakMap();
   const config = useMotionConfig();

package/dist/es/components/group.mjs

@@ -20,9 +20,12 @@ function nodeGroup() {
         unsubscribe();
         subscriptions.delete(node);
       }
-      dirtyAll();
     },
-    dirty: dirtyAll
+    dirty: dirtyAll,
+    didUpdate: () => {
+      var _a;
+      (_a = nodes[0]) == null ? void 0 : _a.didUpdate();
+    }
   };
 }
 export {

package/dist/es/components/presence.mjs

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

package/dist/es/components/utils.mjs

@@ -3,6 +3,13 @@ function getMotionElement(el) {
     return getMotionElement(el.nextSibling);
   return el;
 }
+function checkMotionIsHidden(instance) {
+  var _a;
+  const isHidden = ((_a = getMotionElement(instance.$el)) == null ? void 0 : _a.style.display) === "none";
+  const hasTransition = instance.$.vnode.transition;
+  return hasTransition && isHidden;
+}
 export {
+  checkMotionIsHidden,
   getMotionElement
 };

package/dist/es/constants/index.mjs

@@ -2,7 +2,8 @@ const components = {
   motion: [
     "Motion",
     "AnimatePresence",
-    "LayoutGroup"
+    "LayoutGroup",
+    "MotionConfig"
   ]
 };
 const utilities = {

package/dist/es/features/layout/layout.mjs

@@ -8,8 +8,7 @@ class LayoutFeature extends Feature {
     addScaleCorrector(defaultScaleCorrector);
   }
   beforeUpdate() {
-    var _a;
-    (_a = this.state.visualElement.projection) == null ? void 0 : _a.willUpdate();
+    this.state.willUpdate("beforeUpdate");
   }
   update() {
     var _a;
@@ -31,15 +30,25 @@ class LayoutFeature extends Feature {
     }
   }
   beforeUnmount() {
+    const projection = this.state.visualElement.projection;
+    if (projection) {
+      this.state.willUpdate("beforeUnmount");
+      if (this.state.options.layoutId) {
+        projection.isPresent = false;
+        projection.relegate();
+      } else if (this.state.options.layout) {
+        this.state.isSafeToRemove = true;
+      }
+    }
   }
   unmount() {
+    var _a, _b;
+    const layoutGroup = this.state.options.layoutGroup;
     const projection = this.state.visualElement.projection;
-    if (projection) {
-      projection.root.didUpdate();
-      projection.finishAnimation();
-      const layoutGroup = this.state.options.layoutGroup;
-      if (layoutGroup == null ? void 0 : layoutGroup.group)
-        layoutGroup.group.remove(projection);
+    if ((layoutGroup == null ? void 0 : layoutGroup.group) && projection)
+      layoutGroup.group.remove(projection);
+    if (this.state.options.layoutId || this.state.options.layout) {
+      (_b = (_a = this.state.visualElement.projection) == null ? void 0 : _a.root) == null ? void 0 : _b.didUpdate();
     }
   }
 }

package/dist/es/features/layout/projection.mjs

@@ -3,6 +3,7 @@ import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@11.15.0/e
 import { getClosestProjectingNode } from "./utils.mjs";
 import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
+import { doneCallbacks } from "../../components/presence.mjs";
 class ProjectionFeature extends Feature {
   constructor(state) {
     super(state);
@@ -14,6 +15,7 @@ class ProjectionFeature extends Feature {
       this.state.visualElement.latestValues,
       options["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(this.state.visualElement.parent)
     );
+    this.state.visualElement.projection.isPresent = true;
     this.state.visualElement.projection.setOptions({
       layout: options.layout,
       layoutId: options.layoutId,
@@ -24,7 +26,21 @@ class ProjectionFeature extends Feature {
       // initialPromotionConfig
       layoutRoot: options.layoutRoot,
       layoutScroll: options.layoutScroll,
-      crossfade: options.crossfade
+      crossfade: options.crossfade,
+      onExitComplete: () => {
+        var _a;
+        if (!((_a = this.state.visualElement.projection) == null ? void 0 : _a.isPresent)) {
+          const done = doneCallbacks.get(this.state.element);
+          this.state.isSafeToRemove = true;
+          if (done) {
+            done({
+              detail: {
+                isExit: true
+              }
+            }, true);
+          }
+        }
+      }
     });
   }
   beforeMount() {

package/dist/es/index.mjs

@@ -1,9 +1,9 @@
 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";
@@ -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

@@ -2,7 +2,7 @@ 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) {
+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/motion-state.mjs

@@ -4,7 +4,7 @@ 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 { scheduleAnimation } from "./schedule.mjs";
 import { motionEvent } from "./event.mjs";
 import { createVisualElement } from "./create-visual-element.mjs";
 import { animateVariantsChildren } from "./animate-variants-children.mjs";
@@ -14,20 +14,25 @@ import "../external/.pnpm/motion-utils@11.14.3/external/motion-utils/dist/es/err
 import { animate } from "../external/.pnpm/framer-motion@11.15.0/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();
+const mountedStates = /* @__PURE__ */ new Map();
 let id = 0;
 class MotionState {
   constructor(options, parent) {
+    var _a;
     this.element = null;
+    this.isSafeToRemove = false;
     this.isFirstAnimate = true;
+    this.children = /* @__PURE__ */ new Set();
     this.activeStates = {
-      initial: true,
+      // initial: true,
       animate: true
     };
     this._context = null;
     this.id = `motion-state-${id++}`;
+    mountedStates.set(this.id, this);
     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 +56,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 +73,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 +92,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 +116,57 @@ 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;
     mountedStates.delete(this.element);
-    unscheduleAnimation(this);
-    (_a = visualElementStore.get(this.element)) == null ? void 0 : _a.unmount();
+    mountedStates.delete(this.id);
     this.featureManager.unmount();
+    (_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);
+      };
+      (_b = this.children) == null ? void 0 : _b.forEach(unmountChild);
+    }
   }
   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) {
+      scheduleAnimation(this);
+    }
   }
-  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) {
+      scheduleAnimation(this);
+    }
   }
-  *animateUpdates() {
+  animateUpdates(isInitial = false) {
     const prevTarget = this.target;
     this.target = {};
     const activeState = {};
@@ -150,13 +174,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 +236,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 +277,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/schedule.mjs

@@ -1,30 +1,6 @@
-import { addUniqueItem, removeItem } from "./utils.mjs";
-let scheduled;
-const fireNext = (iterator) => iterator.next();
-const fireAnimateUpdates = (state) => state.animateUpdates();
-function processScheduledAnimations() {
-  if (!scheduled)
-    return;
-  const generators = scheduled.sort(compareByDepth).map(fireAnimateUpdates);
-  generators.forEach(fireNext);
-  generators.forEach(fireNext);
-  scheduled = void 0;
-}
 function scheduleAnimation(state) {
-  if (!scheduled) {
-    scheduled = [state];
-    requestAnimationFrame(processScheduledAnimations);
-  } else {
-    addUniqueItem(scheduled, state);
-  }
-}
-function unscheduleAnimation(state) {
-  scheduled && removeItem(scheduled, state);
-}
-function compareByDepth(a, b) {
-  return a.depth - b.depth;
+  state.animateUpdates();
 }
 export {
-  scheduleAnimation,
-  unscheduleAnimation
+  scheduleAnimation
 };

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/src/components/{AnimatePresence.d.ts → animate-presence/AnimatePresence.d.ts}

@@ -1,4 +1,4 @@
-import { AnimatePresenceProps } from './type';
+import { AnimatePresenceProps } from './types';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;

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

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