diff --git a/packages/selecto/package.json b/packages/selecto/package.json
index 6f2b99f..e87958c 100644
--- a/packages/selecto/package.json
+++ b/packages/selecto/package.json
@@ -40,7 +40,7 @@
         "css-styled": "^1.0.0",
         "css-to-mat": "^1.0.3",
         "framework-utils": "^1.1.0",
-        "gesto": "^1.12.2",
+        "gesto": "^1.13.0",
         "keycon": "^1.2.0",
         "overlap-area": "^1.1.0"
     },
diff --git a/packages/selecto/src/SelectoManager.tsx b/packages/selecto/src/SelectoManager.tsx
index af2f6e7..15503b0 100644
--- a/packages/selecto/src/SelectoManager.tsx
+++ b/packages/selecto/src/SelectoManager.tsx
@@ -231,14 +231,14 @@ class Selecto extends EventEmitter<SelectoEvents> {
     /**
      * Find for selectableTargets again during drag event
      */
-    public findSelectableTargets(datas: any = this.gesto.getEventDatas()) {
+    public findSelectableTargets(data: any = this.gesto.getEventDatas()) {
         const selectableTargets = this.getSelectableElements();
         const selectablePoints = selectableTargets.map(
             (target) => this.getElementPoints(target),
         );
-        datas.selectableTargets = selectableTargets;
-        datas.selectablePoints = selectablePoints;
-        this._refreshGroups(datas);
+        data.selectableTargets = selectableTargets;
+        data.selectablePoints = selectablePoints;
+        this._refreshGroups(data);
     }
     /**
      * External click or mouse events can be applied to the selecto.
@@ -251,7 +251,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
     ): this {
         const { clientX, clientY } = getClient(e);
         const dragEvent = {
-            datas: {
+            data: {
                 selectFlag: false,
             },
             clientX,
@@ -393,13 +393,13 @@ class Selecto extends EventEmitter<SelectoEvents> {
         selectRect: Rect,
         clientX: number,
         clientY: number,
-        datas: any,
+        data: any,
     ) {
         const { hitRate, selectByClick } = this.options;
         const { left, top, right, bottom } = selectRect;
-        const innerGroups: Record<string | number, Record<string | number, InnerGroup>> = datas.innerGroups;
-        const innerWidth = datas.innerWidth;
-        const innerHeight = datas.innerHeight;
+        const innerGroups: Record<string | number, Record<string | number, InnerGroup>> = data.innerGroups;
+        const innerWidth = data.innerWidth;
+        const innerHeight = data.innerHeight;
         const rectPoints = [
             [left, top],
             [right, top],
@@ -435,8 +435,8 @@ class Selecto extends EventEmitter<SelectoEvents> {
             }
         };
         if (!innerGroups) {
-            const selectableTargets: Array<HTMLElement | SVGElement> = datas.selectableTargets;
-            const selectablePoints: number[][][] = datas.selectablePoints;
+            const selectableTargets: Array<HTMLElement | SVGElement> = data.selectableTargets;
+            const selectablePoints: number[][][] = data.selectablePoints;
 
             return selectableTargets.filter((_, i) => {
                 return isHit(selectablePoints[i]);
@@ -486,18 +486,18 @@ class Selecto extends EventEmitter<SelectoEvents> {
                     return;
                 }
 
-                const datas = this.gesto.getEventDatas();
-                const boundArea = datas.boundArea;
+                const data = this.gesto.getEventDatas();
+                const boundArea = data.boundArea;
 
-                datas.startX -= offsetX;
-                datas.startY -= offsetY;
-                datas.selectablePoints.forEach((points: number[][]) => {
+                data.startX -= offsetX;
+                data.startY -= offsetY;
+                data.selectablePoints.forEach((points: number[][]) => {
                     points.forEach((pos) => {
                         pos[0] -= offsetX;
                         pos[1] -= offsetY;
                     });
                 });
-                this._refreshGroups(datas);
+                this._refreshGroups(data);
 
                 boundArea.left -= offsetX;
                 boundArea.right -= offsetX;
@@ -517,9 +517,11 @@ class Selecto extends EventEmitter<SelectoEvents> {
         prevSelectedTargets: Array<HTMLElement | SVGElement>,
         selectedTargets: Array<HTMLElement | SVGElement>,
         rect: Rect,
-        inputEvent: any,
+        e: OnDragEvent,
         isStart?: boolean
     ) {
+        const inputEvent = e.inputEvent;
+        const data = e.data;
         const { added, removed, prevList, list } = diff(
             prevSelectedTargets,
             selectedTargets
@@ -564,6 +566,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
                 removed: removed.map((index) => prevList[index]),
                 rect,
                 inputEvent,
+                data: data.data,
             });
         }
         if (added.length || removed.length) {
@@ -596,6 +599,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
                 removed: removed.map((index) => prevList[index]),
                 rect,
                 inputEvent,
+                data: data.data,
             });
         }
     }
@@ -603,9 +607,9 @@ class Selecto extends EventEmitter<SelectoEvents> {
         startSelectedTargets: Array<HTMLElement | SVGElement>,
         startPassedTargets: Array<HTMLElement | SVGElement>,
         rect: Rect,
-        e: OnDragEvent
+        e: OnDragEvent,
     ) {
-        const { inputEvent, isDouble } = e;
+        const { inputEvent, isDouble, data } = e;
         const { added, removed, prevList, list } = diff(
             startSelectedTargets,
             this.selectedTargets
@@ -660,10 +664,11 @@ class Selecto extends EventEmitter<SelectoEvents> {
             isDouble: !!isDouble,
             rect,
             inputEvent,
+            data: data.data,
         });
     }
     private _onDragStart = (e: OnDragStart, clickedTarget?: Element) => {
-        const { datas, clientX, clientY, inputEvent } = e;
+        const { data, clientX, clientY, inputEvent } = e;
         const {
             selectFromInside,
             selectByClick,
@@ -678,13 +683,14 @@ class Selecto extends EventEmitter<SelectoEvents> {
             e.stop();
             return;
         }
-        datas.innerWidth = window.innerWidth;
-        datas.innerHeight = window.innerHeight;
-        this.findSelectableTargets(datas);
-        datas.startSelectedTargets = this.selectedTargets;
-        datas.scaleMatrix = createMatrix();
-        datas.containerX = 0;
-        datas.containerY = 0;
+        data.data = {};
+        data.innerWidth = window.innerWidth;
+        data.innerHeight = window.innerHeight;
+        this.findSelectableTargets(data);
+        data.startSelectedTargets = this.selectedTargets;
+        data.scaleMatrix = createMatrix();
+        data.containerX = 0;
+        data.containerY = 0;
 
 
         let boundArea = {
@@ -696,9 +702,9 @@ class Selecto extends EventEmitter<SelectoEvents> {
         if (rootContainer) {
             const containerRect = this.container.getBoundingClientRect();
 
-            datas.containerX = containerRect.left;
-            datas.containerY = containerRect.top;
-            datas.scaleMatrix = getDistElementMatrix(this.container, rootContainer);
+            data.containerX = containerRect.left;
+            data.containerY = containerRect.top;
+            data.scaleMatrix = getDistElementMatrix(this.container, rootContainer);
         }
 
         if (boundContainer) {
@@ -746,7 +752,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
             }
         }
 
-        datas.boundArea = boundArea;
+        data.boundArea = boundArea;
 
         const hitRect = {
             left: clientX,
@@ -761,7 +767,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
         if (!selectFromInside || (selectByClick && !clickBySelectEnd)) {
             const pointTarget = this._findElement(
                 clickedTarget || elementFromPoint(clientX, clientY),
-                datas.selectableTargets,
+                data.selectableTargets,
             );
             firstPassedTargets = pointTarget ? [pointTarget] : [];
         }
@@ -806,7 +812,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
          */
         const result =
             !(e as any).isClick && isTrusted
-                ? this.emit("dragStart", { ...e })
+                ? this.emit("dragStart", { ...e, data: data.data })
                 : true;
 
         if (!result) {
@@ -820,27 +826,27 @@ class Selecto extends EventEmitter<SelectoEvents> {
                 firstPassedTargets,
                 this.continueSelectWithoutDeselect,
             );
-            datas.startPassedTargets = this.selectedTargets;
+            data.startPassedTargets = this.selectedTargets;
         } else {
-            datas.startPassedTargets = [];
+            data.startPassedTargets = [];
         }
         this._select(
             this.selectedTargets,
             firstPassedTargets,
             hitRect,
-            inputEvent,
+            e,
             true
         );
-        datas.startX = clientX;
-        datas.startY = clientY;
-        datas.selectFlag = false;
-        datas.preventDragFromInside = false;
-
-        const offsetPos = calculateMatrixDist(datas.scaleMatrix, [
-            clientX - datas.containerX,
-            clientY - datas.containerY,
+        data.startX = clientX;
+        data.startY = clientY;
+        data.selectFlag = false;
+        data.preventDragFromInside = false;
+
+        const offsetPos = calculateMatrixDist(data.scaleMatrix, [
+            clientX - data.containerX,
+            clientY - data.containerY,
         ]);
-        datas.boundsArea = this.target.style.cssText += `position: ${rootContainer ? "absolute" : "fixed"};`
+        data.boundsArea = this.target.style.cssText += `position: ${rootContainer ? "absolute" : "fixed"};`
             + `left:0px;top:0px;`
             + `transform: translate(${offsetPos[0]}px, ${offsetPos[1]}px)`;
 
@@ -850,15 +856,15 @@ class Selecto extends EventEmitter<SelectoEvents> {
             // prevent drag from inside when selectByClick is true and force call `selectEnd`
             if (preventDragFromInside) {
                 this._selectEnd(
-                    datas.startSelectedTargets,
-                    datas.startPassedTargets,
+                    data.startSelectedTargets,
+                    data.startPassedTargets,
                     hitRect,
                     e
                 );
-                datas.preventDragFromInside = true;
+                data.preventDragFromInside = true;
             }
         } else {
-            datas.selectFlag = true;
+            data.selectFlag = true;
             if (type === "touchstart") {
                 inputEvent.preventDefault();
             }
@@ -867,21 +873,21 @@ class Selecto extends EventEmitter<SelectoEvents> {
                 this.dragScroll.dragStart(e, scrollOptions);
             }
             if (clickBySelectEnd) {
-                datas.selectFlag = false;
+                data.selectFlag = false;
                 e.preventDrag();
             }
         }
         return true;
     };
     private _checkSelected(e: any, rect = getRect(e, this.options.ratio)) {
-        const { datas, inputEvent } = e;
+        const { data, inputEvent } = e;
         const { top, left, width, height } = rect;
-        const selectFlag = datas.selectFlag;
+        const selectFlag = data.selectFlag;
         const {
             containerX,
             containerY,
             scaleMatrix,
-        } = datas;
+        } = data;
         const offsetPos = calculateMatrixDist(scaleMatrix, [
             left - containerX,
             top - containerY,
@@ -901,13 +907,13 @@ class Selecto extends EventEmitter<SelectoEvents> {
 
             const passedTargets = this.hitTest(
                 rect,
-                datas.startX,
-                datas.startY,
-                datas,
+                data.startX,
+                data.startY,
+                data,
             );
             prevSelectedTargets = this.selectedTargets;
             selectedTargets = passTargets(
-                datas.startPassedTargets,
+                data.startPassedTargets,
                 passedTargets,
                 this.continueSelect && this.continueSelectWithoutDeselect,
             );
@@ -942,6 +948,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
          */
         const result = this.emit("drag", {
             ...e,
+            data: data.data,
             isSelect: selectFlag,
             rect,
         });
@@ -952,11 +959,11 @@ class Selecto extends EventEmitter<SelectoEvents> {
         }
 
         if (selectFlag) {
-            this._select(prevSelectedTargets, selectedTargets, rect, inputEvent);
+            this._select(prevSelectedTargets, selectedTargets, rect, e);
         }
     }
     private _onDrag = (e: OnDrag) => {
-        if (e.datas.selectFlag) {
+        if (e.data.selectFlag) {
             const scrollOptions = this.scrollOptions;
 
             // If it is a scrolling position, pass drag
@@ -967,9 +974,9 @@ class Selecto extends EventEmitter<SelectoEvents> {
         this._checkSelected(e);
     };
     private _onDragEnd = (e: OnDragEvent) => {
-        const { datas, inputEvent } = e;
+        const { data, inputEvent } = e;
         const rect = getRect(e, this.options.ratio);
-        const selectFlag = datas.selectFlag;
+        const selectFlag = data.selectFlag;
 
         /**
          * When the drag ends (triggers on mouseup or touchend after drag), the dragEnd event is called.
@@ -977,32 +984,33 @@ class Selecto extends EventEmitter<SelectoEvents> {
          * @event dragEnd
          * @param {OnDragEnd} - Parameters for the dragEnd event
          */
-        if (inputEvent && !e.isClick) {
+        if (inputEvent) {
             this.emit("dragEnd", {
                 isDouble: !!e.isDouble,
                 isClick: !!e.isClick,
                 isDrag: false,
                 isSelect: selectFlag,
                 ...e,
+                data: data.data,
                 rect,
             });
         }
-        this.target.style.cssText += "display: none;";
+        this.target.style.cssText += "display: none;";   
         if (selectFlag) {
-            datas.selectFlag = false;
+            data.selectFlag = false;
             this.dragScroll.dragEnd();
         } else if (this.selectByClick && this.clickBySelectEnd) {
             // only clickBySelectEnd
             const pointTarget = this._findElement(
                 elementFromPoint(e.clientX, e.clientY),
-                datas.selectableTargets,
+                data.selectableTargets,
             );
-            this._select(this.selectedTargets, pointTarget ? [pointTarget] : [], rect, inputEvent);
+            this._select(this.selectedTargets, pointTarget ? [pointTarget] : [], rect, e);
         }
-        if (!datas.preventDragFromInside) {
+        if (!data.preventDragFromInside) {
             this._selectEnd(
-                datas.startSelectedTargets,
-                datas.startPassedTargets,
+                data.startSelectedTargets,
+                data.startPassedTargets,
                 rect,
                 e
             );
@@ -1171,15 +1179,15 @@ class Selecto extends EventEmitter<SelectoEvents> {
         }
         return pointTarget as any;
     }
-    private _refreshGroups(datas: any) {
-        const innerWidth = datas.innerWidth;
-        const innerHeight = datas.innerHeight;
+    private _refreshGroups(data: any) {
+        const innerWidth = data.innerWidth;
+        const innerHeight = data.innerHeight;
 
         if (!innerWidth || !innerHeight) {
-            datas.innerGroups = null;
+            data.innerGroups = null;
         } else {
-            const selectableTargets: Array<HTMLElement | SVGElement> = datas.selectableTargets;
-            const selectablePoints: number[][][] = datas.selectablePoints;
+            const selectableTargets: Array<HTMLElement | SVGElement> = data.selectableTargets;
+            const selectablePoints: number[][][] = data.selectablePoints;
             const groups: Record<string | number, Record<string | number, InnerGroup>> = {};
 
             selectablePoints.forEach((points, i) => {
@@ -1214,7 +1222,7 @@ class Selecto extends EventEmitter<SelectoEvents> {
                 }
             });
 
-            datas.innerGroups = groups;
+            data.innerGroups = groups;
         }
     }
 }
diff --git a/packages/selecto/src/types.ts b/packages/selecto/src/types.ts
index 9c20446..95916af 100644
--- a/packages/selecto/src/types.ts
+++ b/packages/selecto/src/types.ts
@@ -194,6 +194,7 @@ export interface CurrentTarget<T = Selecto> {
  * @property - removed elements
  * @property - Rect of Selection Element
  * @property - inputEvent
+ * @property - Data shared from dragStart, selectStart to dragEnd, selectEnd
  */
 export interface OnSelect<T = Selecto> extends CurrentTarget<T> {
     selected: Array<HTMLElement | SVGElement>;
@@ -201,6 +202,7 @@ export interface OnSelect<T = Selecto> extends CurrentTarget<T> {
     removed: Array<HTMLElement | SVGElement>;
     rect: Rect;
     inputEvent: any;
+    data: Record<string, any>;
 }
 /**
  * @memberof Selecto
@@ -222,6 +224,7 @@ export interface OnSelectEnd<T = Selecto> extends OnSelect<T>, CurrentTarget<T>
 
 export interface OnDragEvent {
     datas: IObject<any>;
+    data: IObject<any>;
     clientX: number;
     clientY: number;
     deltaX: number;
diff --git a/test/manual/moveable.html b/test/manual/moveable.html
index 011511d..4d71c33 100644
--- a/test/manual/moveable.html
+++ b/test/manual/moveable.html
@@ -154,7 +154,7 @@ <h1>Select Moveable targets in real time.</h1>
         </div>
     </div>
 </body>
-<script src="../../dist/selecto.js"></script>
+<script src="../../packages/selecto/dist/selecto.js"></script>
 <script src="https://daybrush.com/moveable/release/latest/dist/moveable.js"></script>
 
 <script>
@@ -171,7 +171,7 @@ <h1>Select Moveable targets in real time.</h1>
         = cubes.map(i => `<div class="cube"></div>`).join("");
     const selecto = new Selecto({
         container,
-        dragContainer: ".elements",
+        dragContainer: container,
         selectableTargets: [".selecto-area .cube"],
         hitRate: 0,
         selectByClick: true,
@@ -183,6 +183,9 @@ <h1>Select Moveable targets in real time.</h1>
     });
     const moveable = new Moveable(container, {
         draggable: true,
+        snappable: true,
+        elementGuidelines: [".cube"],
+
     }).on("clickGroup", e => {
         selecto.clickTarget(e.inputEvent, e.inputTarget);
     }).on("dragStart", e => {
@@ -240,10 +243,12 @@ <h1>Select Moveable targets in real time.</h1>
         if (e.isDragStart) {
             e.inputEvent.preventDefault();
 
-            setTimeout(() => {
+            e.data.timer = setTimeout(() => {
                 moveable.dragStart(e.inputEvent);
-            });
+            }, 100);
         }
+    }).on("dragEnd", e => {
+        clearTimeout(e.data.timer);
     }).on("keydown", e => {
         console.log(e);
     }).on("keyup", e => {
diff --git a/yarn.lock b/yarn.lock
index 7186c9e..139ec77 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1893,7 +1893,22 @@
   dependencies:
     prototype-minify "^1.0.0"
 
-"@daybrush/utils@1.6.0", "@daybrush/utils@^0.10.0", "@daybrush/utils@^0.10.1", "@daybrush/utils@^0.11.0", "@daybrush/utils@^1.0.0", "@daybrush/utils@^1.1.1", "@daybrush/utils@^1.3.1", "@daybrush/utils@^1.4.0", "@daybrush/utils@^1.6.0", "@daybrush/utils@^1.7.1":
+"@daybrush/utils@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/@daybrush/utils/-/utils-1.6.0.tgz#0dfd2c360764f63380df4ec0d44e176c69f7bbc3"
+  integrity sha512-9MjMoOLl1U+l8lXByN3BbLZXf+mktoLyeb6t78Jz2WZ7LRldK0FNg8oW//9giO2hHCUyxS7LX6jS1hToGIfRWA==
+
+"@daybrush/utils@^0.10.0", "@daybrush/utils@^0.10.1":
+  version "0.10.5"
+  resolved "https://registry.yarnpkg.com/@daybrush/utils/-/utils-0.10.5.tgz#96427101f5de99ceb13bce1f09916374e62c84f1"
+  integrity sha512-VCPbgJgImkUmGHX33drZJh/5FYBhfSM+EFqlBY7fzKIahBGEemjYfninVSp9BdzqF9P2MyCh7R3hgxmySXLEzg==
+
+"@daybrush/utils@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@daybrush/utils/-/utils-0.11.0.tgz#3fd113fcedaab29d8c80773ca5f4d32551bdc9d8"
+  integrity sha512-PnrY1NDjXqXKASoREcjHokQt0WWHiUBClMJ0l9APx42QkeOCQ5nXB7k4VdmkaU23BndeSmNNYJDNL6eEsRitaA==
+
+"@daybrush/utils@^1.0.0", "@daybrush/utils@^1.1.1", "@daybrush/utils@^1.3.1", "@daybrush/utils@^1.4.0", "@daybrush/utils@^1.6.0", "@daybrush/utils@^1.7.1":
   version "1.7.1"
   resolved "https://registry.npmjs.org/@daybrush/utils/-/utils-1.7.1.tgz"
   integrity sha512-ruVDIfXeVAF4s0RxJoNx5hTjxlIRMnKoJ7N5e2m9eDyluIXB12EvhMPQdoq4a/ohJ+cPgj2MiWS5Lvmpsrx8Gg==
@@ -3283,7 +3298,7 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
-"@scena/dragscroll@^1.0.3", "@scena/dragscroll@^1.1.1", "@scena/dragscroll@^1.2.0", "@scena/dragscroll@^1.2.1":
+"@scena/dragscroll@^1.0.3", "@scena/dragscroll@^1.1.1", "@scena/dragscroll@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@scena/dragscroll/-/dragscroll-1.2.1.tgz#123b9dca1b41e5fce695ff6c9556c909df42df5c"
   integrity sha512-bVJGC9ZpShoQB1yTRXYRhkAzC6KAlvlRPEiPb4tz15lda5F5va1wX1oeZpLTxmmHkf0x/AeVI1eolWihkILS4Q==
@@ -3329,7 +3344,7 @@
   resolved "https://registry.npmjs.org/@soda/get-current-script/-/get-current-script-1.0.2.tgz"
   integrity sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==
 
-"@storybook/addon-actions@^6.0.21", "@storybook/addon-actions@^6.4.22":
+"@storybook/addon-actions@^6.0.21":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.5.10.tgz#83ec807a899e0412cf98037647f256c45cc32bf5"
   integrity sha512-vpCnEu81fmtYzOf0QsRYoDuf9wXgVVl2VysE1dWRebRhIUDU0JurrthTnw322e38D4FzaoNGqZE7wnBYBohzZA==
@@ -3354,7 +3369,7 @@
     util-deprecate "^1.0.2"
     uuid-browser "^3.1.0"
 
-"@storybook/addon-controls@^6.0.21", "@storybook/addon-controls@^6.4.22":
+"@storybook/addon-controls@^6.0.21":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.5.10.tgz#275ddcd0f4dc1a107777b425417a8f252f52a91e"
   integrity sha512-lC2y3XcolmQAJwFurIyGrynAHPWmfNtTCdu3rQBTVGwyxCoNwdOOeC2jV0BRqX2+CW6OHzJr9frNWXPSaZ8c4w==
@@ -3372,7 +3387,7 @@
     lodash "^4.17.21"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-docs@^6.0.21", "@storybook/addon-docs@^6.4.22":
+"@storybook/addon-docs@^6.0.21":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.5.10.tgz#dde18b5659e8033651e139a231a7f69306433b92"
   integrity sha512-1kgjo3f0vL6GN8fTwLL05M/q/kDdzvuqwhxPY/v5hubFb3aQZGr2yk9pRBaLAbs4bez0yG0ASXcwhYnrEZUppg==
@@ -3423,7 +3438,7 @@
     react-lifecycles-compat "^3.0.4"
     react-select "^3.2.0"
 
-"@storybook/addon-links@^6.0.21", "@storybook/addon-links@^6.4.22":
+"@storybook/addon-links@^6.0.21":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.5.10.tgz#f66568fbc84b942032ac2de85f799d69fcf77922"
   integrity sha512-r3WzYIPz7WjHiaPObC2Tg6bHuZRBb/Kt/X+Eitw+jTqBel7ksvkO36tn81q8Eyj61qIdNQmUWAaX/0aewT0kLA==
@@ -3441,7 +3456,7 @@
     regenerator-runtime "^0.13.7"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-viewport@^6.0.21", "@storybook/addon-viewport@^6.4.22":
+"@storybook/addon-viewport@^6.0.21":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.5.10.tgz#4c6151d7e8177b07df8dcb4c61e842dac949215b"
   integrity sha512-RFMd+4kZljyuJjR9OJ2bFXHrSG7VTi5FDZYWEU+4W1sBxzC+JhnVnUP+HJH3gUxEFIRQC5neRzwWRE9RUUoALQ==
@@ -3458,7 +3473,7 @@
     prop-types "^15.7.2"
     regenerator-runtime "^0.13.7"
 
-"@storybook/addons@6.5.10", "@storybook/addons@^6.0.21", "@storybook/addons@^6.4.22":
+"@storybook/addons@6.5.10", "@storybook/addons@^6.0.21":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.5.10.tgz#bff2f8fb8453e9df04fa6dbc41341fd05f4cdeba"
   integrity sha512-VD4tBCQ23PkSeDoxuHcKy0RfhIs3oMYjBacOZx7d0bvOzK9WjPyvE2ysDAh7r/ceqnwmWHAScIpE+I1RU7gl+g==
@@ -3931,7 +3946,7 @@
     react-docgen-typescript "^2.1.1"
     tslib "^2.0.0"
 
-"@storybook/react@^6.0.21", "@storybook/react@^6.4.22":
+"@storybook/react@^6.0.21":
   version "6.5.10"
   resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.5.10.tgz#6e9f5cf5e4c81d966774c08c87fb2414052db454"
   integrity sha512-m8S1qQrwA7pDGwdKEvL6LV3YKvSzVUY297Fq+xcTU3irnAy4sHDuFoLqV6Mi1510mErK1r8+rf+0R5rEXB219g==
@@ -4510,7 +4525,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^16", "@types/react@^16.8.18", "@types/react@^16.9.17":
+"@types/react@*", "@types/react@^16", "@types/react@^16.8.18":
   version "16.14.30"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.30.tgz#a1d83f73f4326798d65fe6b58cb4caeacee47623"
   integrity sha512-tG+xGtDDSuIl1l63mN0LnaROAc99knkYyN4YTheE80iPzYvSy0U8LVie+OBZkrgjVrpkQV6bMCkSphPBnVNk6g==
@@ -11244,7 +11259,15 @@ gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2:
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-gesto@^1.12.2, gesto@^1.2.1, gesto@^1.3.0, gesto@^1.9.0:
+gesto@^1.13.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/gesto/-/gesto-1.13.0.tgz#9287af5c909a330b7e92dd4a4ddd024f820c2eae"
+  integrity sha512-7eRJvkCKzZavuquZUVKocmILw10uAVUJsA8NkA1vmDSSlb+sf9EWmV71SnTzbnUOD3NrWIBNTwn0RaprEyO6Cw==
+  dependencies:
+    "@daybrush/utils" "^1.7.1"
+    "@scena/event-emitter" "^1.0.2"
+
+gesto@^1.2.1, gesto@^1.3.0, gesto@^1.9.0:
   version "1.12.2"
   resolved "https://registry.yarnpkg.com/gesto/-/gesto-1.12.2.tgz#c3a86ce4f1906d1f259776c47e5f9db0e2188126"
   integrity sha512-29hLp39ajlNEQvmqi1N1Plhon9wxRZ/KpWKq6U0cwfUwXnk6XiBwaxzFffJQqpbs3ueWm9bi1yTXDoc31Av54g==
@@ -22208,11 +22231,26 @@ ts-pnp@^1.1.6:
   resolved "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz"
   integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
 
-tslib@2.3.1, tslib@^1.10.0, tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.4.0, tslib@~2.1.0:
+tslib@2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
+  integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
+
+tslib@^1.10.0, tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.4.0:
   version "2.4.0"
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz"
   integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
 
+tslib@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.1.0.tgz#da60860f1c2ecaa5703ab7d39bc05b6bf988b97a"
+  integrity sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A==
+
 tslint@^5.15.0, tslint@^5.16.0, tslint@^5.20.1:
   version "5.20.1"
   resolved "https://registry.npmjs.org/tslint/-/tslint-5.20.1.tgz"