motion-v 0.5.2-beta.1 → 0.6.1

package/dist/es/external/.pnpm/{framer-motion@11.15.0/external/framer-motion/dist/es/animation/GroupPlaybackControls.mjs → motion-dom@11.16.4/external/motion-dom/dist/es/animation/controls/BaseGroup.mjs}

@@ -1,11 +1,11 @@
-import { supportsScrollTimeline } from "../render/dom/scroll/supports.mjs";
-class GroupPlaybackControls {
+import { supportsScrollTimeline } from "../../utils/supports/scroll-timeline.mjs";
+class BaseGroupPlaybackControls {
   constructor(animations) {
     this.stop = () => this.runAll("stop");
     this.animations = animations.filter(Boolean);
   }
-  then(onResolve, onReject) {
-    return Promise.all(this.animations).then(onResolve).catch(onReject);
+  get finished() {
+    return Promise.all(this.animations.map((animation) => "finished" in animation ? animation.finished : animation));
   }
   /**
    * TODO: Filter out cancelled or stopped animations before returning
@@ -22,7 +22,7 @@ class GroupPlaybackControls {
     const subscriptions = this.animations.map((animation) => {
       if (supportsScrollTimeline() && animation.attachTimeline) {
         return animation.attachTimeline(timeline);
-      } else {
+      } else if (typeof fallback === "function") {
         return fallback(animation);
       }
     });
@@ -75,5 +75,5 @@ class GroupPlaybackControls {
   }
 }
 export {
-  GroupPlaybackControls
+  BaseGroupPlaybackControls
 };

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/animation/controls/Group.mjs

@@ -0,0 +1,9 @@
+import { BaseGroupPlaybackControls } from "./BaseGroup.mjs";
+class GroupPlaybackControls extends BaseGroupPlaybackControls {
+  then(onResolve, onReject) {
+    return Promise.all(this.animations).then(onResolve).catch(onReject);
+  }
+}
+export {
+  GroupPlaybackControls
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs

@@ -0,0 +1,17 @@
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { millisecondsToSeconds } from "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { calcGeneratorDuration, maxGeneratorDuration } from "./calc-duration.mjs";
+function createGeneratorEasing(options, scale = 100, createGenerator) {
+  const generator = createGenerator({ ...options, keyframes: [0, scale] });
+  const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
+  return {
+    type: "keyframes",
+    ease: (progress) => {
+      return generator.next(duration * progress).value / scale;
+    },
+    duration: millisecondsToSeconds(duration)
+  };
+}
+export {
+  createGeneratorEasing
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/animation/waapi/NativeAnimationControls.mjs

@@ -0,0 +1,81 @@
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { noop } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/noop.mjs";
+import { millisecondsToSeconds, secondsToMilliseconds } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/time-conversion.mjs";
+import { attachTimeline } from "./utils/attach-timeline.mjs";
+class NativeAnimationControls {
+  constructor(animation) {
+    this.animation = animation;
+  }
+  get duration() {
+    var _a, _b, _c;
+    const durationInMs = ((_b = (_a = this.animation) === null || _a === void 0 ? void 0 : _a.effect) === null || _b === void 0 ? void 0 : _b.getComputedTiming().duration) || ((_c = this.options) === null || _c === void 0 ? void 0 : _c.duration) || 300;
+    return millisecondsToSeconds(Number(durationInMs));
+  }
+  get time() {
+    var _a;
+    if (this.animation) {
+      return millisecondsToSeconds(((_a = this.animation) === null || _a === void 0 ? void 0 : _a.currentTime) || 0);
+    }
+    return 0;
+  }
+  set time(newTime) {
+    if (this.animation) {
+      this.animation.currentTime = secondsToMilliseconds(newTime);
+    }
+  }
+  get speed() {
+    return this.animation ? this.animation.playbackRate : 1;
+  }
+  set speed(newSpeed) {
+    if (this.animation) {
+      this.animation.playbackRate = newSpeed;
+    }
+  }
+  get state() {
+    return this.animation ? this.animation.playState : "finished";
+  }
+  get startTime() {
+    return this.animation ? this.animation.startTime : null;
+  }
+  get finished() {
+    return this.animation ? this.animation.finished : Promise.resolve();
+  }
+  play() {
+    this.animation && this.animation.play();
+  }
+  pause() {
+    this.animation && this.animation.pause();
+  }
+  stop() {
+    if (!this.animation || this.state === "idle" || this.state === "finished") {
+      return;
+    }
+    if (this.animation.commitStyles) {
+      this.animation.commitStyles();
+    }
+    this.cancel();
+  }
+  flatten() {
+    var _a;
+    if (!this.animation)
+      return;
+    (_a = this.animation.effect) === null || _a === void 0 ? void 0 : _a.updateTiming({ easing: "linear" });
+  }
+  attachTimeline(timeline) {
+    if (this.animation)
+      attachTimeline(this.animation, timeline);
+    return noop;
+  }
+  complete() {
+    this.animation && this.animation.finish();
+  }
+  cancel() {
+    try {
+      this.animation && this.animation.cancel();
+    } catch (e) {
+    }
+  }
+}
+export {
+  NativeAnimationControls
+};

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

@@ -1,6 +1,6 @@
-import { isBezierDefinition } from "../../../easing/utils/is-bezier-definition.mjs";
-import { generateLinearEasing } from "./utils/linear.mjs";
-import { supportsLinearEasing } from "./utils/supports-linear-easing.mjs";
+import { isBezierDefinition } from "../../../utils/is-bezier-definition.mjs";
+import { supportsLinearEasing } from "../../../utils/supports/linear-easing.mjs";
+import { generateLinearEasing } from "./linear.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));
 }

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

@@ -1,4 +1,5 @@
-import { progress } from "../../../../utils/progress.mjs";
+import "../../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { progress } from "../../../../../../../../motion-utils@11.16.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);

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/drag/state/is-active.mjs

@@ -0,0 +1,11 @@
+const isDragging = {
+  x: false,
+  y: false
+};
+function isDragActive() {
+  return isDragging.y;
+}
+export {
+  isDragActive,
+  isDragging
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/hover.mjs

@@ -0,0 +1,30 @@
+import { isDragActive } from "./drag/state/is-active.mjs";
+import { setupGesture } from "./utils/setup.mjs";
+function filterEvents(callback) {
+  return (event) => {
+    if (event.pointerType === "touch" || isDragActive())
+      return;
+    callback(event);
+  };
+}
+function hover(elementOrSelector, onHoverStart, options = {}) {
+  const [elements, eventOptions, cancel] = setupGesture(elementOrSelector, options);
+  const onPointerEnter = filterEvents((enterEvent) => {
+    const { target } = enterEvent;
+    const onHoverEnd = onHoverStart(enterEvent);
+    if (typeof onHoverEnd !== "function" || !target)
+      return;
+    const onPointerLeave = filterEvents((leaveEvent) => {
+      onHoverEnd(leaveEvent);
+      target.removeEventListener("pointerleave", onPointerLeave);
+    });
+    target.addEventListener("pointerleave", onPointerLeave, eventOptions);
+  });
+  elements.forEach((element) => {
+    element.addEventListener("pointerenter", onPointerEnter, eventOptions);
+  });
+  return cancel;
+}
+export {
+  hover
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/index.mjs

@@ -0,0 +1,51 @@
+import { isDragActive } from "../drag/state/is-active.mjs";
+import { isNodeOrChild } from "../utils/is-node-or-child.mjs";
+import { isPrimaryPointer } from "../utils/is-primary-pointer.mjs";
+import { setupGesture } from "../utils/setup.mjs";
+import { isElementKeyboardAccessible } from "./utils/is-keyboard-accessible.mjs";
+import { enableKeyboardPress } from "./utils/keyboard.mjs";
+import { isPressing } from "./utils/state.mjs";
+function isValidPressEvent(event) {
+  return isPrimaryPointer(event) && !isDragActive();
+}
+function press(elementOrSelector, onPressStart, options = {}) {
+  const [elements, eventOptions, cancelEvents] = setupGesture(elementOrSelector, options);
+  const startPress = (startEvent) => {
+    const element = startEvent.currentTarget;
+    if (!isValidPressEvent(startEvent) || isPressing.has(element))
+      return;
+    isPressing.add(element);
+    const onPressEnd = onPressStart(startEvent);
+    const onPointerEnd = (endEvent, success) => {
+      window.removeEventListener("pointerup", onPointerUp);
+      window.removeEventListener("pointercancel", onPointerCancel);
+      if (!isValidPressEvent(endEvent) || !isPressing.has(element)) {
+        return;
+      }
+      isPressing.delete(element);
+      if (typeof onPressEnd === "function") {
+        onPressEnd(endEvent, { success });
+      }
+    };
+    const onPointerUp = (upEvent) => {
+      onPointerEnd(upEvent, options.useGlobalTarget || isNodeOrChild(element, upEvent.target));
+    };
+    const onPointerCancel = (cancelEvent) => {
+      onPointerEnd(cancelEvent, false);
+    };
+    window.addEventListener("pointerup", onPointerUp, eventOptions);
+    window.addEventListener("pointercancel", onPointerCancel, eventOptions);
+  };
+  elements.forEach((element) => {
+    if (!isElementKeyboardAccessible(element) && element.getAttribute("tabindex") === null) {
+      element.tabIndex = 0;
+    }
+    const target = options.useGlobalTarget ? window : element;
+    target.addEventListener("pointerdown", startPress, eventOptions);
+    element.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions), eventOptions);
+  });
+  return cancelEvents;
+}
+export {
+  press
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs

@@ -0,0 +1,13 @@
+const focusableElements = /* @__PURE__ */ new Set([
+  "BUTTON",
+  "INPUT",
+  "SELECT",
+  "TEXTAREA",
+  "A"
+]);
+function isElementKeyboardAccessible(element) {
+  return focusableElements.has(element.tagName) || element.tabIndex !== -1;
+}
+export {
+  isElementKeyboardAccessible
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/utils/keyboard.mjs

@@ -0,0 +1,32 @@
+import { isPressing } from "./state.mjs";
+function filterEvents(callback) {
+  return (event) => {
+    if (event.key !== "Enter")
+      return;
+    callback(event);
+  };
+}
+function firePointerEvent(target, type) {
+  target.dispatchEvent(new PointerEvent("pointer" + type, { isPrimary: true, bubbles: true }));
+}
+const enableKeyboardPress = (focusEvent, eventOptions) => {
+  const element = focusEvent.currentTarget;
+  if (!element)
+    return;
+  const handleKeydown = filterEvents(() => {
+    if (isPressing.has(element))
+      return;
+    firePointerEvent(element, "down");
+    const handleKeyup = filterEvents(() => {
+      firePointerEvent(element, "up");
+    });
+    const handleBlur = () => firePointerEvent(element, "cancel");
+    element.addEventListener("keyup", handleKeyup, eventOptions);
+    element.addEventListener("blur", handleBlur, eventOptions);
+  });
+  element.addEventListener("keydown", handleKeydown, eventOptions);
+  element.addEventListener("blur", () => element.removeEventListener("keydown", handleKeydown), eventOptions);
+};
+export {
+  enableKeyboardPress
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/utils/state.mjs

@@ -0,0 +1,4 @@
+const isPressing = /* @__PURE__ */ new WeakSet();
+export {
+  isPressing
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs

@@ -0,0 +1,12 @@
+const isNodeOrChild = (parent, child) => {
+  if (!child) {
+    return false;
+  } else if (parent === child) {
+    return true;
+  } else {
+    return isNodeOrChild(parent, child.parentElement);
+  }
+};
+export {
+  isNodeOrChild
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs

@@ -0,0 +1,10 @@
+const 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/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/utils/setup.mjs

@@ -0,0 +1,15 @@
+import { resolveElements } from "../../utils/resolve-elements.mjs";
+function setupGesture(elementOrSelector, options) {
+  const elements = resolveElements(elementOrSelector);
+  const gestureAbortController = new AbortController();
+  const eventOptions = {
+    passive: true,
+    ...options,
+    signal: gestureAbortController.signal
+  };
+  const cancel = () => gestureAbortController.abort();
+  return [elements, eventOptions, cancel];
+}
+export {
+  setupGesture
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/utils/resolve-elements.mjs

@@ -0,0 +1,17 @@
+function resolveElements(elementOrSelector, scope, selectorCache) {
+  var _a;
+  if (elementOrSelector instanceof Element) {
+    return [elementOrSelector];
+  } else if (typeof elementOrSelector === "string") {
+    let root = document;
+    if (scope) {
+      root = scope.current;
+    }
+    const elements = (_a = selectorCache === null || selectorCache === void 0 ? void 0 : selectorCache[elementOrSelector]) !== null && _a !== void 0 ? _a : root.querySelectorAll(elementOrSelector);
+    return elements ? Array.from(elements) : [];
+  }
+  return Array.from(elementOrSelector);
+}
+export {
+  resolveElements
+};

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

@@ -1,4 +1,4 @@
-import { memoSupports } from "./memo-supports.mjs";
+import { memoSupports } from "./memo.mjs";
 const supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/memo.mjs

@@ -0,0 +1,13 @@
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/memo.mjs";
+import { supportsFlags } from "./flags.mjs";
+function memoSupports(callback, supportsFlag) {
+  const memoized = memo(callback);
+  return () => {
+    var _a;
+    return (_a = supportsFlags[supportsFlag]) !== null && _a !== void 0 ? _a : memoized();
+  };
+}
+export {
+  memoSupports
+};

package/dist/es/external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs

@@ -0,0 +1,6 @@
+import "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { memo } from "../../../../../../../motion-utils@11.16.0/external/motion-utils/dist/es/memo.mjs";
+const supportsScrollTimeline = memo(() => window.ScrollTimeline !== void 0);
+export {
+  supportsScrollTimeline
+};

package/dist/es/features/gestures/drag/VisualElementDragControls.mjs

@@ -12,12 +12,12 @@ import { percent } from "../../../value/types/numbers/units.mjs";
 import { addValueToWillChange } from "../../../value/use-will-change/add-will-change.mjs";
 import { measurePageBox } from "../../../projection/utils/measure.mjs";
 import { convertBoxToBoundingBox, convertBoundingBoxToBox } from "../../../projection/conversion.mjs";
-import { animateMotionValue } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
 import { mixNumber } from "../../../utils/mix/number.mjs";
 import { invariant } from "hey-listen";
 import { isPresent } from "../../../state/utils/is-present.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 const elementDragControls = /* @__PURE__ */ new WeakMap();
 class VisualElementDragControls {
   constructor(visualElement) {

package/dist/es/features/gestures/drag/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
 import { VisualElementDragControls } from "./VisualElementDragControls.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 { 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";
 class DragGesture extends Feature {
   constructor(state) {
     super(state);

package/dist/es/features/gestures/hover/index.mjs

@@ -1,6 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import { hover } from "motion-dom";
-import { frame } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { hover } from "../../../external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/hover.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { extractEventInfo } from "../press/index.mjs";
 function handleHoverEvent(state, event, lifecycle) {
   const props = state.options;

package/dist/es/features/gestures/in-view/index.mjs

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { inView } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { frame } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { inView } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 function handleHoverEvent(state, entry, lifecycle) {
   const props = state.options;
   if (props.inView) {

package/dist/es/features/gestures/pan/PanSession.mjs

@@ -1,8 +1,8 @@
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { extractEventInfo } from "../../../events/event-info.mjs";
-import { distance2D } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/distance.mjs";
-import { frame, cancelFrame, frameData } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
-import { pipe } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/utils/pipe.mjs";
+import { distance2D } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/distance.mjs";
+import { frame, cancelFrame, frameData } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { pipe } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/utils/pipe.mjs";
 import { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
 import { isPrimaryPointer } from "../../../events/utils/is-primary-pointer.mjs";
 class PanSession {

package/dist/es/features/gestures/pan/index.mjs

@@ -1,9 +1,9 @@
 import { PanSession } from "./PanSession.mjs";
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { Feature } from "../../feature.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 { frame } from "../../../external/.pnpm/framer-motion@11.15.0/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 { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
 function asyncHandler(handler) {
   return (event, info) => {

package/dist/es/features/gestures/press/index.mjs

@@ -1,6 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import { press } from "motion-dom";
-import { frame } from "../../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import "../../../external/.pnpm/motion-utils@11.16.0/external/motion-utils/dist/es/errors.mjs";
+import { press } from "../../../external/.pnpm/motion-dom@11.16.4/external/motion-dom/dist/es/gestures/press/index.mjs";
+import { frame } from "../../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 function extractEventInfo(event) {
   return {
     point: {

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

@@ -1,5 +1,5 @@
-import { correctBorderRadius } from "../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
-import { correctBoxShadow } from "../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+import { correctBorderRadius } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
+import { correctBoxShadow } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
 const defaultScaleCorrector = {
   borderRadius: {
     ...correctBorderRadius,

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

@@ -1,15 +1,14 @@
 import { Feature } from "../feature.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
-import { globalProjectionState } from "../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/projection/node/state.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/node/state.mjs";
 class LayoutFeature extends Feature {
   constructor(state) {
     super(state);
     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

@@ -1,8 +1,9 @@
 import { Feature } from "../feature.mjs";
-import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
 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 { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.16.6/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/features/svg.mjs

@@ -1,5 +1,5 @@
 import { Feature } from "./feature.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/frameloop/frame.mjs";
 function isSVGElement(element) {
   return element instanceof SVGElement && element.tagName !== "svg";
 }