motion-v 0.5.0-beta.1 → 0.5.0

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

@@ -0,0 +1,150 @@
+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 { secondsToMilliseconds, millisecondsToSeconds } from "../../../utils/time-conversion.mjs";
+import { isPrimaryPointer } from "../../../events/utils/is-primary-pointer.mjs";
+class PanSession {
+  constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {
+    this.startEvent = null;
+    this.lastMoveEvent = null;
+    this.lastMoveEventInfo = null;
+    this.handlers = {};
+    this.contextWindow = window;
+    this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const info2 = getPanInfo(this.lastMoveEventInfo, this.history);
+      const isPanStarted = this.startEvent !== null;
+      const isDistancePastThreshold = distance2D(info2.offset, { x: 0, y: 0 }) >= 3;
+      if (!isPanStarted && !isDistancePastThreshold)
+        return;
+      const { point: point2 } = info2;
+      const { timestamp: timestamp2 } = frameData;
+      this.history.push({ ...point2, timestamp: timestamp2 });
+      const { onStart, onMove } = this.handlers;
+      if (!isPanStarted) {
+        onStart && onStart(this.lastMoveEvent, info2);
+        this.startEvent = this.lastMoveEvent;
+      }
+      onMove && onMove(this.lastMoveEvent, info2);
+    };
+    this.handlePointerMove = (event2, info2) => {
+      this.lastMoveEvent = event2;
+      this.lastMoveEventInfo = transformPoint(info2, this.transformPagePoint);
+      frame.update(this.updatePoint, true);
+    };
+    this.handlePointerUp = (event2, info2) => {
+      this.end();
+      const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;
+      if (this.dragSnapToOrigin)
+        resumeAnimation && resumeAnimation();
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const panInfo = getPanInfo(
+        event2.type === "pointercancel" ? this.lastMoveEventInfo : transformPoint(info2, this.transformPagePoint),
+        this.history
+      );
+      if (this.startEvent && onEnd) {
+        onEnd(event2, panInfo);
+      }
+      onSessionEnd && onSessionEnd(event2, panInfo);
+    };
+    if (!isPrimaryPointer(event))
+      return;
+    this.dragSnapToOrigin = dragSnapToOrigin;
+    this.handlers = handlers;
+    this.transformPagePoint = transformPagePoint;
+    this.contextWindow = contextWindow || window;
+    const info = extractEventInfo(event);
+    const initialInfo = transformPoint(info, this.transformPagePoint);
+    const { point } = initialInfo;
+    const { timestamp } = frameData;
+    this.history = [{ ...point, timestamp }];
+    const { onSessionStart } = handlers;
+    onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
+    this.removeListeners = pipe(
+      addPointerEvent(
+        this.contextWindow,
+        "pointermove",
+        this.handlePointerMove
+      ),
+      addPointerEvent(
+        this.contextWindow,
+        "pointerup",
+        this.handlePointerUp
+      ),
+      addPointerEvent(
+        this.contextWindow,
+        "pointercancel",
+        this.handlePointerUp
+      )
+    );
+  }
+  updateHandlers(handlers) {
+    this.handlers = handlers;
+  }
+  end() {
+    this.removeListeners && this.removeListeners();
+    cancelFrame(this.updatePoint);
+  }
+}
+function transformPoint(info, transformPagePoint) {
+  return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
+}
+function subtractPoint(a, b) {
+  return { x: a.x - b.x, y: a.y - b.y };
+}
+function getPanInfo({ point }, history) {
+  return {
+    point,
+    delta: subtractPoint(point, lastDevicePoint(history)),
+    offset: subtractPoint(point, startDevicePoint(history)),
+    velocity: getVelocity(history, 0.1)
+  };
+}
+function startDevicePoint(history) {
+  return history[0];
+}
+function lastDevicePoint(history) {
+  return history[history.length - 1];
+}
+function getVelocity(history, timeDelta) {
+  if (history.length < 2) {
+    return { x: 0, y: 0 };
+  }
+  let i = history.length - 1;
+  let timestampedPoint = null;
+  const lastPoint = lastDevicePoint(history);
+  while (i >= 0) {
+    timestampedPoint = history[i];
+    if (lastPoint.timestamp - timestampedPoint.timestamp > secondsToMilliseconds(timeDelta)) {
+      break;
+    }
+    i--;
+  }
+  if (!timestampedPoint) {
+    return { x: 0, y: 0 };
+  }
+  const time = millisecondsToSeconds(
+    lastPoint.timestamp - timestampedPoint.timestamp
+  );
+  if (time === 0) {
+    return { x: 0, y: 0 };
+  }
+  const currentVelocity = {
+    x: (lastPoint.x - timestampedPoint.x) / time,
+    y: (lastPoint.y - timestampedPoint.y) / time
+  };
+  if (currentVelocity.x === Infinity) {
+    currentVelocity.x = 0;
+  }
+  if (currentVelocity.y === Infinity) {
+    currentVelocity.y = 0;
+  }
+  return currentVelocity;
+}
+export {
+  PanSession
+};

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

@@ -0,0 +1,69 @@
+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 { getContextWindow } from "../../../utils/get-context-window.mjs";
+function asyncHandler(handler) {
+  return (event, info) => {
+    if (handler) {
+      frame.postRender(() => handler(event, info));
+    }
+  };
+}
+class PanGesture extends Feature {
+  constructor() {
+    super(...arguments);
+    this.removePointerDownListener = noop;
+  }
+  onPointerDown(pointerDownEvent) {
+    this.session = new PanSession(
+      pointerDownEvent,
+      this.createPanHandlers(),
+      {
+        transformPagePoint: this.state.visualElement.getTransformPagePoint(),
+        contextWindow: getContextWindow(this.state.visualElement)
+      }
+    );
+  }
+  createPanHandlers() {
+    return {
+      onSessionStart: asyncHandler((_, info) => {
+        const { onPanSessionStart } = this.state.options;
+        onPanSessionStart && onPanSessionStart(_, info);
+      }),
+      onStart: asyncHandler((_, info) => {
+        const { onPanStart } = this.state.options;
+        onPanStart && onPanStart(_, info);
+      }),
+      onMove: (event, info) => {
+        const { onPan } = this.state.options;
+        onPan && onPan(event, info);
+      },
+      onEnd: (event, info) => {
+        const { onPanEnd } = this.state.options;
+        delete this.session;
+        if (onPanEnd) {
+          frame.postRender(() => onPanEnd(event, info));
+        }
+      }
+    };
+  }
+  mount() {
+    this.removePointerDownListener = addPointerEvent(
+      this.state.element,
+      "pointerdown",
+      this.onPointerDown.bind(this)
+    );
+  }
+  update() {
+  }
+  unmount() {
+    this.removePointerDownListener();
+    this.session && this.session.end();
+  }
+}
+export {
+  PanGesture
+};

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

@@ -0,0 +1,51 @@
+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";
+function extractEventInfo(event) {
+  return {
+    point: {
+      x: event.pageX,
+      y: event.pageY
+    }
+  };
+}
+function handlePressEvent(state, event, lifecycle) {
+  const props = state.options;
+  if (props.press) {
+    state.setActive("press", lifecycle === "Start");
+  }
+  const eventName = `onPress${lifecycle === "End" ? "" : lifecycle}`;
+  const callback = props[eventName];
+  if (callback) {
+    frame.postRender(() => callback(event, extractEventInfo(event)));
+  }
+}
+class PressGesture extends Feature {
+  isActive() {
+    return Boolean(this.state.options.press);
+  }
+  constructor(state) {
+    super(state);
+  }
+  mount() {
+    const element = this.state.element;
+    if (!element)
+      return;
+    this.unmount = press(
+      element,
+      (startEvent) => {
+        handlePressEvent(this.state, startEvent, "Start");
+        return (endEvent, { success }) => handlePressEvent(
+          this.state,
+          endEvent,
+          success ? "End" : "Cancel"
+        );
+      },
+      { useGlobalTarget: this.state.options.globalPressTarget }
+    );
+  }
+}
+export {
+  PressGesture,
+  extractEventInfo
+};

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

@@ -1,5 +1,5 @@
-import { correctBorderRadius } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
-import { correctBoxShadow } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+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";
 const defaultScaleCorrector = {
   borderRadius: {
     ...correctBorderRadius,

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

@@ -1,74 +1,47 @@
 import { Feature } from "../feature.mjs";
-import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
-import { getClosestProjectingNode } from "./utils.mjs";
-import { onBeforeMount, onBeforeUpdate, onUpdated, onBeforeUnmount } from "vue";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/styles/scale-correction.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 { globalProjectionState } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/node/state.mjs";
-import { injectLayoutGroup } from "../../components/context.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/projection/node/state.mjs";
 class LayoutFeature extends Feature {
   constructor(state) {
     super(state);
-    const options = this.state.getOptions();
-    const visualElement = this.state.visualElement;
-    if (options.layout || options.layoutId) {
-      addScaleCorrector(defaultScaleCorrector);
-      this.layoutGroup = injectLayoutGroup({});
-      onBeforeMount(() => {
-        visualElement.projection = new HTMLProjectionNode(
-          visualElement.latestValues,
-          options["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(visualElement.parent)
-        );
-        visualElement.projection.setOptions({
-          layout: options.layout,
-          layoutId: options.layoutId,
-          // TODO: drag
-          alwaysMeasureLayout: false,
-          visualElement,
-          animationType: typeof options.layout === "string" ? options.layout : "both",
-          // initialPromotionConfig
-          layoutRoot: options.layoutRoot,
-          layoutScroll: options.layoutScroll
-        });
-      });
-      onBeforeUpdate(() => {
-        var _a;
-        (_a = visualElement.projection) == null ? void 0 : _a.willUpdate();
-      });
-      onUpdated(() => {
-        var _a;
-        (_a = visualElement.projection) == null ? void 0 : _a.root.didUpdate();
-      });
-      onBeforeUnmount(() => {
-        if (visualElement.projection) {
-          visualElement.projection.willUpdate();
-        }
-      });
-    }
+    addScaleCorrector(defaultScaleCorrector);
   }
-  update() {
+  beforeUpdate() {
     var _a;
-    (_a = this.state.visualElement.projection) == null ? void 0 : _a.setOptions(this.state.getOptions());
+    (_a = this.state.visualElement.projection) == null ? void 0 : _a.willUpdate();
   }
-  mount() {
+  update() {
     var _a, _b;
-    const options = this.state.getOptions();
+    (_a = this.state.visualElement.projection) == null ? void 0 : _a.setOptions(this.state.options);
+    (_b = this.state.visualElement.projection) == null ? void 0 : _b.root.didUpdate();
+  }
+  beforeMount() {
+  }
+  mount() {
+    var _a;
+    const options = this.state.options;
+    const layoutGroup = this.state.options.layoutGroup;
     if (options.layout || options.layoutId) {
       const projection = this.state.visualElement.projection;
       if (projection) {
-        (_b = (_a = this.layoutGroup) == null ? void 0 : _a.group) == null ? void 0 : _b.add(projection);
+        (_a = layoutGroup == null ? void 0 : layoutGroup.group) == null ? void 0 : _a.add(projection);
       }
       globalProjectionState.hasEverUpdated = true;
-      projection == null ? void 0 : projection.mount(this.state.element);
       projection == null ? void 0 : projection.root.didUpdate();
     }
   }
+  beforeUnmount() {
+    if (this.state.visualElement.projection) {
+      this.state.visualElement.projection.willUpdate();
+    }
+  }
   unmount() {
-    var _a;
     if (this.state.visualElement.projection) {
       this.state.visualElement.projection.unmount();
-      if ((_a = this.layoutGroup) == null ? void 0 : _a.group)
-        this.layoutGroup.group.remove(this.state.visualElement.projection);
+      const layoutGroup = this.state.options.layoutGroup;
+      if (layoutGroup == null ? void 0 : layoutGroup.group)
+        layoutGroup.group.remove(this.state.visualElement.projection);
     }
   }
 }

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

@@ -0,0 +1,39 @@
+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 { 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";
+class ProjectionFeature extends Feature {
+  constructor(state) {
+    super(state);
+    addScaleCorrector(defaultScaleCorrector);
+  }
+  initProjection() {
+    const options = this.state.options;
+    this.state.visualElement.projection = new HTMLProjectionNode(
+      this.state.visualElement.latestValues,
+      options["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(this.state.visualElement.parent)
+    );
+    this.state.visualElement.projection.setOptions({
+      layout: options.layout,
+      layoutId: options.layoutId,
+      // TODO: drag
+      alwaysMeasureLayout: false,
+      visualElement: this.state.visualElement,
+      animationType: typeof options.layout === "string" ? options.layout : "both",
+      // initialPromotionConfig
+      layoutRoot: options.layoutRoot,
+      layoutScroll: options.layoutScroll
+    });
+  }
+  beforeMount() {
+    this.initProjection();
+  }
+  mount() {
+    var _a;
+    (_a = this.state.visualElement.projection) == null ? void 0 : _a.mount(this.state.element);
+  }
+}
+export {
+  ProjectionFeature
+};

package/dist/es/features/svg.mjs

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

package/dist/es/index.mjs

@@ -3,36 +3,39 @@ import { default as default3 } from "./components/AnimatePresence.vue.mjs";
 import { default as default4 } from "./components/LayoutGroup.vue.mjs";
 import { injectLayoutGroup, injectMotion, provideLayoutGroup, provideMotion, shouldInheritGroup, shouldInheritId } from "./components/context.mjs";
 import { components, utilities } from "./constants/index.mjs";
-import { MotionValue, motionValue, motionValue as motionValue2 } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs";
-import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { animateMini } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
-import { scroll } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
-import { scrollInfo } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
-import { inView } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { anticipate } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/anticipate.mjs";
-import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/back.mjs";
-import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/circ.mjs";
-import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/ease.mjs";
-import { cubicBezier } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
-import { steps } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/steps.mjs";
-import { mirrorEasing } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
-import { reverseEasing } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
-import { spring } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
-import { inertia } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/inertia.mjs";
-import { keyframes } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
-import { stagger } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/stagger.mjs";
-import { transform } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/transform.mjs";
-import { clamp } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/clamp.mjs";
-import { delayInSeconds } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/delay.mjs";
-import { distance, distance2D } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/distance.mjs";
-import { invariant, warning } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/errors.mjs";
-import { interpolate } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/interpolate.mjs";
-import { mix } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/index.mjs";
-import { pipe } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/pipe.mjs";
-import { progress } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/progress.mjs";
-import { wrap } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/wrap.mjs";
-import { cancelSync, sync } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
-import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/frame.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 { useComputed } from "./value/use-computed.mjs";
 import { useCombineMotionValues } from "./value/use-combine-values.mjs";
 import { useTransform } from "./value/use-transform.mjs";
@@ -47,6 +50,8 @@ import { createContext } from "./utils/createContext.mjs";
 import { isMotionValue } from "./utils/motion-value.mjs";
 import { useInView } from "./utils/use-in-view.mjs";
 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,
@@ -77,17 +82,21 @@ export {
   frame,
   frameData,
   frameSteps,
+  getContextWindow,
   inView,
   inertia,
   injectLayoutGroup,
   injectMotion,
   interpolate,
   invariant,
+  isDragActive,
   isMotionValue,
   keyframes,
+  millisecondsToSeconds,
   mirrorEasing,
   mix,
   motionValue,
+  noop,
   pipe,
   progress,
   provideLayoutGroup,
@@ -95,12 +104,14 @@ export {
   reverseEasing,
   scroll,
   scrollInfo,
+  secondsToMilliseconds,
   shouldInheritGroup,
   shouldInheritId,
   spring,
   stagger,
   steps,
   sync,
+  time,
   transform,
   useAnimate,
   useAnimationFrame,
@@ -116,6 +127,5 @@ export {
   useTransform,
   useVelocity,
   utilities,
-  warning,
   wrap
 };

package/dist/es/projection/conversion.mjs

@@ -0,0 +1,31 @@
+function convertBoundingBoxToBox({
+  top,
+  left,
+  right,
+  bottom
+}) {
+  return {
+    x: { min: left, max: right },
+    y: { min: top, max: bottom }
+  };
+}
+function transformBoxPoints(point, transformPoint) {
+  if (!transformPoint)
+    return point;
+  const topLeft = transformPoint({ x: point.left, y: point.top });
+  const bottomRight = transformPoint({ x: point.right, y: point.bottom });
+  return {
+    top: topLeft.y,
+    left: topLeft.x,
+    bottom: bottomRight.y,
+    right: bottomRight.x
+  };
+}
+function convertBoxToBoundingBox({ x, y }) {
+  return { top: y.min, right: x.max, bottom: y.max, left: x.min };
+}
+export {
+  convertBoundingBoxToBox,
+  convertBoxToBoundingBox,
+  transformBoxPoints
+};

package/dist/es/projection/geometry/delta-apply.mjs

@@ -0,0 +1,7 @@
+function translateAxis(axis, distance) {
+  axis.min = axis.min + distance;
+  axis.max = axis.max + distance;
+}
+export {
+  translateAxis
+};

package/dist/es/projection/geometry/delta-calc.mjs

@@ -0,0 +1,6 @@
+function calcLength(axis) {
+  return axis.max - axis.min;
+}
+export {
+  calcLength
+};

package/dist/es/projection/geometry/models.mjs

@@ -0,0 +1,11 @@
+const createAxis = () => ({ min: 0, max: 0 });
+function createBox() {
+  return {
+    x: createAxis(),
+    y: createAxis()
+  };
+}
+export {
+  createAxis,
+  createBox
+};

package/dist/es/projection/utils/each-axis.mjs

@@ -0,0 +1,6 @@
+function eachAxis(callback) {
+  return [callback("x"), callback("y")];
+}
+export {
+  eachAxis
+};

package/dist/es/projection/utils/measure.mjs

@@ -0,0 +1,20 @@
+import { convertBoundingBoxToBox, transformBoxPoints } from "../conversion.mjs";
+import { translateAxis } from "../geometry/delta-apply.mjs";
+function measureViewportBox(instance, transformPoint) {
+  return convertBoundingBoxToBox(
+    transformBoxPoints(instance.getBoundingClientRect(), transformPoint)
+  );
+}
+function measurePageBox(element, rootProjectionNode, transformPagePoint) {
+  const viewportBox = measureViewportBox(element, transformPagePoint);
+  const { scroll } = rootProjectionNode;
+  if (scroll) {
+    translateAxis(viewportBox.x, scroll.offset.x);
+    translateAxis(viewportBox.y, scroll.offset.y);
+  }
+  return viewportBox;
+}
+export {
+  measurePageBox,
+  measureViewportBox
+};