motion-v 0.13.0-beta.4 → 0.13.1-alpha.0

package/dist/es/features/layout/types.d.ts

@@ -18,4 +18,8 @@ export interface LayoutOptions extends LayoutLifecycles {
     'layoutRoot'?: boolean;
     'data-framer-portal-id'?: string;
     'crossfade'?: boolean;
+    /**
+     * @public
+     */
+    'layoutDependency'?: any;
 }

package/dist/es/state/animate-updates.mjs

@@ -36,7 +36,8 @@ function animateUpdates({
   });
 }
 function resolveDirectAnimation(directAnimate, directTransition) {
-  const variant = resolveVariant(directAnimate, this.options.variants, this.options.custom);
+  var _a;
+  const variant = resolveVariant(directAnimate, this.options.variants, this.options.custom || ((_a = this.options.animatePresenceContext) == null ? void 0 : _a.custom));
   if (!variant)
     return {};
   const transition = variant.transition || directTransition || this.options.transition || {};

package/dist/es/state/motion-state.d.ts

@@ -1,6 +1,7 @@
 import { MotionStateContext, Options } from '../types';
 import { DOMKeyframesDefinition, VisualElement } from 'framer-motion';
 import { frame } from 'framer-motion/dom';
+import { PresenceContext } from '../components/presence';
 import { StateType, animateUpdates } from './animate-updates';
 export declare const mountedStates: WeakMap<Element, MotionState>;
 /**
@@ -11,7 +12,9 @@ export declare class MotionState {
     readonly id: string;
     element: HTMLElement | null;
     private parent?;
-    options: Options;
+    options: Options & {
+        animatePresenceContext?: PresenceContext;
+    };
     isSafeToRemove: boolean;
     isVShow: boolean;
     private children?;
@@ -45,6 +48,8 @@ export declare class MotionState {
     setActive(name: StateType, isActive: boolean, isAnimate?: boolean): void;
     animateUpdates: typeof animateUpdates;
     isMounted(): boolean;
-    getOptions(): Options<any>;
+    getOptions(): Options<any> & {
+        animatePresenceContext?: PresenceContext;
+    };
     willUpdate(label: string): void;
 }

package/dist/es/state/style.mjs

@@ -60,15 +60,12 @@ const SVG_STYLE_TO_ATTRIBUTES = {
   cy: true,
   r: true,
   d: true,
-  x: true,
-  y: true,
   x1: true,
   y1: true,
   x2: true,
   y2: true,
   points: true,
   pathLength: true,
-  transform: true,
   viewBox: true,
   width: true,
   height: true,

package/dist/es/types/common.d.ts

@@ -0,0 +1,4 @@
+import { Component, DefineComponent, ExtractPropTypes, ExtractPublicPropTypes, IntrinsicElementAttributes } from 'vue';
+export type ComponentProps<T> = T extends DefineComponent<ExtractPropTypes<infer Props>, any, any> ? ExtractPublicPropTypes<Props> : never;
+export type ElementType = keyof IntrinsicElementAttributes;
+export type AsTag = keyof IntrinsicElementAttributes | (Component & string);

package/dist/es/types/index.d.ts

@@ -2,3 +2,4 @@ export * from './transform';
 export * from './framer-motion';
 export * from './motion-values';
 export * from './state';
+export * from './common';

package/dist/es/types/motion-values.d.ts

@@ -1,6 +1,7 @@
 import { MotionValue } from 'framer-motion/dom';
-import { ElementType, Options } from './state';
+import { Options } from './state';
 import { AriaAttributes, Events, IntrinsicElementAttributes, SVGAttributes } from 'vue';
+import { ElementType } from './common';
 type EventHandlers<E> = {
     [K in keyof E]?: E[K] extends (...args: any) => any ? E[K] : (payload: E[K]) => void;
 };

package/dist/es/types/state.d.ts

@@ -1,6 +1,5 @@
 import { DOMKeyframesDefinition, ResolvedValues, Target, TargetAndTransition } from 'framer-motion';
 import { MotionValue, TransformProperties, animate } from 'framer-motion/dom';
-import { IntrinsicElementAttributes } from 'vue';
 import { LayoutOptions } from '../features/layout/types';
 import { DragProps } from '../features/gestures/drag/types';
 import { PressProps } from '../features/gestures/press/types';
@@ -12,6 +11,7 @@ import { MotionConfigState } from '../components/motion-config/types';
 import { $Transition } from './framer-motion';
 import { FocusProps } from '../features/gestures/focus/types';
 import { AnimationControls } from '../animation/types';
+import { AsTag } from './common';
 type AnimationPlaybackControls = ReturnType<typeof animate>;
 export type TargetResolver = (custom: any, current: Target, velocity: Target) => TargetAndTransition | string;
 export interface Variant extends DOMKeyframesDefinition {
@@ -39,16 +39,16 @@ type TransformPropertiesWithoutTransition = Omit<TransformProperties, 'transitio
 export type MotionStyle = Partial<{
     [K in keyof Omit<Variant & TransformPropertiesWithoutTransition, 'attrX' | 'attrY' | 'attrScale'>]: string | number | undefined | MotionValue;
 }>;
-export type ElementType = keyof IntrinsicElementAttributes;
 export interface Options<T = any> extends LayoutOptions, PressProps, HoverProps, InViewProps, DragProps, PanProps, FocusProps {
     custom?: T;
-    as?: ElementType;
+    as?: AsTag;
     initial?: VariantLabels | Variant | boolean;
     animate?: VariantLabels | Variant | AnimationControls;
     exit?: VariantLabels | Variant;
     variants?: {
         [k: string]: Variant | ((custom: T) => Variant);
     };
+    inherit?: boolean;
     style?: MotionStyle;
     transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;
     transition?: $Transition & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.13.0-beta.4",
+  "version": "0.13.1-alpha.0",
   "description": "",
   "author": "",
   "license": "MIT",