motion-v 0.2.2 → 0.2.4

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

@@ -3,5 +3,6 @@ export declare const doneCallbacks: WeakMap<Element, VoidFunction>;
 export declare function removeDoneCallback(element: Element): void;
 export interface PresenceContext {
     initial: Ref<boolean>;
+    safeUnmount: (el: Element) => boolean;
 }
 export declare const injectAnimatePresence: <T extends PresenceContext = PresenceContext>(fallback?: T) => T extends null ? PresenceContext : PresenceContext, provideAnimatePresence: (contextValue: PresenceContext) => PresenceContext;

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

@@ -0,0 +1,9 @@
+declare const components: {
+    motion: string[];
+};
+export { components };
+export type Components = keyof typeof components;
+export declare const utilities: {
+    utilities: string[];
+};
+export type Utilities = keyof typeof utilities;

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

@@ -1,4 +1,4 @@
-import { VariantLabels } from '../../../state/types';
+import { VariantLabels } from '../../../types';
 export interface BoundingBox {
     top: number;
     right: number;

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

@@ -1,4 +1,4 @@
-import { Options } from '../../state/types';
+import { Options } from '../../types';
 export interface StateHandlers {
     enable: VoidFunction;
     disable: VoidFunction;

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

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

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

@@ -0,0 +1,5 @@
+import { Feature } from './feature';
+export declare class SVGFeature extends Feature {
+    mount(): void;
+    unmount(): void;
+}

package/dist/src/index.d.ts

@@ -3,3 +3,4 @@ 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 * from './value';
+export * from './constants';

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

@@ -1,4 +1,4 @@
-import { Variant } from './types';
+import { Variant } from '../types';
 export type MotionEventNames = 'motionstart' | 'motioncomplete' | 'hoverstart' | 'hoverend' | 'pressstart' | 'pressend' | 'viewenter' | 'viewleave';
 export declare function motionEvent(name: MotionEventNames, target: Variant, isExit?: boolean): CustomEvent<{
     target: Variant;

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

@@ -1,5 +1,5 @@
-import { Options } from './types';
-import { DOMKeyframesDefinition } from 'framer-motion';
+import { Options } from '../types';
+import { DOMKeyframesDefinition, VisualElement } from 'framer-motion';
 declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "press", "exit", "drag"];
 type StateType = typeof STATE_TYPES[number];
 export declare const mountedStates: WeakMap<Element, MotionState>;
@@ -13,11 +13,11 @@ export declare class MotionState {
     private baseTarget;
     private target;
     private featureManager;
-    private visualElement;
+    visualElement: VisualElement;
     constructor(options: Options, parent?: MotionState);
     private initContext;
     private initTarget;
-    get initial(): string | boolean | import('./types').Variant;
+    get initial(): string | boolean | import('../types').Variant;
     mount(element: HTMLElement): void;
     unmount(): void;
     update(options: Options): void;

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

@@ -1,7 +1,11 @@
 import { DOMKeyframesDefinition } from 'framer-motion';
-import { MotionStyle } from './types';
+import { MotionStyle } from '../types';
 export declare const style: {
     get: (element: Element, name: string) => string | undefined;
     set: (element: Element, name: string, value: string | number) => void;
 };
 export declare function createStyles(keyframes?: MotionStyle | DOMKeyframesDefinition): any;
+export declare function convertSvgStyleToAttributes(keyframes?: MotionStyle | DOMKeyframesDefinition): {
+    attributes: Record<string, any>;
+    style: Record<string, any>;
+};

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

@@ -1,4 +1,4 @@
-import { CssPropertyDefinition } from './types';
+import { CssPropertyDefinition } from '../types';
 /**
  * A list of all transformable axes. We'll use this list to generated a version
  * of each axes for each transform.

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

@@ -1,4 +1,4 @@
-import { Options } from './types';
+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;

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

@@ -1,3 +1,5 @@
 export * from './transform';
 export * from './framer-motion';
+export * from './motion-values';
+export * from './state';
 export type MotionEventNames = 'motionstart' | 'motioncomplete' | 'hoverstart' | 'hoverend' | 'pressstart' | 'pressend' | 'viewenter' | 'viewleave' | 'dragstart' | 'dragend' | 'dragcancel' | 'dragmove' | 'drag';

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

@@ -0,0 +1,91 @@
+import { MotionValue } from 'framer-motion/dom';
+import { Options } from './state';
+import { AriaAttributes, Events, SVGAttributes } from 'vue';
+type EventHandlers<E> = {
+    [K in keyof E]?: E[K] extends (...args: any) => any ? E[K] : (payload: E[K]) => void;
+};
+type EventKeys = keyof EventHandlers<Events>;
+interface SVGAttributesWithoutMotionProps extends Pick<SVGAttributes, Exclude<keyof SVGAttributes, keyof Options | keyof AriaAttributes | EventKeys>> {
+}
+/**
+ * @public
+ */
+export interface CustomValueType {
+    mix: (from: any, to: any) => (p: number) => number | string;
+    toValue: () => number | string;
+}
+export type MakeCustomValueType<T> = {
+    [K in keyof T]: T[K] | CustomValueType;
+};
+export type MakeMotion<T> = MakeCustomValueType<{
+    [K in keyof T]: T[K] | MotionValue<number> | MotionValue<string> | MotionValue<any>;
+}>;
+/**
+ * Blanket-accept any SVG attribute as a `MotionValue`
+ * @public
+ */
+export type SVGAttributesAsMotionValues = MakeMotion<SVGAttributesWithoutMotionProps>;
+export interface SVGAttributesWithMotionValues {
+    svg: SVGAttributesAsMotionValues;
+    animate: SVGAttributesAsMotionValues;
+    animateMotion: SVGAttributesAsMotionValues;
+    animateTransform: SVGAttributesAsMotionValues;
+    circle: SVGAttributesAsMotionValues;
+    clipPath: SVGAttributesAsMotionValues;
+    defs: SVGAttributesAsMotionValues;
+    desc: SVGAttributesAsMotionValues;
+    ellipse: SVGAttributesAsMotionValues;
+    feBlend: SVGAttributesAsMotionValues;
+    feColorMatrix: SVGAttributesAsMotionValues;
+    feComponentTransfer: SVGAttributesAsMotionValues;
+    feComposite: SVGAttributesAsMotionValues;
+    feConvolveMatrix: SVGAttributesAsMotionValues;
+    feDiffuseLighting: SVGAttributesAsMotionValues;
+    feDisplacementMap: SVGAttributesAsMotionValues;
+    feDistantLight: SVGAttributesAsMotionValues;
+    feDropShadow: SVGAttributesAsMotionValues;
+    feFlood: SVGAttributesAsMotionValues;
+    feFuncA: SVGAttributesAsMotionValues;
+    feFuncB: SVGAttributesAsMotionValues;
+    feFuncG: SVGAttributesAsMotionValues;
+    feFuncR: SVGAttributesAsMotionValues;
+    feGaussianBlur: SVGAttributesAsMotionValues;
+    feImage: SVGAttributesAsMotionValues;
+    feMerge: SVGAttributesAsMotionValues;
+    feMergeNode: SVGAttributesAsMotionValues;
+    feMorphology: SVGAttributesAsMotionValues;
+    feOffset: SVGAttributesAsMotionValues;
+    fePointLight: SVGAttributesAsMotionValues;
+    feSpecularLighting: SVGAttributesAsMotionValues;
+    feSpotLight: SVGAttributesAsMotionValues;
+    feTile: SVGAttributesAsMotionValues;
+    feTurbulence: SVGAttributesAsMotionValues;
+    filter: SVGAttributesAsMotionValues;
+    foreignObject: SVGAttributesAsMotionValues;
+    g: SVGAttributesAsMotionValues;
+    image: SVGAttributesAsMotionValues;
+    line: SVGAttributesAsMotionValues;
+    linearGradient: SVGAttributesAsMotionValues;
+    marker: SVGAttributesAsMotionValues;
+    mask: SVGAttributesAsMotionValues;
+    metadata: SVGAttributesAsMotionValues;
+    mpath: SVGAttributesAsMotionValues;
+    path: SVGAttributesAsMotionValues;
+    pattern: SVGAttributesAsMotionValues;
+    polygon: SVGAttributesAsMotionValues;
+    polyline: SVGAttributesAsMotionValues;
+    radialGradient: SVGAttributesAsMotionValues;
+    rect: SVGAttributesAsMotionValues;
+    stop: SVGAttributesAsMotionValues;
+    switch: SVGAttributesAsMotionValues;
+    symbol: SVGAttributesAsMotionValues;
+    text: SVGAttributesAsMotionValues;
+    textPath: SVGAttributesAsMotionValues;
+    tspan: SVGAttributesAsMotionValues;
+    use: SVGAttributesAsMotionValues;
+    view: SVGAttributesAsMotionValues;
+}
+export type SetMotionValueType<T, Keys extends keyof T> = {
+    [K in keyof T]: K extends Keys ? SVGAttributesAsMotionValues : T[K];
+};
+export {};

package/dist/src/{state/types.d.ts → types/state.d.ts}

@@ -1,8 +1,7 @@
-import { TransformProperties } from '../types';
 import { DOMKeyframesDefinition, DynamicAnimationOptions } from 'framer-motion';
-import { MotionValue } from 'framer-motion/dom';
-import { animate } from '../../node_modules/framer-motion/dist/es/animation/animate/index.mjs';
+import { MotionValue, animate } from 'framer-motion/dom';
 import { IntrinsicElementAttributes } from 'vue';
+import { TransformProperties } from './transform';
 type AnimationPlaybackControls = ReturnType<typeof animate>;
 export interface Variant extends DOMKeyframesDefinition {
     transition?: DynamicAnimationOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -9,18 +9,44 @@
     "type": "git",
     "url": "https://github.com/rick-hup/motion-vue.git"
   },
-  "keywords": [],
+  "keywords": [
+    "vue",
+    "motion",
+    "motionone"
+  ],
   "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/src/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs"
+    },
+    "./nuxt": {
+      "import": {
+        "types": "./dist/nuxt/index.d.mts",
+        "default": "./dist/nuxt/index.mjs"
+      },
+      "require": {
+        "types": "./dist/nuxt/index.d.cts",
+        "default": "./dist/nuxt/index.cjs"
+      }
     }
   },
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
   "types": "./dist/src/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*/index.d.ts",
+        "./dist/index.d.ts"
+      ],
+      "nuxt": [
+        "./dist/nuxt/index.d.mts",
+        "./dist/nuxt/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "./LICENSE",
     "./dist"