sonner 2.0.0-beta.2 → 2.0.0

package/dist/index.d.mts

@@ -2,12 +2,16 @@ import React from 'react';
 
 type ToastTypes = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
 type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
+interface PromiseIExtendedResult extends ExternalToast {
+    message: React.ReactNode;
+}
+type PromiseTExtendedResult<Data = any> = PromiseIExtendedResult | ((data: Data) => PromiseIExtendedResult | Promise<PromiseIExtendedResult>);
 type PromiseTResult<Data = any> = string | React.ReactNode | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);
 type PromiseExternalToast = Omit<ExternalToast, 'description'>;
 type PromiseData<ToastData = any> = PromiseExternalToast & {
     loading?: string | React.ReactNode;
-    success?: PromiseTResult<ToastData>;
-    error?: PromiseTResult;
+    success?: PromiseTResult<ToastData> | PromiseTExtendedResult<ToastData>;
+    error?: PromiseTResult | PromiseTExtendedResult;
     description?: PromiseTResult;
     finally?: () => void | Promise<void>;
 };
@@ -79,6 +83,7 @@ interface ToastOptions {
     duration?: number;
     unstyled?: boolean;
     classNames?: ToastClassnames;
+    closeButtonAriaLabel?: string;
 }
 type Offset = {
     top?: string | number;
@@ -104,18 +109,8 @@ interface ToasterProps {
     mobileOffset?: Offset;
     dir?: 'rtl' | 'ltr' | 'auto';
     swipeDirections?: SwipeDirection[];
-    /**
-     * @deprecated Please use the `icons` prop instead:
-     * ```jsx
-     * <Toaster
-     *   icons={{ loading: <LoadingIcon /> }}
-     * />
-     * ```
-     */
-    loadingIcon?: React.ReactNode;
     icons?: ToastIcons;
     containerAriaLabel?: string;
-    pauseWhenPageIsHidden?: boolean;
 }
 type SwipeDirection = 'top' | 'right' | 'bottom' | 'left';
 interface ToastToDismiss {

package/dist/index.d.ts

@@ -2,12 +2,16 @@ import React from 'react';
 
 type ToastTypes = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
 type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
+interface PromiseIExtendedResult extends ExternalToast {
+    message: React.ReactNode;
+}
+type PromiseTExtendedResult<Data = any> = PromiseIExtendedResult | ((data: Data) => PromiseIExtendedResult | Promise<PromiseIExtendedResult>);
 type PromiseTResult<Data = any> = string | React.ReactNode | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);
 type PromiseExternalToast = Omit<ExternalToast, 'description'>;
 type PromiseData<ToastData = any> = PromiseExternalToast & {
     loading?: string | React.ReactNode;
-    success?: PromiseTResult<ToastData>;
-    error?: PromiseTResult;
+    success?: PromiseTResult<ToastData> | PromiseTExtendedResult<ToastData>;
+    error?: PromiseTResult | PromiseTExtendedResult;
     description?: PromiseTResult;
     finally?: () => void | Promise<void>;
 };
@@ -79,6 +83,7 @@ interface ToastOptions {
     duration?: number;
     unstyled?: boolean;
     classNames?: ToastClassnames;
+    closeButtonAriaLabel?: string;
 }
 type Offset = {
     top?: string | number;
@@ -104,18 +109,8 @@ interface ToasterProps {
     mobileOffset?: Offset;
     dir?: 'rtl' | 'ltr' | 'auto';
     swipeDirections?: SwipeDirection[];
-    /**
-     * @deprecated Please use the `icons` prop instead:
-     * ```jsx
-     * <Toaster
-     *   icons={{ loading: <LoadingIcon /> }}
-     * />
-     * ```
-     */
-    loadingIcon?: React.ReactNode;
     icons?: ToastIcons;
     containerAriaLabel?: string;
-    pauseWhenPageIsHidden?: boolean;
 }
 type SwipeDirection = 'top' | 'right' | 'bottom' | 'left';
 interface ToastToDismiss {

package/dist/index.js

@@ -276,23 +276,42 @@ class Observer {
                     });
                 } else if (isHttpResponse(response) && !response.ok) {
                     shouldDismiss = false;
-                    const message = typeof data.error === 'function' ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
+                    const promiseData = typeof data.error === 'function' ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
                     const description = typeof data.description === 'function' ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
                     this.create({
                         id,
                         type: 'error',
-                        message,
-                        description
+                        description,
+                        ...toastSettings
+                    });
+                } else if (response instanceof Error) {
+                    shouldDismiss = false;
+                    const promiseData = typeof data.error === 'function' ? await data.error(response) : data.error;
+                    const description = typeof data.description === 'function' ? await data.description(response) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
+                    this.create({
+                        id,
+                        type: 'error',
+                        description,
+                        ...toastSettings
                     });
                 } else if (data.success !== undefined) {
                     shouldDismiss = false;
-                    const message = typeof data.success === 'function' ? await data.success(response) : data.success;
+                    const promiseData = typeof data.success === 'function' ? await data.success(response) : data.success;
                     const description = typeof data.description === 'function' ? await data.description(response) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
                     this.create({
                         id,
                         type: 'success',
-                        message,
-                        description
+                        description,
+                        ...toastSettings
                     });
                 }
             }).catch(async (error)=>{
@@ -302,13 +321,16 @@ class Observer {
                 ];
                 if (data.error !== undefined) {
                     shouldDismiss = false;
-                    const message = typeof data.error === 'function' ? await data.error(error) : data.error;
+                    const promiseData = typeof data.error === 'function' ? await data.error(error) : data.error;
                     const description = typeof data.description === 'function' ? await data.description(error) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
                     this.create({
                         id,
                         type: 'error',
-                        message,
-                        description
+                        description,
+                        ...toastSettings
                     });
                 }
             }).finally(()=>{
@@ -400,7 +422,7 @@ const TOAST_WIDTH = 356;
 // Default gap between toasts
 const GAP = 14;
 // Threshold to dismiss a toast
-const SWIPE_THRESHOLD = 20;
+const SWIPE_THRESHOLD = 45;
 // Equal to exit animation duration
 const TIME_BEFORE_UNMOUNT = 200;
 function cn(...classes) {
@@ -419,7 +441,7 @@ function getDefaultSwipeDirections(position) {
 }
 const Toast = (props)=>{
     var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
-    const { invert: ToasterInvert, toast, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = '', descriptionClassName = '', duration: durationFromToaster, position, gap, loadingIcon: loadingIconProp, expandByDefault, classNames, icons, closeButtonAriaLabel = 'Close toast', pauseWhenPageIsHidden } = props;
+    const { invert: ToasterInvert, toast, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = '', descriptionClassName = '', duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = 'Close toast' } = props;
     const [swipeDirection, setSwipeDirection] = React__default.default.useState(null);
     const [swipeOutDirection, setSwipeOutDirection] = React__default.default.useState(null);
     const [mounted, setMounted] = React__default.default.useState(false);
@@ -578,7 +600,7 @@ const Toast = (props)=>{
                 deleteToast();
             }, remainingTime.current);
         };
-        if (expanded || interacting || pauseWhenPageIsHidden && isDocumentHidden) {
+        if (expanded || interacting || isDocumentHidden) {
             pauseTimer();
         } else {
             startTimer();
@@ -589,7 +611,6 @@ const Toast = (props)=>{
         interacting,
         toast,
         toastType,
-        pauseWhenPageIsHidden,
         isDocumentHidden,
         deleteToast
     ]);
@@ -610,13 +631,6 @@ const Toast = (props)=>{
                 "data-visible": toastType === 'loading'
             }, icons.loading);
         }
-        if (loadingIconProp) {
-            var _toast_classNames2;
-            return /*#__PURE__*/ React__default.default.createElement("div", {
-                className: cn(classNames == null ? void 0 : classNames.loader, toast == null ? void 0 : (_toast_classNames2 = toast.classNames) == null ? void 0 : _toast_classNames2.loader, 'sonner-loader'),
-                "data-visible": toastType === 'loading'
-            }, loadingIconProp);
-        }
         return /*#__PURE__*/ React__default.default.createElement(Loader, {
             className: cn(classNames == null ? void 0 : classNames.loader, toast == null ? void 0 : (_toast_classNames = toast.classNames) == null ? void 0 : _toast_classNames.loader),
             visible: toastType === 'loading'
@@ -720,23 +734,33 @@ const Toast = (props)=>{
                 x: 0,
                 y: 0
             };
+            const getDampening = (delta)=>{
+                const factor = Math.abs(delta) / 20;
+                return 1 / (1.5 + factor);
+            };
             // Only apply swipe in the locked direction
             if (swipeDirection === 'y') {
                 // Handle vertical swipes
                 if (swipeDirections.includes('top') || swipeDirections.includes('bottom')) {
-                    if (swipeDirections.includes('top') && yDelta < 0) {
-                        swipeAmount.y = yDelta;
-                    } else if (swipeDirections.includes('bottom') && yDelta > 0) {
+                    if (swipeDirections.includes('top') && yDelta < 0 || swipeDirections.includes('bottom') && yDelta > 0) {
                         swipeAmount.y = yDelta;
+                    } else {
+                        // Smoothly transition to dampened movement
+                        const dampenedDelta = yDelta * getDampening(yDelta);
+                        // Ensure we don't jump when transitioning to dampened movement
+                        swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta;
                     }
                 }
             } else if (swipeDirection === 'x') {
                 // Handle horizontal swipes
                 if (swipeDirections.includes('left') || swipeDirections.includes('right')) {
-                    if (swipeDirections.includes('left') && xDelta < 0) {
-                        swipeAmount.x = xDelta;
-                    } else if (swipeDirections.includes('right') && xDelta > 0) {
+                    if (swipeDirections.includes('left') && xDelta < 0 || swipeDirections.includes('right') && xDelta > 0) {
                         swipeAmount.x = xDelta;
+                    } else {
+                        // Smoothly transition to dampened movement
+                        const dampenedDelta = xDelta * getDampening(xDelta);
+                        // Ensure we don't jump when transitioning to dampened movement
+                        swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta;
                     }
                 }
             }
@@ -746,7 +770,7 @@ const Toast = (props)=>{
             (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty('--swipe-amount-x', `${swipeAmount.x}px`);
             (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty('--swipe-amount-y', `${swipeAmount.y}px`);
         }
-    }, closeButton && !toast.jsx ? /*#__PURE__*/ React__default.default.createElement("button", {
+    }, closeButton && !toast.jsx && toastType !== 'loading' ? /*#__PURE__*/ React__default.default.createElement("button", {
         "aria-label": closeButtonAriaLabel,
         "data-disabled": disabled,
         "data-close-button": true,
@@ -887,7 +911,7 @@ const Toaster = /*#__PURE__*/ React__default.default.forwardRef(function Toaster
     const { invert, position = 'bottom-right', hotkey = [
         'altKey',
         'KeyT'
-    ], expand, closeButton, className, offset, mobileOffset, theme = 'light', richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, loadingIcon, icons, containerAriaLabel = 'Notifications', pauseWhenPageIsHidden } = props;
+    ], expand, closeButton, className, offset, mobileOffset, theme = 'light', richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = 'Notifications' } = props;
     const [toasts, setToasts] = React__default.default.useState([]);
     const possiblePositions = React__default.default.useMemo(()=>{
         return Array.from(new Set([
@@ -1122,15 +1146,14 @@ const Toaster = /*#__PURE__*/ React__default.default.forwardRef(function Toaster
                 classNames: toastOptions == null ? void 0 : toastOptions.classNames,
                 cancelButtonStyle: toastOptions == null ? void 0 : toastOptions.cancelButtonStyle,
                 actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle,
+                closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel,
                 removeToast: removeToast,
                 toasts: toasts.filter((t)=>t.position == toast.position),
                 heights: heights.filter((h)=>h.position == toast.position),
                 setHeights: setHeights,
                 expandByDefault: expand,
                 gap: gap,
-                loadingIcon: loadingIcon,
                 expanded: expanded,
-                pauseWhenPageIsHidden: pauseWhenPageIsHidden,
                 swipeDirections: props.swipeDirections
             });
         }));

package/dist/index.mjs

@@ -269,23 +269,42 @@ class Observer {
                     });
                 } else if (isHttpResponse(response) && !response.ok) {
                     shouldDismiss = false;
-                    const message = typeof data.error === 'function' ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
+                    const promiseData = typeof data.error === 'function' ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
                     const description = typeof data.description === 'function' ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
                     this.create({
                         id,
                         type: 'error',
-                        message,
-                        description
+                        description,
+                        ...toastSettings
+                    });
+                } else if (response instanceof Error) {
+                    shouldDismiss = false;
+                    const promiseData = typeof data.error === 'function' ? await data.error(response) : data.error;
+                    const description = typeof data.description === 'function' ? await data.description(response) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
+                    this.create({
+                        id,
+                        type: 'error',
+                        description,
+                        ...toastSettings
                     });
                 } else if (data.success !== undefined) {
                     shouldDismiss = false;
-                    const message = typeof data.success === 'function' ? await data.success(response) : data.success;
+                    const promiseData = typeof data.success === 'function' ? await data.success(response) : data.success;
                     const description = typeof data.description === 'function' ? await data.description(response) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
                     this.create({
                         id,
                         type: 'success',
-                        message,
-                        description
+                        description,
+                        ...toastSettings
                     });
                 }
             }).catch(async (error)=>{
@@ -295,13 +314,16 @@ class Observer {
                 ];
                 if (data.error !== undefined) {
                     shouldDismiss = false;
-                    const message = typeof data.error === 'function' ? await data.error(error) : data.error;
+                    const promiseData = typeof data.error === 'function' ? await data.error(error) : data.error;
                     const description = typeof data.description === 'function' ? await data.description(error) : data.description;
+                    const toastSettings = typeof promiseData === 'object' ? promiseData : {
+                        message: promiseData
+                    };
                     this.create({
                         id,
                         type: 'error',
-                        message,
-                        description
+                        description,
+                        ...toastSettings
                     });
                 }
             }).finally(()=>{
@@ -393,7 +415,7 @@ const TOAST_WIDTH = 356;
 // Default gap between toasts
 const GAP = 14;
 // Threshold to dismiss a toast
-const SWIPE_THRESHOLD = 20;
+const SWIPE_THRESHOLD = 45;
 // Equal to exit animation duration
 const TIME_BEFORE_UNMOUNT = 200;
 function cn(...classes) {
@@ -412,7 +434,7 @@ function getDefaultSwipeDirections(position) {
 }
 const Toast = (props)=>{
     var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
-    const { invert: ToasterInvert, toast, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = '', descriptionClassName = '', duration: durationFromToaster, position, gap, loadingIcon: loadingIconProp, expandByDefault, classNames, icons, closeButtonAriaLabel = 'Close toast', pauseWhenPageIsHidden } = props;
+    const { invert: ToasterInvert, toast, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = '', descriptionClassName = '', duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = 'Close toast' } = props;
     const [swipeDirection, setSwipeDirection] = React.useState(null);
     const [swipeOutDirection, setSwipeOutDirection] = React.useState(null);
     const [mounted, setMounted] = React.useState(false);
@@ -571,7 +593,7 @@ const Toast = (props)=>{
                 deleteToast();
             }, remainingTime.current);
         };
-        if (expanded || interacting || pauseWhenPageIsHidden && isDocumentHidden) {
+        if (expanded || interacting || isDocumentHidden) {
             pauseTimer();
         } else {
             startTimer();
@@ -582,7 +604,6 @@ const Toast = (props)=>{
         interacting,
         toast,
         toastType,
-        pauseWhenPageIsHidden,
         isDocumentHidden,
         deleteToast
     ]);
@@ -603,13 +624,6 @@ const Toast = (props)=>{
                 "data-visible": toastType === 'loading'
             }, icons.loading);
         }
-        if (loadingIconProp) {
-            var _toast_classNames2;
-            return /*#__PURE__*/ React.createElement("div", {
-                className: cn(classNames == null ? void 0 : classNames.loader, toast == null ? void 0 : (_toast_classNames2 = toast.classNames) == null ? void 0 : _toast_classNames2.loader, 'sonner-loader'),
-                "data-visible": toastType === 'loading'
-            }, loadingIconProp);
-        }
         return /*#__PURE__*/ React.createElement(Loader, {
             className: cn(classNames == null ? void 0 : classNames.loader, toast == null ? void 0 : (_toast_classNames = toast.classNames) == null ? void 0 : _toast_classNames.loader),
             visible: toastType === 'loading'
@@ -713,23 +727,33 @@ const Toast = (props)=>{
                 x: 0,
                 y: 0
             };
+            const getDampening = (delta)=>{
+                const factor = Math.abs(delta) / 20;
+                return 1 / (1.5 + factor);
+            };
             // Only apply swipe in the locked direction
             if (swipeDirection === 'y') {
                 // Handle vertical swipes
                 if (swipeDirections.includes('top') || swipeDirections.includes('bottom')) {
-                    if (swipeDirections.includes('top') && yDelta < 0) {
-                        swipeAmount.y = yDelta;
-                    } else if (swipeDirections.includes('bottom') && yDelta > 0) {
+                    if (swipeDirections.includes('top') && yDelta < 0 || swipeDirections.includes('bottom') && yDelta > 0) {
                         swipeAmount.y = yDelta;
+                    } else {
+                        // Smoothly transition to dampened movement
+                        const dampenedDelta = yDelta * getDampening(yDelta);
+                        // Ensure we don't jump when transitioning to dampened movement
+                        swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta;
                     }
                 }
             } else if (swipeDirection === 'x') {
                 // Handle horizontal swipes
                 if (swipeDirections.includes('left') || swipeDirections.includes('right')) {
-                    if (swipeDirections.includes('left') && xDelta < 0) {
-                        swipeAmount.x = xDelta;
-                    } else if (swipeDirections.includes('right') && xDelta > 0) {
+                    if (swipeDirections.includes('left') && xDelta < 0 || swipeDirections.includes('right') && xDelta > 0) {
                         swipeAmount.x = xDelta;
+                    } else {
+                        // Smoothly transition to dampened movement
+                        const dampenedDelta = xDelta * getDampening(xDelta);
+                        // Ensure we don't jump when transitioning to dampened movement
+                        swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta;
                     }
                 }
             }
@@ -739,7 +763,7 @@ const Toast = (props)=>{
             (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty('--swipe-amount-x', `${swipeAmount.x}px`);
             (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty('--swipe-amount-y', `${swipeAmount.y}px`);
         }
-    }, closeButton && !toast.jsx ? /*#__PURE__*/ React.createElement("button", {
+    }, closeButton && !toast.jsx && toastType !== 'loading' ? /*#__PURE__*/ React.createElement("button", {
         "aria-label": closeButtonAriaLabel,
         "data-disabled": disabled,
         "data-close-button": true,
@@ -880,7 +904,7 @@ const Toaster = /*#__PURE__*/ React.forwardRef(function Toaster(props, ref) {
     const { invert, position = 'bottom-right', hotkey = [
         'altKey',
         'KeyT'
-    ], expand, closeButton, className, offset, mobileOffset, theme = 'light', richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, loadingIcon, icons, containerAriaLabel = 'Notifications', pauseWhenPageIsHidden } = props;
+    ], expand, closeButton, className, offset, mobileOffset, theme = 'light', richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = 'Notifications' } = props;
     const [toasts, setToasts] = React.useState([]);
     const possiblePositions = React.useMemo(()=>{
         return Array.from(new Set([
@@ -1115,15 +1139,14 @@ const Toaster = /*#__PURE__*/ React.forwardRef(function Toaster(props, ref) {
                 classNames: toastOptions == null ? void 0 : toastOptions.classNames,
                 cancelButtonStyle: toastOptions == null ? void 0 : toastOptions.cancelButtonStyle,
                 actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle,
+                closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel,
                 removeToast: removeToast,
                 toasts: toasts.filter((t)=>t.position == toast.position),
                 heights: heights.filter((h)=>h.position == toast.position),
                 setHeights: setHeights,
                 expandByDefault: expand,
                 gap: gap,
-                loadingIcon: loadingIcon,
                 expanded: expanded,
-                pauseWhenPageIsHidden: pauseWhenPageIsHidden,
                 swipeDirections: props.swipeDirections
             });
         }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonner",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0",
   "description": "An opinionated toast component for React.",
   "exports": {
     ".": {