diff --git a/docs/assets/search.js b/docs/assets/search.js
index 2749cc00..f7ea3dea 100644
--- a/docs/assets/search.js
+++ b/docs/assets/search.js
@@ -1 +1 @@
-window.searchData = {"kinds":{"64":"Function","256":"Interface","1024":"Property","65536":"Type literal","4194304":"Type alias"},"rows":[{"id":0,"kind":64,"name":"default","url":"modules.html#default","classes":"tsd-kind-function"},{"id":1,"kind":4194304,"name":"Interactions","url":"modules.html#Interactions","classes":"tsd-kind-type-alias"},{"id":2,"kind":65536,"name":"__type","url":"modules.html#Interactions.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"Interactions"},{"id":3,"kind":1024,"name":"touch","url":"modules.html#Interactions.__type.touch","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":4,"kind":1024,"name":"tap","url":"modules.html#Interactions.__type.tap","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":5,"kind":1024,"name":"doubleTap","url":"modules.html#Interactions.__type.doubleTap","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":6,"kind":1024,"name":"press","url":"modules.html#Interactions.__type.press","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":7,"kind":1024,"name":"click","url":"modules.html#Interactions.__type.click","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":8,"kind":1024,"name":"hover","url":"modules.html#Interactions.__type.hover","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":9,"kind":4194304,"name":"MagnifiedImagePosition","url":"modules.html#MagnifiedImagePosition","classes":"tsd-kind-type-alias"},{"id":10,"kind":4194304,"name":"InputType","url":"modules.html#InputType","classes":"tsd-kind-type-alias"},{"id":11,"kind":65536,"name":"__type","url":"modules.html#InputType.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"InputType"},{"id":12,"kind":1024,"name":"mouse","url":"modules.html#InputType.__type.mouse","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"InputType.__type"},{"id":13,"kind":1024,"name":"touch","url":"modules.html#InputType.__type.touch","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"InputType.__type"},{"id":14,"kind":4194304,"name":"Point","url":"modules.html#Point","classes":"tsd-kind-type-alias"},{"id":15,"kind":65536,"name":"__type","url":"modules.html#Point.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"Point"},{"id":16,"kind":1024,"name":"x","url":"modules.html#Point.__type.x","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Point.__type"},{"id":17,"kind":1024,"name":"y","url":"modules.html#Point.__type.y","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Point.__type"},{"id":18,"kind":4194304,"name":"MagnifiedImageProps","url":"modules.html#MagnifiedImageProps","classes":"tsd-kind-type-alias"},{"id":19,"kind":4194304,"name":"ImageProps","url":"modules.html#ImageProps","classes":"tsd-kind-type-alias"},{"id":20,"kind":256,"name":"LensProps","url":"interfaces/LensProps.html","classes":"tsd-kind-interface"},{"id":21,"kind":1024,"name":"cursorOffset","url":"interfaces/LensProps.html#cursorOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":22,"kind":1024,"name":"fadeDurationInMs","url":"interfaces/LensProps.html#fadeDurationInMs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":23,"kind":1024,"name":"isActive","url":"interfaces/LensProps.html#isActive","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":24,"kind":1024,"name":"isPositionOutside","url":"interfaces/LensProps.html#isPositionOutside","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":25,"kind":1024,"name":"position","url":"interfaces/LensProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":26,"kind":256,"name":"HintProps","url":"interfaces/HintProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":27,"kind":1024,"name":"isMouseDetected","url":"interfaces/HintProps.html#isMouseDetected","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":28,"kind":1024,"name":"isTouchDetected","url":"interfaces/HintProps.html#isTouchDetected","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":29,"kind":1024,"name":"hintTextMouse","url":"interfaces/HintProps.html#hintTextMouse","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":30,"kind":1024,"name":"hintTextTouch","url":"interfaces/HintProps.html#hintTextTouch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":31,"kind":4194304,"name":"PortalProps","url":"modules.html#PortalProps","classes":"tsd-kind-type-alias"},{"id":32,"kind":256,"name":"MagnifyContainerProps","url":"interfaces/MagnifyContainerProps.html","classes":"tsd-kind-interface"},{"id":33,"kind":1024,"name":"height","url":"interfaces/MagnifyContainerProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"MagnifyContainerProps"},{"id":34,"kind":1024,"name":"width","url":"interfaces/MagnifyContainerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"MagnifyContainerProps"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,31.781]],["parent/0",[]],["name/1",[1,26.672]],["parent/1",[]],["name/2",[2,23.308]],["parent/2",[1,2.246]],["name/3",[3,26.672]],["parent/3",[4,1.441]],["name/4",[5,31.781]],["parent/4",[4,1.441]],["name/5",[6,31.781]],["parent/5",[4,1.441]],["name/6",[7,31.781]],["parent/6",[4,1.441]],["name/7",[8,31.781]],["parent/7",[4,1.441]],["name/8",[9,31.781]],["parent/8",[4,1.441]],["name/9",[10,31.781]],["parent/9",[]],["name/10",[11,26.672]],["parent/10",[]],["name/11",[2,23.308]],["parent/11",[11,2.246]],["name/12",[12,31.781]],["parent/12",[13,2.246]],["name/13",[3,26.672]],["parent/13",[13,2.246]],["name/14",[14,26.672]],["parent/14",[]],["name/15",[2,23.308]],["parent/15",[14,2.246]],["name/16",[15,31.781]],["parent/16",[16,2.246]],["name/17",[17,31.781]],["parent/17",[16,2.246]],["name/18",[18,31.781]],["parent/18",[]],["name/19",[19,31.781]],["parent/19",[]],["name/20",[20,17.117]],["parent/20",[]],["name/21",[21,31.781]],["parent/21",[20,1.441]],["name/22",[22,31.781]],["parent/22",[20,1.441]],["name/23",[23,31.781]],["parent/23",[20,1.441]],["name/24",[24,31.781]],["parent/24",[20,1.441]],["name/25",[25,31.781]],["parent/25",[20,1.441]],["name/26",[26,18.788]],["parent/26",[]],["name/27",[27,31.781]],["parent/27",[26,1.582]],["name/28",[28,31.781]],["parent/28",[26,1.582]],["name/29",[29,31.781]],["parent/29",[26,1.582]],["name/30",[30,31.781]],["parent/30",[26,1.582]],["name/31",[31,31.781]],["parent/31",[]],["name/32",[32,23.308]],["parent/32",[]],["name/33",[33,31.781]],["parent/33",[32,1.963]],["name/34",[34,31.781]],["parent/34",[32,1.963]]],"invertedIndex":[["__type",{"_index":2,"name":{"2":{},"11":{},"15":{}},"parent":{}}],["click",{"_index":8,"name":{"7":{}},"parent":{}}],["cursoroffset",{"_index":21,"name":{"21":{}},"parent":{}}],["default",{"_index":0,"name":{"0":{}},"parent":{}}],["doubletap",{"_index":6,"name":{"5":{}},"parent":{}}],["fadedurationinms",{"_index":22,"name":{"22":{}},"parent":{}}],["height",{"_index":33,"name":{"33":{}},"parent":{}}],["hintprops",{"_index":26,"name":{"26":{}},"parent":{"27":{},"28":{},"29":{},"30":{}}}],["hinttextmouse",{"_index":29,"name":{"29":{}},"parent":{}}],["hinttexttouch",{"_index":30,"name":{"30":{}},"parent":{}}],["hover",{"_index":9,"name":{"8":{}},"parent":{}}],["imageprops",{"_index":19,"name":{"19":{}},"parent":{}}],["inputtype",{"_index":11,"name":{"10":{}},"parent":{"11":{}}}],["inputtype.__type",{"_index":13,"name":{},"parent":{"12":{},"13":{}}}],["interactions",{"_index":1,"name":{"1":{}},"parent":{"2":{}}}],["interactions.__type",{"_index":4,"name":{},"parent":{"3":{},"4":{},"5":{},"6":{},"7":{},"8":{}}}],["isactive",{"_index":23,"name":{"23":{}},"parent":{}}],["ismousedetected",{"_index":27,"name":{"27":{}},"parent":{}}],["ispositionoutside",{"_index":24,"name":{"24":{}},"parent":{}}],["istouchdetected",{"_index":28,"name":{"28":{}},"parent":{}}],["lensprops",{"_index":20,"name":{"20":{}},"parent":{"21":{},"22":{},"23":{},"24":{},"25":{}}}],["magnifiedimageposition",{"_index":10,"name":{"9":{}},"parent":{}}],["magnifiedimageprops",{"_index":18,"name":{"18":{}},"parent":{}}],["magnifycontainerprops",{"_index":32,"name":{"32":{}},"parent":{"33":{},"34":{}}}],["mouse",{"_index":12,"name":{"12":{}},"parent":{}}],["point",{"_index":14,"name":{"14":{}},"parent":{"15":{}}}],["point.__type",{"_index":16,"name":{},"parent":{"16":{},"17":{}}}],["portalprops",{"_index":31,"name":{"31":{}},"parent":{}}],["position",{"_index":25,"name":{"25":{}},"parent":{}}],["press",{"_index":7,"name":{"6":{}},"parent":{}}],["tap",{"_index":5,"name":{"4":{}},"parent":{}}],["touch",{"_index":3,"name":{"3":{},"13":{}},"parent":{}}],["width",{"_index":34,"name":{"34":{}},"parent":{}}],["x",{"_index":15,"name":{"16":{}},"parent":{}}],["y",{"_index":17,"name":{"17":{}},"parent":{}}]],"pipeline":[]}}
\ No newline at end of file
+window.searchData = {"kinds":{"64":"Function","256":"Interface","1024":"Property","65536":"Type literal","4194304":"Type alias"},"rows":[{"id":0,"kind":64,"name":"default","url":"modules.html#default","classes":"tsd-kind-function"},{"id":1,"kind":4194304,"name":"Interactions","url":"modules.html#Interactions","classes":"tsd-kind-type-alias"},{"id":2,"kind":65536,"name":"__type","url":"modules.html#Interactions.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"Interactions"},{"id":3,"kind":1024,"name":"touch","url":"modules.html#Interactions.__type.touch","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":4,"kind":1024,"name":"tap","url":"modules.html#Interactions.__type.tap","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":5,"kind":1024,"name":"doubleTap","url":"modules.html#Interactions.__type.doubleTap","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":6,"kind":1024,"name":"press","url":"modules.html#Interactions.__type.press","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":7,"kind":1024,"name":"click","url":"modules.html#Interactions.__type.click","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":8,"kind":1024,"name":"hover","url":"modules.html#Interactions.__type.hover","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Interactions.__type"},{"id":9,"kind":4194304,"name":"MagnifiedImagePosition","url":"modules.html#MagnifiedImagePosition","classes":"tsd-kind-type-alias"},{"id":10,"kind":4194304,"name":"InputType","url":"modules.html#InputType","classes":"tsd-kind-type-alias"},{"id":11,"kind":65536,"name":"__type","url":"modules.html#InputType.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"InputType"},{"id":12,"kind":1024,"name":"mouse","url":"modules.html#InputType.__type.mouse","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"InputType.__type"},{"id":13,"kind":1024,"name":"touch","url":"modules.html#InputType.__type.touch","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"InputType.__type"},{"id":14,"kind":4194304,"name":"Point","url":"modules.html#Point","classes":"tsd-kind-type-alias"},{"id":15,"kind":65536,"name":"__type","url":"modules.html#Point.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"Point"},{"id":16,"kind":1024,"name":"x","url":"modules.html#Point.__type.x","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Point.__type"},{"id":17,"kind":1024,"name":"y","url":"modules.html#Point.__type.y","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Point.__type"},{"id":18,"kind":4194304,"name":"MagnifiedImageProps","url":"modules.html#MagnifiedImageProps","classes":"tsd-kind-type-alias"},{"id":19,"kind":4194304,"name":"ImageProps","url":"modules.html#ImageProps","classes":"tsd-kind-type-alias"},{"id":20,"kind":256,"name":"LensProps","url":"interfaces/LensProps.html","classes":"tsd-kind-interface"},{"id":21,"kind":1024,"name":"cursorOffset","url":"interfaces/LensProps.html#cursorOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":22,"kind":1024,"name":"fadeDurationInMs","url":"interfaces/LensProps.html#fadeDurationInMs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":23,"kind":1024,"name":"isActive","url":"interfaces/LensProps.html#isActive","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":24,"kind":1024,"name":"isPositionOutside","url":"interfaces/LensProps.html#isPositionOutside","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":25,"kind":1024,"name":"position","url":"interfaces/LensProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"LensProps"},{"id":26,"kind":256,"name":"HintProps","url":"interfaces/HintProps.html","classes":"tsd-kind-interface"},{"id":27,"kind":1024,"name":"isMouseDetected","url":"interfaces/HintProps.html#isMouseDetected","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":28,"kind":1024,"name":"isTouchDetected","url":"interfaces/HintProps.html#isTouchDetected","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":29,"kind":1024,"name":"hintTextMouse","url":"interfaces/HintProps.html#hintTextMouse","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":30,"kind":1024,"name":"hintTextTouch","url":"interfaces/HintProps.html#hintTextTouch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":31,"kind":1024,"name":"style","url":"interfaces/HintProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"HintProps"},{"id":32,"kind":4194304,"name":"PortalProps","url":"modules.html#PortalProps","classes":"tsd-kind-type-alias"},{"id":33,"kind":256,"name":"MagnifyContainerProps","url":"interfaces/MagnifyContainerProps.html","classes":"tsd-kind-interface"},{"id":34,"kind":1024,"name":"height","url":"interfaces/MagnifyContainerProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"MagnifyContainerProps"},{"id":35,"kind":1024,"name":"width","url":"interfaces/MagnifyContainerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"MagnifyContainerProps"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,32.055]],["parent/0",[]],["name/1",[1,26.946]],["parent/1",[]],["name/2",[2,23.582]],["parent/2",[1,2.284]],["name/3",[3,26.946]],["parent/3",[4,1.474]],["name/4",[5,32.055]],["parent/4",[4,1.474]],["name/5",[6,32.055]],["parent/5",[4,1.474]],["name/6",[7,32.055]],["parent/6",[4,1.474]],["name/7",[8,32.055]],["parent/7",[4,1.474]],["name/8",[9,32.055]],["parent/8",[4,1.474]],["name/9",[10,32.055]],["parent/9",[]],["name/10",[11,26.946]],["parent/10",[]],["name/11",[2,23.582]],["parent/11",[11,2.284]],["name/12",[12,32.055]],["parent/12",[13,2.284]],["name/13",[3,26.946]],["parent/13",[13,2.284]],["name/14",[14,26.946]],["parent/14",[]],["name/15",[2,23.582]],["parent/15",[14,2.284]],["name/16",[15,32.055]],["parent/16",[16,2.284]],["name/17",[17,32.055]],["parent/17",[16,2.284]],["name/18",[18,32.055]],["parent/18",[]],["name/19",[19,32.055]],["parent/19",[]],["name/20",[20,17.391]],["parent/20",[]],["name/21",[21,32.055]],["parent/21",[20,1.474]],["name/22",[22,32.055]],["parent/22",[20,1.474]],["name/23",[23,32.055]],["parent/23",[20,1.474]],["name/24",[24,32.055]],["parent/24",[20,1.474]],["name/25",[25,32.055]],["parent/25",[20,1.474]],["name/26",[26,17.391]],["parent/26",[]],["name/27",[27,32.055]],["parent/27",[26,1.474]],["name/28",[28,32.055]],["parent/28",[26,1.474]],["name/29",[29,32.055]],["parent/29",[26,1.474]],["name/30",[30,32.055]],["parent/30",[26,1.474]],["name/31",[31,32.055]],["parent/31",[26,1.474]],["name/32",[32,32.055]],["parent/32",[]],["name/33",[33,23.582]],["parent/33",[]],["name/34",[34,32.055]],["parent/34",[33,1.998]],["name/35",[35,32.055]],["parent/35",[33,1.998]]],"invertedIndex":[["__type",{"_index":2,"name":{"2":{},"11":{},"15":{}},"parent":{}}],["click",{"_index":8,"name":{"7":{}},"parent":{}}],["cursoroffset",{"_index":21,"name":{"21":{}},"parent":{}}],["default",{"_index":0,"name":{"0":{}},"parent":{}}],["doubletap",{"_index":6,"name":{"5":{}},"parent":{}}],["fadedurationinms",{"_index":22,"name":{"22":{}},"parent":{}}],["height",{"_index":34,"name":{"34":{}},"parent":{}}],["hintprops",{"_index":26,"name":{"26":{}},"parent":{"27":{},"28":{},"29":{},"30":{},"31":{}}}],["hinttextmouse",{"_index":29,"name":{"29":{}},"parent":{}}],["hinttexttouch",{"_index":30,"name":{"30":{}},"parent":{}}],["hover",{"_index":9,"name":{"8":{}},"parent":{}}],["imageprops",{"_index":19,"name":{"19":{}},"parent":{}}],["inputtype",{"_index":11,"name":{"10":{}},"parent":{"11":{}}}],["inputtype.__type",{"_index":13,"name":{},"parent":{"12":{},"13":{}}}],["interactions",{"_index":1,"name":{"1":{}},"parent":{"2":{}}}],["interactions.__type",{"_index":4,"name":{},"parent":{"3":{},"4":{},"5":{},"6":{},"7":{},"8":{}}}],["isactive",{"_index":23,"name":{"23":{}},"parent":{}}],["ismousedetected",{"_index":27,"name":{"27":{}},"parent":{}}],["ispositionoutside",{"_index":24,"name":{"24":{}},"parent":{}}],["istouchdetected",{"_index":28,"name":{"28":{}},"parent":{}}],["lensprops",{"_index":20,"name":{"20":{}},"parent":{"21":{},"22":{},"23":{},"24":{},"25":{}}}],["magnifiedimageposition",{"_index":10,"name":{"9":{}},"parent":{}}],["magnifiedimageprops",{"_index":18,"name":{"18":{}},"parent":{}}],["magnifycontainerprops",{"_index":33,"name":{"33":{}},"parent":{"34":{},"35":{}}}],["mouse",{"_index":12,"name":{"12":{}},"parent":{}}],["point",{"_index":14,"name":{"14":{}},"parent":{"15":{}}}],["point.__type",{"_index":16,"name":{},"parent":{"16":{},"17":{}}}],["portalprops",{"_index":32,"name":{"32":{}},"parent":{}}],["position",{"_index":25,"name":{"25":{}},"parent":{}}],["press",{"_index":7,"name":{"6":{}},"parent":{}}],["style",{"_index":31,"name":{"31":{}},"parent":{}}],["tap",{"_index":5,"name":{"4":{}},"parent":{}}],["touch",{"_index":3,"name":{"3":{},"13":{}},"parent":{}}],["width",{"_index":35,"name":{"35":{}},"parent":{}}],["x",{"_index":15,"name":{"16":{}},"parent":{}}],["y",{"_index":17,"name":{"17":{}},"parent":{}}]],"pipeline":[]}}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index ad6bddfa..f884111f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -104,4 +104,4 @@ <h2>License</h2>
 </a>
 <p>MIT</p>
 <p>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></p>
-</div></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>
\ No newline at end of file
+</div></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-interface"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/interfaces/HintProps.html b/docs/interfaces/HintProps.html
index 9adce666..23b0fd35 100644
--- a/docs/interfaces/HintProps.html
+++ b/docs/interfaces/HintProps.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>HintProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="HintProps.html">HintProps</a></li></ul><h1>Interface HintProps&lt;T&gt;</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span> = <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">HintProps</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextMouse" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Mouse</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L89">src/types.ts:89</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextTouch" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Touch</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Touch<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L90">src/types.ts:90</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isMouseDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Mouse<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L87">src/types.ts:87</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isTouchDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Touch<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Touch<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L88">src/types.ts:88</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-has-type-parameter"><a href="HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>HintProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="HintProps.html">HintProps</a></li></ul><h1>Interface HintProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">HintProps</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#style" class="tsd-kind-icon">style</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextMouse" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Mouse</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L89">src/types.ts:89</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextTouch" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Touch</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Touch<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L90">src/types.ts:90</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isMouseDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Mouse<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L87">src/types.ts:87</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isTouchDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Touch<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Touch<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L88">src/types.ts:88</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="style" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> style</h3><div class="tsd-signature tsd-kind-icon">style<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CSSProperties</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L91">src/types.ts:91</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface"><a href="HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#style" class="tsd-kind-icon">style</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/interfaces/LensProps.html b/docs/interfaces/LensProps.html
index 17b9cc12..a97df50e 100644
--- a/docs/interfaces/LensProps.html
+++ b/docs/interfaces/LensProps.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>LensProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="LensProps.html">LensProps</a></li></ul><h1>Interface LensProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">HTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">LensProps</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#cursorOffset" class="tsd-kind-icon">cursor<wbr/>Offset</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#fadeDurationInMs" class="tsd-kind-icon">fade<wbr/>Duration<wbr/>In<wbr/>Ms</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isActive" class="tsd-kind-icon">is<wbr/>Active</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isPositionOutside" class="tsd-kind-icon">is<wbr/>Position<wbr/>Outside</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#position" class="tsd-kind-icon">position</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="cursorOffset" class="tsd-anchor"></a><h3>cursor<wbr/>Offset</h3><div class="tsd-signature tsd-kind-icon">cursor<wbr/>Offset<span class="tsd-signature-symbol">:</span> <a href="../modules.html#Point" class="tsd-signature-type" data-tsd-kind="Type alias">Point</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L79">src/types.ts:79</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="fadeDurationInMs" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fade<wbr/>Duration<wbr/>In<wbr/>Ms</h3><div class="tsd-signature tsd-kind-icon">fade<wbr/>Duration<wbr/>In<wbr/>Ms<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L80">src/types.ts:80</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isActive" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Active</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Active<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L81">src/types.ts:81</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isPositionOutside" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Position<wbr/>Outside</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Position<wbr/>Outside<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L82">src/types.ts:82</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="position" class="tsd-anchor"></a><h3>position</h3><div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <a href="../modules.html#Point" class="tsd-signature-type" data-tsd-kind="Type alias">Point</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L83">src/types.ts:83</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface"><a href="LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#cursorOffset" class="tsd-kind-icon">cursor<wbr/>Offset</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#fadeDurationInMs" class="tsd-kind-icon">fade<wbr/>Duration<wbr/>In<wbr/>Ms</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isActive" class="tsd-kind-icon">is<wbr/>Active</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isPositionOutside" class="tsd-kind-icon">is<wbr/>Position<wbr/>Outside</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#position" class="tsd-kind-icon">position</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>LensProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="LensProps.html">LensProps</a></li></ul><h1>Interface LensProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">HTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">LensProps</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#cursorOffset" class="tsd-kind-icon">cursor<wbr/>Offset</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#fadeDurationInMs" class="tsd-kind-icon">fade<wbr/>Duration<wbr/>In<wbr/>Ms</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isActive" class="tsd-kind-icon">is<wbr/>Active</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isPositionOutside" class="tsd-kind-icon">is<wbr/>Position<wbr/>Outside</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#position" class="tsd-kind-icon">position</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="cursorOffset" class="tsd-anchor"></a><h3>cursor<wbr/>Offset</h3><div class="tsd-signature tsd-kind-icon">cursor<wbr/>Offset<span class="tsd-signature-symbol">:</span> <a href="../modules.html#Point" class="tsd-signature-type" data-tsd-kind="Type alias">Point</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L79">src/types.ts:79</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="fadeDurationInMs" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> fade<wbr/>Duration<wbr/>In<wbr/>Ms</h3><div class="tsd-signature tsd-kind-icon">fade<wbr/>Duration<wbr/>In<wbr/>Ms<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L80">src/types.ts:80</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isActive" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Active</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Active<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L81">src/types.ts:81</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isPositionOutside" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Position<wbr/>Outside</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Position<wbr/>Outside<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L82">src/types.ts:82</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="position" class="tsd-anchor"></a><h3>position</h3><div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <a href="../modules.html#Point" class="tsd-signature-type" data-tsd-kind="Type alias">Point</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L83">src/types.ts:83</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface"><a href="LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#cursorOffset" class="tsd-kind-icon">cursor<wbr/>Offset</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#fadeDurationInMs" class="tsd-kind-icon">fade<wbr/>Duration<wbr/>In<wbr/>Ms</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isActive" class="tsd-kind-icon">is<wbr/>Active</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#isPositionOutside" class="tsd-kind-icon">is<wbr/>Position<wbr/>Outside</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="LensProps.html#position" class="tsd-kind-icon">position</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/interfaces/MagnifyContainerProps.html b/docs/interfaces/MagnifyContainerProps.html
index aff40e27..32361983 100644
--- a/docs/interfaces/MagnifyContainerProps.html
+++ b/docs/interfaces/MagnifyContainerProps.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>MagnifyContainerProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="MagnifyContainerProps.html">MagnifyContainerProps</a></li></ul><h1>Interface MagnifyContainerProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;height&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;width&quot;</span><span class="tsd-signature-symbol">&gt;</span></li><li><span class="tsd-signature-type">ContainerDimensions</span><ul class="tsd-hierarchy"><li><span class="target">MagnifyContainerProps</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section tsd-is-inherited"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group tsd-is-inherited"><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a name="height" class="tsd-anchor"></a><h3>height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from ContainerDimensions.height</p><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L64">src/types.ts:64</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a name="width" class="tsd-anchor"></a><h3>width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from ContainerDimensions.width</p><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L65">src/types.ts:65</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface"><a href="MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>MagnifyContainerProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="MagnifyContainerProps.html">MagnifyContainerProps</a></li></ul><h1>Interface MagnifyContainerProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;height&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;width&quot;</span><span class="tsd-signature-symbol">&gt;</span></li><li><span class="tsd-signature-type">ContainerDimensions</span><ul class="tsd-hierarchy"><li><span class="target">MagnifyContainerProps</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section tsd-is-inherited"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#width" class="tsd-kind-icon">width</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group tsd-is-inherited"><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a name="height" class="tsd-anchor"></a><h3>height</h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from ContainerDimensions.height</p><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L64">src/types.ts:64</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a name="width" class="tsd-anchor"></a><h3>width</h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from ContainerDimensions.width</p><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L65">src/types.ts:65</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface"><a href="MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="MagnifyContainerProps.html#width" class="tsd-kind-icon">width</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/modules.html b/docs/modules.html
index 574e305c..b373d278 100644
--- a/docs/modules.html
+++ b/docs/modules.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script async src="assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><h1>React Image Magnify</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Interfaces</h3><ul class="tsd-index-list"><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li></ul></section><section class="tsd-index-section "><h3>Type aliases</h3><ul class="tsd-index-list"><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li></ul></section><section class="tsd-index-section "><h3>Functions</h3><ul class="tsd-index-list"><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Type aliases</h2><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="ImageProps" class="tsd-anchor"></a><h3>Image<wbr/>Props</h3><div class="tsd-signature tsd-kind-icon">Image<wbr/>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ImgHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;height&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;width&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L73">src/types.ts:73</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="InputType" class="tsd-anchor"></a><h3>Input<wbr/>Type</h3><div class="tsd-signature tsd-kind-icon">Input<wbr/>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>mouse<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;mouse&quot;</span><span class="tsd-signature-symbol">; </span>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L53">src/types.ts:53</a></li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>mouse<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;mouse&quot;</span></h5></li><li class="tsd-parameter"><h5>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="Interactions" class="tsd-anchor"></a><h3>Interactions</h3><div class="tsd-signature tsd-kind-icon">Interactions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;click&quot;</span><span class="tsd-signature-symbol">; </span>doubleTap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;double_tap&quot;</span><span class="tsd-signature-symbol">; </span>hover<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;hover&quot;</span><span class="tsd-signature-symbol">; </span>press<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;press&quot;</span><span class="tsd-signature-symbol">; </span>tap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;tap&quot;</span><span class="tsd-signature-symbol">; </span>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L16">src/types.ts:16</a></li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;click&quot;</span></h5></li><li class="tsd-parameter"><h5>double<wbr/>Tap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;double_tap&quot;</span></h5></li><li class="tsd-parameter"><h5>hover<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;hover&quot;</span></h5></li><li class="tsd-parameter"><h5>press<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;press&quot;</span></h5></li><li class="tsd-parameter"><h5>tap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;tap&quot;</span></h5></li><li class="tsd-parameter"><h5>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="MagnifiedImagePosition" class="tsd-anchor"></a><h3>Magnified<wbr/>Image<wbr/>Position</h3><div class="tsd-signature tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Placement</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;over&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L25">src/types.ts:25</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="MagnifiedImageProps" class="tsd-anchor"></a><h3>Magnified<wbr/>Image<wbr/>Props</h3><div class="tsd-signature tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ImgHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L68">src/types.ts:68</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="Point" class="tsd-anchor"></a><h3>Point</h3><div class="tsd-signature tsd-kind-icon">Point<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L58">src/types.ts:58</a></li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5>y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="PortalProps" class="tsd-anchor"></a><h3>Portal<wbr/>Props</h3><div class="tsd-signature tsd-kind-icon">Portal<wbr/>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;modifiers&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;placement&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>className<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>dataTestId<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>horizontalOffset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>id<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>modifiers<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Modifier</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>placement<span class="tsd-signature-symbol">?: </span><a href="modules.html#MagnifiedImagePosition" class="tsd-signature-type" data-tsd-kind="Type alias">MagnifiedImagePosition</a><span class="tsd-signature-symbol">; </span>style<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol">; </span>verticalOffset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L93">src/types.ts:93</a></li></ul></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Functions</h2><section class="tsd-panel tsd-member tsd-kind-function"><a name="default" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagConst">Const</span> default</h3><ul class="tsd-signatures tsd-kind-function"><li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactImageMagnifyProps</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/ReactImageMagnify.tsx#L42">src/ReactImageMagnify.tsx:42</a></li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>props: <span class="tsd-signature-type">ReactImageMagnifyProps</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script async src="assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><h1>React Image Magnify</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Interfaces</h3><ul class="tsd-index-list"><li class="tsd-kind-interface"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li></ul></section><section class="tsd-index-section "><h3>Type aliases</h3><ul class="tsd-index-list"><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li></ul></section><section class="tsd-index-section "><h3>Functions</h3><ul class="tsd-index-list"><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Type aliases</h2><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="ImageProps" class="tsd-anchor"></a><h3>Image<wbr/>Props</h3><div class="tsd-signature tsd-kind-icon">Image<wbr/>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ImgHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;height&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;width&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L73">src/types.ts:73</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="InputType" class="tsd-anchor"></a><h3>Input<wbr/>Type</h3><div class="tsd-signature tsd-kind-icon">Input<wbr/>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>mouse<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;mouse&quot;</span><span class="tsd-signature-symbol">; </span>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L53">src/types.ts:53</a></li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>mouse<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;mouse&quot;</span></h5></li><li class="tsd-parameter"><h5>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="Interactions" class="tsd-anchor"></a><h3>Interactions</h3><div class="tsd-signature tsd-kind-icon">Interactions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;click&quot;</span><span class="tsd-signature-symbol">; </span>doubleTap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;double_tap&quot;</span><span class="tsd-signature-symbol">; </span>hover<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;hover&quot;</span><span class="tsd-signature-symbol">; </span>press<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;press&quot;</span><span class="tsd-signature-symbol">; </span>tap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;tap&quot;</span><span class="tsd-signature-symbol">; </span>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L16">src/types.ts:16</a></li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;click&quot;</span></h5></li><li class="tsd-parameter"><h5>double<wbr/>Tap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;double_tap&quot;</span></h5></li><li class="tsd-parameter"><h5>hover<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;hover&quot;</span></h5></li><li class="tsd-parameter"><h5>press<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;press&quot;</span></h5></li><li class="tsd-parameter"><h5>tap<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;tap&quot;</span></h5></li><li class="tsd-parameter"><h5>touch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;touch&quot;</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="MagnifiedImagePosition" class="tsd-anchor"></a><h3>Magnified<wbr/>Image<wbr/>Position</h3><div class="tsd-signature tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Placement</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;over&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L25">src/types.ts:25</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="MagnifiedImageProps" class="tsd-anchor"></a><h3>Magnified<wbr/>Image<wbr/>Props</h3><div class="tsd-signature tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ImgHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">HTMLImageElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L68">src/types.ts:68</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="Point" class="tsd-anchor"></a><h3>Point</h3><div class="tsd-signature tsd-kind-icon">Point<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L58">src/types.ts:58</a></li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5>y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-type-alias"><a name="PortalProps" class="tsd-anchor"></a><h3>Portal<wbr/>Props</h3><div class="tsd-signature tsd-kind-icon">Portal<wbr/>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;modifiers&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;placement&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>className<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>dataTestId<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>horizontalOffset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>id<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>modifiers<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Modifier</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>placement<span class="tsd-signature-symbol">?: </span><a href="modules.html#MagnifiedImagePosition" class="tsd-signature-type" data-tsd-kind="Type alias">MagnifiedImagePosition</a><span class="tsd-signature-symbol">; </span>style<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol">; </span>verticalOffset<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L94">src/types.ts:94</a></li></ul></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Functions</h2><section class="tsd-panel tsd-member tsd-kind-function"><a name="default" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagConst">Const</span> default</h3><ul class="tsd-signatures tsd-kind-function"><li class="tsd-signature tsd-kind-icon">default<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactImageMagnifyProps</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/ReactImageMagnify.tsx#L42">src/ReactImageMagnify.tsx:42</a></li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>props: <span class="tsd-signature-type">ReactImageMagnifyProps</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-interface"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>
\ No newline at end of file
diff --git a/package.json b/package.json
index cde7ed0b..453c5a6d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@blacklab/react-image-magnify",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "A responsive react image zoom component",
   "repository": {
     "type": "git",