How do you use Unity Sprites with Prime31's Touchkit?

I can't seem to find any documentation or examples on the best practices for implementing Prime31's Touchkit with basic Sprites.

Currently I'm getting the sprite info such as width, height, originX and originY and then using this info when I setup the Recognizer. But I have a feeling I'm doing this wrong?

I basically hacked the DemoTwo scene that comes with Touchkit as follows;

Firstly I added a sprite to the scene named "pauseBtn"

Secondly I changed the DemoTwo.cs as follows;

 public class DemoTwo : MonoBehaviour
 {
     private VirtualControls _controls;
 
     void Start()
     {
         _controls = new VirtualControls();
         _controls.createDebugQuads();
     }
 
     void Update()
     {
         _controls.update();
     }
 
 }

and then I updated VirtualControls.cs as follows;

 public class VirtualControls
 {
     public bool pauseDown;
     private TKButtonRecognizer _pauseRecognizer;
     public TKRect pauseRect { get { return _pauseRecognizer.boundaryFrame.Value; } }
 
     public GameObject pauseBtn;
     float pauseBtnWidth;
     float pauseBtnHeight;
     float pauseBtnOriginX;
     float pauseBtnOriginY;
 
     void PauseBtnInfo(){
         pauseBtn = GameObject.Find("pauseBtn");
         pauseBtnWidth = pauseBtn.GetComponent<SpriteRenderer>().bounds.size.x;
         pauseBtnHeight = pauseBtn.GetComponent<SpriteRenderer>().bounds.size.y;
         pauseBtnOriginX = pauseBtn.GetComponent<SpriteRenderer>().bounds.center.x;
         pauseBtnOriginY = pauseBtn.GetComponent<SpriteRenderer>().bounds.center.y;
     }
 
     public VirtualControls()
     {
         PauseBtnInfo();
         setupRecognizers();
     }
 
     public void update()
     {
         // reset our state
         pauseDown = false;
 
         // first update our touches then use our recognizers to set our state
         TouchKit.updateTouches();
 
         pauseDown = _pauseRecognizer.state == TKGestureRecognizerState.RecognizedAndStillRecognizing;
     }
 
     public void createDebugQuads()
     {
         createQuadButton( pauseRect, Color.green );
     }
 
     void createQuadButton( TKRect rect, Color color )
     {
         color.a = 0.2f;
 
         // find the center point in Unity units
         var center = Camera.main.ScreenToWorldPoint( rect.center );
         center.z = 0;
 
         // create the quad button
         var button = GameObject.CreatePrimitive( PrimitiveType.Quad );
         button.transform.position = center;
         button.renderer.material.shader = Shader.Find( "Sprites/Default" );
         button.renderer.material.color = color;
 
         // scale the quad button accordingly
         button.transform.localScale = new Vector3
         (
             TouchKit.instance.pixelsToUnityUnitsMultiplier.x * rect.width,
             TouchKit.instance.pixelsToUnityUnitsMultiplier.y * rect.height
         );
     }
 
     void setupRecognizers()
     {
         _pauseRecognizer = new TKButtonRecognizer( new TKRect(TouchKit.instance.designTimeResolution.x - pauseBtnWidth*50f, TouchKit.instance.designTimeResolution.y - pauseBtnHeight*50f, pauseBtnWidth*50f, pauseBtnHeight*50f), 0f );
         TouchKit.addGestureRecognizer( _pauseRecognizer );
     }
 }

As you can see the pauseBtn data has to be "adjusted" a bit so that the debugQuad aligns with the sprite position. But if I move the sprite in the scene I then have to guess the co-ordinates again.

Mike mentions in the readme file that the TKButtonRecognizer class "has been designed to work with any sprite solution for button touch handling. This lets you keep your input totally separate from your rendering." so I'm thinking I'm doing this totally wrong?

If anyone has implemented Sprites with Touchkit sucessfully I would really appreciate any help or tips.

thanks in advance, Nathan