motion-v 0.6.2 → 0.7.0

package/dist/src/types/framer-motion.d.ts

@@ -1,3 +1,4 @@
+import { Inertia, Keyframes, None, Repeat, Spring, Tween } from 'framer-motion';
 export interface FrameData {
     delta: number;
     timestamp: number;
@@ -24,3 +25,19 @@ export interface ScrollInfoOptions {
     axis?: 'x' | 'y';
     offset?: ScrollOffset;
 }
+export interface Orchestration {
+    delay?: number;
+    when?: false | 'beforeChildren' | 'afterChildren' | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+}
+type PermissiveTransitionDefinition = {
+    [key: string]: any;
+};
+type TransitionDefinition = Tween | Spring | Keyframes | Inertia | None | PermissiveTransitionDefinition;
+type TransitionMap = Orchestration & TransitionDefinition & {
+    [key: string]: TransitionDefinition;
+};
+export type $Transition = (Orchestration & Repeat & TransitionDefinition) | (Orchestration & Repeat & TransitionMap);
+export {};

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

@@ -1,4 +1,4 @@
-import { AnimationOptions, DOMKeyframesDefinition, ResolvedValues, Target, TargetAndTransition } from 'framer-motion';
+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';
@@ -9,19 +9,11 @@ import { InViewProps } from '../features/gestures/in-view/types';
 import { LayoutGroupState } from '../components/context';
 import { PanProps } from '../features/gestures/pan/types';
 import { MotionConfigState } from '../components/motion-config/types';
+import { $Transition } from './framer-motion';
 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'>, AnimationOptions {
-}
 export type TargetResolver = (custom: any, current: Target, velocity: Target) => TargetAndTransition | string;
 export interface Variant extends DOMKeyframesDefinition {
-    transition?: AnimateOptions;
+    transition?: $Transition;
 }
 export type VariantLabels = string | Variant;
 interface BoundingBox {
@@ -49,12 +41,12 @@ export interface Options<T = any> extends LayoutOptions, PressProps, HoverProps,
     };
     style?: MotionStyle;
     transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;
-    transition?: AnimateOptions & {
-        layout?: AnimationOptions;
+    transition?: $Transition & {
+        layout?: $Transition;
     };
     layoutGroup?: LayoutGroupState;
     motionConfig?: MotionConfigState;
-    onAnimationComplete?: (definition: AnimateOptions) => void;
+    onAnimationComplete?: (definition: Options['animate']) => void;
     onUpdate?: (latest: ResolvedValues) => void;
 }
 export interface MotionStateContext {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -65,7 +65,6 @@
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "@vitest/coverage-v8": "^1.4.0",
     "@vue/test-utils": "^2.4.5",
-    "framer-motion": "^11.15.0",
     "happy-dom": "^16.0.1",
     "jsdom": "^24.0.0",
     "vite": "^5.4.8",

package/dist/es/external/.pnpm/@vueuse_shared@12.0.0_typescript@5.7.2/external/@vueuse/shared/index.mjs

@@ -1,6 +0,0 @@
-import "vue";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const isDef = (val) => typeof val !== "undefined";
-export {
-  isDef
-};

package/dist/es/state/animate-variants-children.mjs

@@ -1,74 +0,0 @@
-import { style } from "./style.mjs";
-import { transformResetValue } from "./transform.mjs";
-import { resolveVariant, hasChanged, getOptions } from "./utils.mjs";
-import { animate } from "../external/.pnpm/framer-motion@11.16.6/external/framer-motion/dist/es/animation/animate/index.mjs";
-function animateVariantsChildren(state, activeState, isFirstAnimate = false) {
-  const variantChildren = state.visualElement.variantChildren;
-  if (!(variantChildren == null ? void 0 : variantChildren.size)) {
-    return {
-      animations: [],
-      getAnimations: () => Promise.resolve()
-    };
-  }
-  const animationFactories = [];
-  Array.from(variantChildren).forEach((child, index) => {
-    var _a;
-    const prevTarget = isFirstAnimate ? child.state.baseTarget : child.state.target;
-    const childState = child.state;
-    childState.target = {};
-    for (const name in activeState) {
-      if (name === "initial" && !isFirstAnimate) {
-        continue;
-      }
-      const { definition, transition } = activeState[name];
-      const { staggerChildren = 0, staggerDirection = 1, delayChildren = 0 } = transition || {};
-      const maxStaggerDuration = (variantChildren.size - 1) * staggerChildren;
-      const generateStaggerDuration = staggerDirection === 1 ? (i = 0) => i * staggerChildren : (i = 0) => maxStaggerDuration - i * staggerChildren;
-      const variant = resolveVariant(
-        definition,
-        child.props.variants,
-        child.props.custom
-      );
-      const animationOptions = {};
-      const allTarget = { ...prevTarget, ...variant };
-      for (const key in allTarget) {
-        if (key === "transition")
-          continue;
-        childState.target[key] = allTarget[key];
-        if (childState.target[key] === void 0) {
-          childState.target[key] = childState.baseTarget[key];
-        }
-        if (hasChanged(prevTarget[key], childState.target[key])) {
-          (_a = childState.baseTarget)[key] ?? (_a[key] = style.get(child.current, key));
-          animationOptions[key] = getOptions(
-            Object.assign({}, transition, allTarget.transition, child.props.transition),
-            key
-          );
-          const keyValue = childState.target[key] === "none" ? transformResetValue[key] : childState.target[key];
-          animationFactories.push(
-            () => {
-              var _a2;
-              return animate(
-                child.current,
-                {
-                  [key]: keyValue
-                },
-                {
-                  ...animationOptions[key] || {},
-                  delay: (((_a2 = animationOptions[key]) == null ? void 0 : _a2.delay) || 0) + delayChildren + generateStaggerDuration(index)
-                }
-              );
-            }
-          );
-        }
-      }
-    }
-  });
-  return {
-    animations: animationFactories,
-    getAnimations: () => Promise.all(animationFactories.map((factory) => factory()))
-  };
-}
-export {
-  animateVariantsChildren
-};