motion-v 0.4.1 → 0.5.0-beta.2

package/dist/src/components/use-pop-layout.d.ts

@@ -0,0 +1,6 @@
+import { AnimatePresenceProps } from './type';
+import { MotionState } from '../state';
+export declare function usePopLayout(props: AnimatePresenceProps): {
+    addPopStyle: (state: MotionState) => void;
+    removePopStyle: (state: MotionState) => void;
+};

package/dist/src/components/utils.d.ts

@@ -0,0 +1 @@
+export declare function getMotionElement(el: HTMLElement): HTMLElement;

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

@@ -1,5 +1,5 @@
 export interface LayoutOptions {
-    'layout'?: boolean;
+    'layout'?: boolean | 'position' | 'size' | 'preserve-aspect';
     'layoutId'?: string;
     'layoutScroll'?: boolean;
     'layoutRoot'?: boolean;

package/dist/src/index.d.ts

@@ -1,11 +1,13 @@
 export * from 'framer-motion/dom';
 export { motionValue as useMotionValue } from 'framer-motion/dom';
 export { default as Motion, type MotionProps } from './components/Motion';
-export { default as AnimatePresence, type AnimatePresenceProps } from './components/AnimatePresence';
-export { default as LayoutGroup, type LayoutGroupProps } from './components/LayoutGroup';
+export { default as AnimatePresence } from './components/AnimatePresence';
+export type { AnimatePresenceProps } from './components/type';
+export { default as LayoutGroup } from './components/LayoutGroup';
+export type { LayoutGroupProps } from './components/use-layout-group';
 export * from './components/context';
 export * from './value';
 export * from './constants';
-export type { Variant, Options } from './types';
+export * from './types';
 export * from './animation';
 export * from './utils';

package/dist/src/state/animate-variants-children.d.ts

@@ -0,0 +1,15 @@
+import { MotionState } from './motion-state';
+import { AnimateOptions, AnimationFactory } from '../types';
+export type ActiveVariant = {
+    [key: string]: {
+        definition: string;
+        transition: AnimateOptions;
+    };
+};
+export declare function animateVariantsChildren(state: MotionState, activeState: ActiveVariant): {
+    animations: any[];
+    getAnimations: () => Promise<void>;
+} | {
+    animations: AnimationFactory[];
+    getAnimations: () => Promise<unknown[]>;
+};

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

@@ -4,13 +4,15 @@ declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "p
 type StateType = typeof STATE_TYPES[number];
 export declare const mountedStates: WeakMap<Element, MotionState>;
 export declare class MotionState {
+    readonly id: string;
     element: HTMLElement | null;
     private parent?;
     private options;
-    private activeStates;
-    private depth;
-    private baseTarget;
-    private target;
+    private isFirstAnimate;
+    activeStates: Partial<Record<StateType, boolean>>;
+    depth: number;
+    baseTarget: DOMKeyframesDefinition;
+    target: DOMKeyframesDefinition;
     private featureManager;
     visualElement: VisualElement;
     constructor(options: Options, parent?: MotionState);
@@ -18,14 +20,13 @@ export declare class MotionState {
     get context(): MotionStateContext;
     private initTarget;
     get initial(): string | boolean | import('../types').Variant;
-    mount(element: HTMLElement): void;
+    updateOptions(): void;
+    mount(element: HTMLElement, options: Options): void;
     unmount(): void;
     update(options: Options): void;
     setActive(name: StateType, isActive: boolean): void;
     animateUpdates(): Generator<any, void, unknown>;
     isMounted(): boolean;
-    getDepth(): number;
     getOptions(): Options<any>;
-    getTarget(): DOMKeyframesDefinition;
 }
 export {};

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

@@ -4,8 +4,17 @@ import { IntrinsicElementAttributes } from 'vue';
 import { TransformProperties } from './transform';
 import { LayoutOptions } from '../features/layout/types';
 type AnimationPlaybackControls = ReturnType<typeof animate>;
+export interface Orchestration {
+    delay?: number;
+    when?: false | 'beforeChildren' | 'afterChildren' | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+}
+export interface AnimateOptions extends Omit<Orchestration, 'delay'>, DynamicAnimationOptions {
+}
 export interface Variant extends DOMKeyframesDefinition {
-    transition?: DynamicAnimationOptions;
+    transition?: AnimateOptions;
 }
 export type VariantLabels = string | Variant;
 type MarginValue = `${number}${'px' | '%'}`;
@@ -46,7 +55,7 @@ export interface Options<T = any> extends LayoutOptions {
     };
     style?: MotionStyle;
     transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;
-    transition?: DynamicAnimationOptions;
+    transition?: AnimateOptions;
     onMotionStart?: (target: DOMKeyframesDefinition) => void;
     onMotionComplete?: (target: DOMKeyframesDefinition) => void;
     onHoverStart?: (e: PointerEvent) => void;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "motion-v",
-  "version": "0.4.1",
+  "version": "0.5.0-beta.2",
   "description": "",
   "author": "",
   "license": "MIT",
-  "homepage": "https://github.com/rick-hup/motion-vue",
+  "homepage": "https://github.com/unovue/motion-vue",
   "repository": {
     "type": "git",
-    "url": "https://github.com/rick-hup/motion-vue.git"
+    "url": "https://github.com/unovue/motion-vue.git"
   },
   "keywords": [
     "vue",
@@ -62,6 +62,7 @@
     "@vue/test-utils": "^2.4.5",
     "framer-motion": "^11.0.0",
     "jsdom": "^24.0.0",
+    "vite": "^5.4.8",
     "vite-plugin-dts": "^4.2.4",
     "vitest": "^1.4.0"
   },