chore: horizontal swiping improvements (#566)

Author: emilkowalski

src/index.tsx

@@ -353,6 +353,9 @@ const Toast = (props: ToastProps) => {
           setSwipeOut(true);
           setIsSwiped(false);
           return;
+        } else {
+          toastRef.current?.style.setProperty('--swipe-amount-x', `0px`);
+          toastRef.current?.style.setProperty('--swipe-amount-y', `0px`);
         }
 
         setSwiping(false);

src/styles.css

@@ -248,8 +248,8 @@ html[dir='rtl'],
 [data-sonner-toast][data-swiping='true']::before {
   content: '';
   position: absolute;
-  left: -50%;
-  right: -50%;
+  left: -100%;
+  right: -100%;
   height: 100%;
   z-index: -1;
 }