motion-v 0.2.6 → 0.3.1-beta.1

package/dist/src/features/feature.d.ts

@@ -6,10 +6,3 @@ export declare abstract class Feature {
     abstract unmount(): void;
     update(): void;
 }
-export declare class FeatureManager {
-    features: Feature[];
-    constructor(state: MotionState);
-    mount(): void;
-    unmount(): void;
-    update(): void;
-}

package/dist/src/features/index.d.ts

@@ -1,4 +1,5 @@
 export * from './feature';
-export * from './gestures';
 export * from './events';
+export * from './gestures';
 export * from './svg';
+export * from './feature-manager';

package/dist/src/index.d.ts

@@ -4,3 +4,6 @@ export { default as Motion, type MotionProps } from './components/Motion';
 export { default as AnimatePresence, type AnimatePresenceProps } from './components/AnimatePresence';
 export * from './value';
 export * from './constants';
+export type { Variant, Options } from './types';
+export * from './animation';
+export * from './utils';

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

@@ -25,7 +25,7 @@ export declare class MotionState {
     animateUpdates(): Generator<any, void, unknown>;
     isMounted(): boolean;
     getDepth(): number;
-    getOptions(): Options;
+    getOptions(): Options<any>;
     getElement(): HTMLElement;
     getTarget(): DOMKeyframesDefinition;
 }

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

@@ -1,7 +1,7 @@
 import { Options } from '../types';
 import { DynamicAnimationOptions, Variant } from 'framer-motion';
 import { IntrinsicElementAttributes } from 'vue';
-export declare function resolveVariant(definition?: Options['initial'], variants?: Options['variants']): Variant | undefined;
+export declare function resolveVariant(definition?: Options['initial'], variants?: Options['variants'], custom?: Options['custom']): Variant | undefined;
 export declare function hasChanged(a: any, b: any): boolean;
 export declare function shallowCompare(next: any[], prev: any[]): boolean;
 export declare function addUniqueItem<T>(array: T[], item: T): void;

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

@@ -28,7 +28,8 @@ export type MotionStyle = Partial<{
     [K in keyof Variant]: Variant[K] | MotionValue;
 }>;
 export type ElementType = keyof IntrinsicElementAttributes;
-export interface Options {
+export interface Options<T = any> {
+    custom?: T;
     as?: ElementType;
     inViewOptions?: InViewOptions & {
         once?: boolean;
@@ -40,7 +41,7 @@ export interface Options {
     animate?: string | Variant;
     exit?: string | Variant;
     variants?: {
-        [k: string]: Variant;
+        [k: string]: Variant | ((custom: T) => Variant);
     };
     style?: MotionStyle;
     transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;

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

@@ -1,2 +1,4 @@
 export * from './createContext';
 export * from './motion-value';
+export * from './use-in-view';
+export * from './use-animation-frame';

package/dist/src/utils/use-dom-ref.d.ts

@@ -0,0 +1 @@
+export declare function useDomRef<T extends Element = any>(): import('vue').Ref<import('vue').UnwrapRef<T>>;

package/dist/src/utils/use-in-view.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+import { Options } from '../types/state';
+export declare function useInView<T extends Element = any>(domRef: Ref<T>, options?: Options['inViewOptions'] | Ref<Options['inViewOptions']>): Ref<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.2.6",
+  "version": "0.3.1-beta.1",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -18,8 +18,8 @@
   "exports": {
     ".": {
       "types": "./dist/src/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
+      "import": "./dist/es/index.mjs",
+      "require": "./dist/cjs/index.js"
     },
     "./nuxt": {
       "import": {
@@ -32,14 +32,14 @@
       }
     }
   },
-  "main": "./dist/index.umd.cjs",
-  "module": "./dist/index.js",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/es/index.mjs",
   "types": "./dist/src/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
         "./dist/*/index.d.ts",
-        "./dist/index.d.ts"
+        "./dist/src/index.d.ts"
       ],
       "nuxt": [
         "./dist/nuxt/index.d.mts",
@@ -52,6 +52,7 @@
     "./dist"
   ],
   "dependencies": {
+    "@vueuse/core": "^12.0.0",
     "framer-motion": "11.11.11"
   },
   "devDependencies": {
@@ -66,7 +67,7 @@
   },
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build",
+    "build": "rm -rf dist && vite build",
     "test": "vitest",
     "coverage": "vitest run --coverage",
     "pub:release": "pnpm publish --access public"