mzusin
diff --git a/‎README.md
+2 b/‎README.md
+2
diff --git a/‎TODO.md
+1-1 b/‎TODO.md
+1-1
diff --git a/‎dist/index.d.ts
+9 b/‎dist/index.d.ts
+9
diff --git a/‎dist/mz-svg.esm.js
+2-2 b/‎dist/mz-svg.esm.js
+2-2
diff --git a/‎dist/mz-svg.esm.js.map
+3-3 b/‎dist/mz-svg.esm.js.map
+3-3
diff --git a/‎dist/mz-svg.min.js
+2-2 b/‎dist/mz-svg.min.js
+2-2
diff --git a/‎dist/mz-svg.min.js.map
+3-3 b/‎dist/mz-svg.min.js.map
+3-3
diff --git a/‎dist/mz-svg.node.cjs
+2-2 b/‎dist/mz-svg.node.cjs
+2-2
diff --git a/‎dist/mz-svg.node.cjs.map
+3-3 b/‎dist/mz-svg.node.cjs.map
+3-3
diff --git a/‎docs/css/styles.1681588420640.css ‎docs/css/styles.1681589245553.css b/‎docs/css/styles.1681588420640.css ‎docs/css/styles.1681589245553.css
diff --git a/‎docs/index.html
+3-3 b/‎docs/index.html
+3-3
diff --git a/‎docs/js/index.1681588420640.js ‎docs/js/index.1681589245553.js
+1-1 b/‎docs/js/index.1681588420640.js ‎docs/js/index.1681589245553.js
+1-1
diff --git a/‎docs/js/index.1681588420640.js.map ‎docs/js/index.1681589245553.js.map b/‎docs/js/index.1681588420640.js.map ‎docs/js/index.1681589245553.js.map
@@ -79,6 +79,7 @@ TypeScript-based library for managing SVG in the browser and Node.js. The modula
 ### Animation 
 - [Create Animate](https://svg.mzsoft.org/pages/create-animate.html)
 - [Create Animate Motion](https://svg.mzsoft.org/pages/create-animate-motion.html)
+- [Animate Motion Mpath](https://svg.mzsoft.org/pages/animate-motion-mpath.html)
 - [Create Animate Transform](https://svg.mzsoft.org/pages/create-animate-transform.html)
 ### Helpers 
 - [Append Once](https://svg.mzsoft.org/pages/append-once.html)
@@ -222,5 +223,6 @@ TypeScript-based library for managing SVG in the browser and Node.js. The modula
 
 
 
+
 
 
@@ -32,7 +32,7 @@
 ## Animation
 + animate
 + animateMotion
-- animateTransform
++ animateTransform
 - mpath
 - set
 
 
@@ -344,4 +344,13 @@ declare module 'mz-svg' {
     }
 
     export const createAnimateTransform: (props?: ICreateAnimateTransformProps) => SVGAnimateTransformElement;
+
+    export interface ICreateMPathProps {
+        document?: Document;
+        id?: string;
+        classes?: string;
+        xlinkHref?: string;
+    }
+
+    export const createMPath: (props?: ICreateMPathProps) => SVGMPathElement;
 }
@@ -17,8 +17,8 @@
     <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
     <link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
-    <link rel="stylesheet" href="/css/styles.1681588420640.css" />
-    <!--<link rel="stylesheet" href="/js/index.1681588420640.css" />-->
+    <link rel="stylesheet" href="/css/styles.1681589245553.css" />
+    <!--<link rel="stylesheet" href="/js/index.1681589245553.css" />-->
 
   </head>
   <body class="font-roboto bg-gray-900 text-gray-100">
@@ -76,7 +76,7 @@ <h1 class="text-slate-100 font-extrabold text-4xl sm:text-5xl lg:text-6xl tracki
       </div>
     </footer>-->
 
-    <script src="/js/index.1681588420640.js"></script>
+    <script src="/js/index.1681589245553.js"></script>
     <script src="/highlight.js/highlight.min.js"></script>
     <script>
       try{
Original file line number	Diff line number	Diff line change
`@@ -344,4 +344,13 @@ declare module 'mz-svg' {`
`344`	`344`	`}`
`345`	`345`
`346`	`346`	`export const createAnimateTransform: (props?: ICreateAnimateTransformProps) => SVGAnimateTransformElement;`
	`347`	`+`
	`348`	`+ export interface ICreateMPathProps {`
	`349`	`+ document?: Document;`
	`350`	`+ id?: string;`
	`351`	`+ classes?: string;`
	`352`	`+ xlinkHref?: string;`
	`353`	`+ }`
	`354`	`+`
	`355`	`+ export const createMPath: (props?: ICreateMPathProps) => SVGMPathElement;`
`347`	`356`	`}`