motion-v 1.2.1 → 1.3.1

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

@@ -11,13 +11,13 @@ import { eachAxis } from "../../../projection/utils/each-axis.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@12.16.0/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.18.1/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
 import { invariant } from "hey-listen";
 import { isPresent } from "../../../state/utils/is-present.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { percent } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/value/types/numbers/units.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
-import { mixNumber } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { percent } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/value/types/numbers/units.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { mixNumber } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/utils/mix/number.mjs";
 const elementDragControls = /* @__PURE__ */ new WeakMap();
 class VisualElementDragControls {
   constructor(visualElement) {

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

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
 import { VisualElementDragControls } from "./VisualElementDragControls.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.18.1/external/motion-utils/dist/es/noop.mjs";
 class DragGesture extends Feature {
   constructor(state) {
     super(state);

package/dist/es/features/gestures/drag/types.d.ts

@@ -1,6 +1,7 @@
 import { DragControls } from './use-drag-controls';
-import { Variant, VariantLabels } from '../../../types';
+import { VariantType } from '../../../types';
 import { Axis, BoundingBox, DragElastic, InertiaOptions, PanInfo } from 'framer-motion';
+import { VariantLabels } from 'motion-dom';
 export interface ResolvedConstraints {
     x: Partial<Axis>;
     y: Partial<Axis>;
@@ -221,5 +222,5 @@ export interface DragProps extends DragHandlers {
      * ```
      */
     dragControls?: DragControls;
-    whileDrag?: VariantLabels | Variant;
+    whileDrag?: VariantLabels | VariantType;
 }

package/dist/es/features/gestures/drag/utils/constraints.mjs

@@ -1,7 +1,7 @@
 import { calcLength } from "../../../../projection/geometry/delta-calc.mjs";
-import { mixNumber } from "../../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/utils/mix/number.mjs";
-import { progress } from "../../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/progress.mjs";
-import { clamp } from "../../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/clamp.mjs";
+import { mixNumber } from "../../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/utils/mix/number.mjs";
+import { progress } from "../../../../external/.pnpm/motion-utils@12.18.1/external/motion-utils/dist/es/progress.mjs";
+import { clamp } from "../../../../external/.pnpm/motion-utils@12.18.1/external/motion-utils/dist/es/clamp.mjs";
 function applyConstraints(point, { min, max }, elastic) {
   if (min !== void 0 && point < min) {
     point = elastic ? mixNumber(min, point, elastic.min) : Math.max(point, min);

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

@@ -1,6 +1,6 @@
 import { addDomEvent } from "../../../events/add-dom-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { pipe } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/pipe.mjs";
+import { pipe } from "../../../external/.pnpm/motion-utils@12.18.1/external/motion-utils/dist/es/pipe.mjs";
 class FocusGesture extends Feature {
   constructor() {
     super(...arguments);

package/dist/es/features/gestures/focus/types.d.ts

@@ -1,13 +1,14 @@
-import { Variant, VariantLabels } from '../../../types';
+import { VariantType } from '../../../types';
+import { VariantLabels } from 'motion-dom';
 export type FocusProps = {
     /**
      * @deprecated Use `whileFocus` instead.
      */
-    focus?: VariantLabels | Variant;
+    focus?: VariantLabels | VariantType;
     /**
      * Variant to apply when the element is focused.
      */
-    whileFocus?: VariantLabels | Variant;
+    whileFocus?: VariantLabels | VariantType;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => void;
 };

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

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import { hover } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/gestures/hover.mjs";
+import { hover } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/gestures/hover.mjs";
 import { extractEventInfo } from "../press/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function handleHoverEvent(state, event, lifecycle) {
   const props = state.options;
   if (props.whileHover) {

package/dist/es/features/gestures/hover/types.d.ts

@@ -1,15 +1,16 @@
-import { Variant, VariantLabels } from '../../../types';
+import { VariantType } from '../../../types';
 import { EventInfo } from 'framer-motion';
+import { VariantLabels } from 'motion-dom';
 export type HoverEvent = (event: MouseEvent, info: EventInfo) => void;
 export interface HoverProps {
     /**
      * @deprecated Use `whileHover` instead.
      */
-    hover?: VariantLabels | Variant;
+    hover?: VariantLabels | VariantType;
     /**
      * Variant to apply when the element is hovered.
      */
-    whileHover?: VariantLabels | Variant;
+    whileHover?: VariantLabels | VariantType;
     onHoverStart?: HoverEvent;
     onHoverEnd?: HoverEvent;
 }

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@12.16.0/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { inView } from "../../../external/.pnpm/framer-motion@12.18.1/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function handleHoverEvent(state, entry, lifecycle) {
   const props = state.options;
   if (props.whileInView) {
@@ -14,7 +14,8 @@ function handleHoverEvent(state, entry, lifecycle) {
 }
 class InViewGesture extends Feature {
   isActive() {
-    return Boolean(this.state.options.whileInView);
+    const { whileInView, onViewportEnter, onViewportLeave } = this.state.options;
+    return Boolean(whileInView || onViewportEnter || onViewportLeave);
   }
   constructor(state) {
     super(state);

package/dist/es/features/gestures/in-view/types.d.ts

@@ -1,4 +1,5 @@
-import { Variant, VariantLabels } from '../../../types';
+import { VariantType } from '../../../types';
+import { VariantLabels } from 'motion-dom';
 type MarginValue = `${number}${'px' | '%'}`;
 type MarginType = MarginValue | `${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue} ${MarginValue}`;
 export interface InViewOptions {
@@ -14,11 +15,11 @@ export interface InViewProps {
     /**
      * @deprecated Use `whileInView` instead.
      */
-    inView?: VariantLabels | Variant;
+    inView?: VariantLabels | VariantType;
     /**
      * Variant to apply when the element is in view.
      */
-    whileInView?: VariantLabels | Variant;
+    whileInView?: VariantLabels | VariantType;
     onViewportEnter?: ViewportEventHandler;
     onViewportLeave?: ViewportEventHandler;
 }

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

@@ -1,9 +1,9 @@
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { extractEventInfo } from "../../../events/event-info.mjs";
-import { distance2D } from "../../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/utils/distance.mjs";
-import { pipe } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/pipe.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
-import { frame, cancelFrame, frameData } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { distance2D } from "../../../external/.pnpm/framer-motion@12.18.1/external/framer-motion/dist/es/utils/distance.mjs";
+import { pipe } from "../../../external/.pnpm/motion-utils@12.18.1/external/motion-utils/dist/es/pipe.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../external/.pnpm/motion-utils@12.18.1/external/motion-utils/dist/es/time-conversion.mjs";
+import { frame, cancelFrame, frameData } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { isPrimaryPointer } from "../../../events/utils/is-primary-pointer.mjs";
 class PanSession {
   constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {

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@12.12.1/external/motion-utils/dist/es/noop.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.18.1/external/motion-utils/dist/es/noop.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function asyncHandler(handler) {
   return (event, info) => {
     if (handler) {

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

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { press } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/gestures/press/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.16.0/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { press } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/gestures/press/index.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.18.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function extractEventInfo(event) {
   return {
     point: {

package/dist/es/features/gestures/press/types.d.ts

@@ -1,5 +1,6 @@
-import { Variant, VariantLabels } from '../../../types';
+import { VariantType } from '../../../types';
 import { EventInfo } from 'framer-motion';
+import { VariantLabels } from 'motion-dom';
 export type PressEvent = (event: PointerEvent, info: EventInfo) => void;
 export interface PressProps {
     /**
@@ -9,11 +10,11 @@ export interface PressProps {
     /**
      * @deprecated Use `whilePress` instead.
      */
-    press?: VariantLabels | Variant;
+    press?: VariantLabels | VariantType;
     /**
      * Variant to apply when the element is pressed.
      */
-    whilePress?: VariantLabels | Variant;
+    whilePress?: VariantLabels | VariantType;
     onPressStart?: PressEvent;
     onPress?: PressEvent;
     onPressCancel?: PressEvent;

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

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

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

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.18.1/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
-import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/projection/node/state.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.18.1/external/framer-motion/dist/es/projection/node/state.mjs";
 class LayoutFeature extends Feature {
   constructor(state) {
     super(state);

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

@@ -1,10 +1,10 @@
 import { Feature } from "../feature.mjs";
-import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.18.1/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
 import { getClosestProjectingNode } from "./utils.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.16.0/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.18.1/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
 import { isHTMLElement } from "../gestures/drag/utils/is.mjs";
-import { doneCallbacks } from "../../components/presence.mjs";
+import { doneCallbacks } from "../../components/animate-presence/presence.mjs";
 class ProjectionFeature extends Feature {
   constructor(state) {
     super(state);