motion-v 0.2.2 → 0.2.3

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,8 @@
-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 { 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.3",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -9,7 +9,11 @@
     "type": "git",
     "url": "https://github.com/rick-hup/motion-vue.git"
   },
-  "keywords": [],
+  "keywords": [
+    "vue",
+    "motion",
+    "motionone"
+  ],
   "sideEffects": false,
   "exports": {
     ".": {