vyrn 1.0.3 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +21 -0
- package/README.md +31 -20
- package/dist/index.d.ts +148 -5
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +59 -55
- package/.eslintrc.js +0 -25
- package/.prettierrc +0 -8
- package/dist/components/NextToastProvider.d.ts +0 -2
- package/dist/components/Toast.d.ts +0 -3
- package/dist/components/ToastContainer.d.ts +0 -7
- package/dist/components/ToastProvider.d.ts +0 -2
- package/dist/context/ToastContext.d.ts +0 -4
- package/dist/hooks/useToast.d.ts +0 -8
- package/dist/index.esm.js +0 -2
- package/dist/index.esm.js.map +0 -1
- package/dist/types/index.d.ts +0 -11
- package/dist/utils/animations.d.ts +0 -2
- package/dist/utils/constants.d.ts +0 -3
- package/jest.config.js +0 -9
- package/rollup.config.js +0 -58
- package/src/components/NextToastProvider.tsx +0 -9
- package/src/components/Toast.tsx +0 -26
- package/src/components/ToastContainer.tsx +0 -18
- package/src/components/ToastProvider.tsx +0 -39
- package/src/context/ToastContext.tsx +0 -13
- package/src/hooks/useToast.ts +0 -23
- package/src/index.ts +0 -6
- package/src/styles/toast.css +0 -71
- package/src/types/index.ts +0 -14
- package/src/utils/animations.ts +0 -14
- package/src/utils/constants.ts +0 -4
- package/tests/Toast.test.tsx +0 -32
- package/tsconfig.json +0 -20
package/LICENSE.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Emil Kowalski
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,20 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
## Usage
|
|
4
|
+
|
|
5
|
+
To start using the library, install it in your project:
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install sonner
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Add `<Toaster />` to your app, it will be the place where all your toasts will be rendered.
|
|
12
|
+
After that you can use `toast()` from anywhere in your app.
|
|
13
|
+
|
|
14
|
+
```jsx
|
|
15
|
+
import { Toaster, toast } from 'sonner';
|
|
16
|
+
|
|
17
|
+
// ...
|
|
18
|
+
|
|
19
|
+
function App() {
|
|
20
|
+
return (
|
|
21
|
+
<div>
|
|
22
|
+
<Toaster />
|
|
23
|
+
<button onClick={() => toast('My first toast')}>Give me a toast</button>
|
|
24
|
+
</div>
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## Documentation
|
|
30
|
+
|
|
31
|
+
Find the full API reference in the [documentation]().
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,148 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
type ToastTypes = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
|
|
4
|
+
type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
|
|
5
|
+
type PromiseTResult<Data = any> = string | React.ReactNode | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);
|
|
6
|
+
type PromiseExternalToast = Omit<ExternalToast, 'description'>;
|
|
7
|
+
type PromiseData<ToastData = any> = PromiseExternalToast & {
|
|
8
|
+
loading?: string | React.ReactNode;
|
|
9
|
+
success?: PromiseTResult<ToastData>;
|
|
10
|
+
error?: PromiseTResult;
|
|
11
|
+
description?: PromiseTResult;
|
|
12
|
+
finally?: () => void | Promise<void>;
|
|
13
|
+
};
|
|
14
|
+
interface ToastClassnames {
|
|
15
|
+
toast?: string;
|
|
16
|
+
title?: string;
|
|
17
|
+
description?: string;
|
|
18
|
+
loader?: string;
|
|
19
|
+
closeButton?: string;
|
|
20
|
+
cancelButton?: string;
|
|
21
|
+
actionButton?: string;
|
|
22
|
+
success?: string;
|
|
23
|
+
error?: string;
|
|
24
|
+
info?: string;
|
|
25
|
+
warning?: string;
|
|
26
|
+
loading?: string;
|
|
27
|
+
default?: string;
|
|
28
|
+
content?: string;
|
|
29
|
+
icon?: string;
|
|
30
|
+
}
|
|
31
|
+
interface ToastIcons {
|
|
32
|
+
success?: React.ReactNode;
|
|
33
|
+
info?: React.ReactNode;
|
|
34
|
+
warning?: React.ReactNode;
|
|
35
|
+
error?: React.ReactNode;
|
|
36
|
+
loading?: React.ReactNode;
|
|
37
|
+
close?: React.ReactNode;
|
|
38
|
+
}
|
|
39
|
+
interface Action {
|
|
40
|
+
label: React.ReactNode;
|
|
41
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
42
|
+
actionButtonStyle?: React.CSSProperties;
|
|
43
|
+
}
|
|
44
|
+
interface ToastT {
|
|
45
|
+
id: number | string;
|
|
46
|
+
title?: (() => React.ReactNode) | React.ReactNode;
|
|
47
|
+
type?: ToastTypes;
|
|
48
|
+
icon?: React.ReactNode;
|
|
49
|
+
jsx?: React.ReactNode;
|
|
50
|
+
richColors?: boolean;
|
|
51
|
+
invert?: boolean;
|
|
52
|
+
closeButton?: boolean;
|
|
53
|
+
dismissible?: boolean;
|
|
54
|
+
description?: (() => React.ReactNode) | React.ReactNode;
|
|
55
|
+
duration?: number;
|
|
56
|
+
delete?: boolean;
|
|
57
|
+
action?: Action | React.ReactNode;
|
|
58
|
+
cancel?: Action | React.ReactNode;
|
|
59
|
+
onDismiss?: (toast: ToastT) => void;
|
|
60
|
+
onAutoClose?: (toast: ToastT) => void;
|
|
61
|
+
promise?: PromiseT;
|
|
62
|
+
cancelButtonStyle?: React.CSSProperties;
|
|
63
|
+
actionButtonStyle?: React.CSSProperties;
|
|
64
|
+
style?: React.CSSProperties;
|
|
65
|
+
unstyled?: boolean;
|
|
66
|
+
className?: string;
|
|
67
|
+
classNames?: ToastClassnames;
|
|
68
|
+
descriptionClassName?: string;
|
|
69
|
+
position?: Position;
|
|
70
|
+
}
|
|
71
|
+
type Position = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
|
|
72
|
+
interface ToastOptions {
|
|
73
|
+
className?: string;
|
|
74
|
+
closeButton?: boolean;
|
|
75
|
+
descriptionClassName?: string;
|
|
76
|
+
style?: React.CSSProperties;
|
|
77
|
+
cancelButtonStyle?: React.CSSProperties;
|
|
78
|
+
actionButtonStyle?: React.CSSProperties;
|
|
79
|
+
duration?: number;
|
|
80
|
+
unstyled?: boolean;
|
|
81
|
+
classNames?: ToastClassnames;
|
|
82
|
+
}
|
|
83
|
+
type CnFunction = (...classes: Array<string | undefined>) => string;
|
|
84
|
+
interface ToasterProps {
|
|
85
|
+
invert?: boolean;
|
|
86
|
+
theme?: 'light' | 'dark' | 'system';
|
|
87
|
+
position?: Position;
|
|
88
|
+
hotkey?: string[];
|
|
89
|
+
richColors?: boolean;
|
|
90
|
+
expand?: boolean;
|
|
91
|
+
duration?: number;
|
|
92
|
+
gap?: number;
|
|
93
|
+
visibleToasts?: number;
|
|
94
|
+
closeButton?: boolean;
|
|
95
|
+
toastOptions?: ToastOptions;
|
|
96
|
+
className?: string;
|
|
97
|
+
style?: React.CSSProperties;
|
|
98
|
+
offset?: string | number;
|
|
99
|
+
dir?: 'rtl' | 'ltr' | 'auto';
|
|
100
|
+
/**
|
|
101
|
+
* @deprecated Please use the `icons` prop instead:
|
|
102
|
+
* ```jsx
|
|
103
|
+
* <Toaster
|
|
104
|
+
* icons={{ loading: <LoadingIcon /> }}
|
|
105
|
+
* />
|
|
106
|
+
* ```
|
|
107
|
+
*/
|
|
108
|
+
loadingIcon?: React.ReactNode;
|
|
109
|
+
icons?: ToastIcons;
|
|
110
|
+
containerAriaLabel?: string;
|
|
111
|
+
pauseWhenPageIsHidden?: boolean;
|
|
112
|
+
cn?: CnFunction;
|
|
113
|
+
}
|
|
114
|
+
interface ToastToDismiss {
|
|
115
|
+
id: number | string;
|
|
116
|
+
dismiss: boolean;
|
|
117
|
+
}
|
|
118
|
+
type ExternalToast = Omit<ToastT, 'id' | 'type' | 'title' | 'jsx' | 'delete' | 'promise'> & {
|
|
119
|
+
id?: number | string;
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
type titleT = (() => React.ReactNode) | React.ReactNode;
|
|
123
|
+
declare const toast: ((message: titleT, data?: ExternalToast) => string | number) & {
|
|
124
|
+
success: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
|
|
125
|
+
info: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
|
|
126
|
+
warning: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
|
|
127
|
+
error: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
|
|
128
|
+
custom: (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => string | number;
|
|
129
|
+
message: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
|
|
130
|
+
promise: <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => (string & {
|
|
131
|
+
unwrap: () => Promise<ToastData>;
|
|
132
|
+
}) | (number & {
|
|
133
|
+
unwrap: () => Promise<ToastData>;
|
|
134
|
+
}) | {
|
|
135
|
+
unwrap: () => Promise<ToastData>;
|
|
136
|
+
};
|
|
137
|
+
dismiss: (id?: number | string) => string | number;
|
|
138
|
+
loading: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
|
|
139
|
+
} & {
|
|
140
|
+
getHistory: () => (ToastT | ToastToDismiss)[];
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
declare function useSonner(): {
|
|
144
|
+
toasts: ToastT[];
|
|
145
|
+
};
|
|
146
|
+
declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLElement>>;
|
|
147
|
+
|
|
148
|
+
export { Action, ExternalToast, ToastClassnames, ToastT, ToastToDismiss, Toaster, ToasterProps, toast, useSonner };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=e(t),n=function(){return n=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},n.apply(this,arguments)};function a(t,e,r){if(r||2===arguments.length)for(var n,a=0,o=e.length;a<o;a++)!n&&a in e||(n||(n=Array.prototype.slice.call(e,0,a)),n[a]=e[a]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;var o=r.default.createContext(void 0),u=function(){var t=r.default.useContext(o);if(!t)throw new Error("useToastContext must be used within a ToastProvider");return t},i=function(e){var n=e.id,a=e.message,o=e.type,i=e.duration,s=void 0===i?3e3:i,c=u().removeToast;return t.useEffect((function(){var t=setTimeout((function(){c(n)}),s);return function(){return clearTimeout(t)}}),[n,s,c]),r.default.createElement("div",{className:"vyrn-toast vyrn-toast-".concat(o),role:"alert"},r.default.createElement("div",{className:"vyrn-toast-message"},a),r.default.createElement("button",{className:"vyrn-toast-close",onClick:function(){return c(n)},"aria-label":"Close"},"×"))},s=function(t){var e=t.toasts;return r.default.createElement("div",{className:"vyrn-toast-container","aria-live":"polite","aria-atomic":"true"},e.map((function(t){return r.default.createElement(i,n({key:t.id},t))})))},c=function(e){var u=e.children,i=t.useState([]),c=i[0],l=i[1],f=t.useState([]),d=f[0],v=f[1],p=t.useCallback((function(t){var e=Math.random().toString(36).substr(2,9);c.length<5?l((function(r){return a(a([],r,!0),[n(n({},t),{id:e})],!1)})):v((function(e){return a(a([],e,!0),[t],!1)}))}),[c]),m=t.useCallback((function(t){l((function(e){return e.filter((function(e){return e.id!==t}))}))}),[]);return t.useEffect((function(){if(c.length<5&&d.length>0){var t=d[0],e=d.slice(1);p(t),v(e)}}),[c,d,p]),r.default.createElement(o.Provider,{value:{addToast:p,removeToast:m}},u,r.default.createElement(s,{toasts:c}))};exports.NextToastProvider=function(t){var e=t.children;return r.default.createElement(c,null,e)},exports.ToastProvider=c,exports.useToast=function(){var e=u().addToast,r=t.useCallback((function(t,r,n){void 0===r&&(r="info"),e({message:t,type:r,duration:n})}),[e]);return{toast:r,info:function(t,e){return r(t,"info",e)},success:function(t,e){return r(t,"success",e)},warning:function(t,e){return r(t,"warning",e)},error:function(t,e){return r(t,"error",e)}}},exports.useToastContext=u;
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
"use client";var Gt=Object.create;var rt=Object.defineProperty;var Qt=Object.getOwnPropertyDescriptor;var qt=Object.getOwnPropertyNames;var Zt=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var ee=(a,e)=>{for(var t in e)rt(a,t,{get:e[t],enumerable:!0})},Mt=(a,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of qt(e))!te.call(a,c)&&c!==t&&rt(a,c,{get:()=>e[c],enumerable:!(r=Qt(e,c))||r.enumerable});return a};var V=(a,e,t)=>(t=a!=null?Gt(Zt(a)):{},Mt(e||!a||!a.__esModule?rt(t,"default",{value:a,enumerable:!0}):t,a)),oe=a=>Mt(rt({},"__esModule",{value:!0}),a);var Te={};ee(Te,{Toaster:()=>we,toast:()=>Ft,useSonner:()=>ve});module.exports=oe(Te);var o=V(require("react")),_t=V(require("react-dom"));var T=V(require("react")),At=a=>{switch(a){case"success":return ne;case"info":return re;case"warning":return se;case"error":return ie;default:return null}},ae=Array(12).fill(0),Lt=({visible:a,className:e})=>T.default.createElement("div",{className:["sonner-loading-wrapper",e].filter(Boolean).join(" "),"data-visible":a},T.default.createElement("div",{className:"sonner-spinner"},ae.map((t,r)=>T.default.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),ne=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),se=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),re=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),ie=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),zt=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},T.default.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),T.default.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}));var pt=V(require("react")),jt=()=>{let[a,e]=pt.default.useState(document.hidden);return pt.default.useEffect(()=>{let t=()=>{e(document.hidden)};return document.addEventListener("visibilitychange",t),()=>window.removeEventListener("visibilitychange",t)},[]),a};var Yt=V(require("react")),gt=1,ht=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)});this.publish=e=>{this.subscribers.forEach(t=>t(e))};this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]};this.create=e=>{var P;let{message:t,...r}=e,c=typeof(e==null?void 0:e.id)=="number"||((P=e.id)==null?void 0:P.length)>0?e.id:gt++,l=this.toasts.find(h=>h.id===c),E=e.dismissible===void 0?!0:e.dismissible;return l?this.toasts=this.toasts.map(h=>h.id===c?(this.publish({...h,...e,id:c,title:t}),{...h,...e,id:c,dismissible:E,title:t}):h):this.addToast({title:t,...r,dismissible:E,id:c}),c};this.dismiss=e=>(e||this.toasts.forEach(t=>{this.subscribers.forEach(r=>r({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e);this.message=(e,t)=>this.create({...t,message:e});this.error=(e,t)=>this.create({...t,message:e,type:"error"});this.success=(e,t)=>this.create({...t,type:"success",message:e});this.info=(e,t)=>this.create({...t,type:"info",message:e});this.warning=(e,t)=>this.create({...t,type:"warning",message:e});this.loading=(e,t)=>this.create({...t,type:"loading",message:e});this.promise=(e,t)=>{if(!t)return;let r;t.loading!==void 0&&(r=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let c=e instanceof Promise?e:e(),l=r!==void 0,E,P=c.then(async u=>{if(E=["resolve",u],Yt.default.isValidElement(u))l=!1,this.create({id:r,type:"default",message:u});else if(de(u)&&!u.ok){l=!1;let k=typeof t.error=="function"?await t.error(`HTTP error! status: ${u.status}`):t.error,j=typeof t.description=="function"?await t.description(`HTTP error! status: ${u.status}`):t.description;this.create({id:r,type:"error",message:k,description:j})}else if(t.success!==void 0){l=!1;let k=typeof t.success=="function"?await t.success(u):t.success,j=typeof t.description=="function"?await t.description(u):t.description;this.create({id:r,type:"success",message:k,description:j})}}).catch(async u=>{if(E=["reject",u],t.error!==void 0){l=!1;let y=typeof t.error=="function"?await t.error(u):t.error,k=typeof t.description=="function"?await t.description(u):t.description;this.create({id:r,type:"error",message:y,description:k})}}).finally(()=>{var u;l&&(this.dismiss(r),r=void 0),(u=t.finally)==null||u.call(t)}),h=()=>new Promise((u,y)=>P.then(()=>E[0]==="reject"?y(E[1]):u(E[1])).catch(y));return typeof r!="string"&&typeof r!="number"?{unwrap:h}:Object.assign(r,{unwrap:h})};this.custom=(e,t)=>{let r=(t==null?void 0:t.id)||gt++;return this.create({jsx:e(r),id:r,...t}),r};this.subscribers=[],this.toasts=[]}},R=new ht,le=(a,e)=>{let t=(e==null?void 0:e.id)||gt++;return R.addToast({title:a,...e,id:t}),t},de=a=>a&&typeof a=="object"&&"ok"in a&&typeof a.ok=="boolean"&&"status"in a&&typeof a.status=="number",ce=le,ue=()=>R.toasts,Ft=Object.assign(ce,{success:R.success,info:R.info,warning:R.warning,error:R.error,custom:R.custom,message:R.message,promise:R.promise,dismiss:R.dismiss,loading:R.loading},{getHistory:ue});function bt(a,{insertAt:e}={}){if(!a||typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",e==="top"&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=a:r.appendChild(document.createTextNode(a))}bt(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
2
|
+
`);function O(a){return a.label!==void 0}var fe=3,me="32px",$t=4e3,pe=356,ge=14,he=20,be=200;function ye(...a){return a.filter(Boolean).join(" ")}var xe=a=>{var Tt,Rt,St,Et,Nt,Pt,Ct,Bt,It,kt,Dt;let{invert:e,toast:t,unstyled:r,interacting:c,setHeights:l,visibleToasts:E,heights:P,index:h,toasts:u,expanded:y,removeToast:k,defaultRichColors:j,closeButton:K,style:it,cancelButtonStyle:i,actionButtonStyle:J,className:X="",descriptionClassName:lt="",duration:_,position:dt,gap:ct,loadingIcon:G,expandByDefault:C,classNames:n,icons:N,closeButtonAriaLabel:Q="Close toast",pauseWhenPageIsHidden:q,cn:S}=a,[B,Z]=o.default.useState(!1),[U,ut]=o.default.useState(!1),[M,A]=o.default.useState(!1),[tt,L]=o.default.useState(!1),[Y,et]=o.default.useState(!1),[d,f]=o.default.useState(0),[b,w]=o.default.useState(0),D=o.default.useRef(t.duration||_||$t),m=o.default.useRef(null),H=o.default.useRef(null),ot=h===0,at=h+1<=E,x=t.type,F=t.dismissible!==!1,Ut=t.className||"",Vt=t.descriptionClassName||"",nt=o.default.useMemo(()=>P.findIndex(s=>s.toastId===t.id)||0,[P,t.id]),Ot=o.default.useMemo(()=>{var s;return(s=t.closeButton)!=null?s:K},[t.closeButton,K]),Re=o.default.useMemo(()=>t.duration||_||$t,[t.duration,_]),ft=o.default.useRef(0),$=o.default.useRef(0),yt=o.default.useRef(0),st=o.default.useRef(null),[xt,Kt]=dt.split("-"),vt=o.default.useMemo(()=>P.reduce((s,p,g)=>g>=nt?s:s+p.height,0),[P,nt]),wt=jt(),Jt=t.invert||e,mt=x==="loading";$.current=o.default.useMemo(()=>nt*ct+vt,[nt,vt]),o.default.useEffect(()=>{Z(!0)},[]),o.default.useEffect(()=>{let s=H.current;if(s){let p=s.getBoundingClientRect().height;return w(p),l(g=>[{toastId:t.id,height:p,position:t.position},...g]),()=>l(g=>g.filter(v=>v.toastId!==t.id))}},[l,t.id]),o.default.useLayoutEffect(()=>{if(!B)return;let s=H.current,p=s.style.height;s.style.height="auto";let g=s.getBoundingClientRect().height;s.style.height=p,w(g),l(v=>v.find(I=>I.toastId===t.id)?v.map(I=>I.toastId===t.id?{...I,height:g}:I):[{toastId:t.id,height:g,position:t.position},...v])},[B,t.title,t.description,l,t.id]);let z=o.default.useCallback(()=>{ut(!0),f($.current),l(s=>s.filter(p=>p.toastId!==t.id)),setTimeout(()=>{k(t)},be)},[t,k,l,$]);o.default.useEffect(()=>{if(t.promise&&x==="loading"||t.duration===1/0||t.type==="loading")return;let s;return y||c||q&&wt?(()=>{if(yt.current<ft.current){let v=new Date().getTime()-ft.current;D.current=D.current-v}yt.current=new Date().getTime()})():(()=>{D.current!==1/0&&(ft.current=new Date().getTime(),s=setTimeout(()=>{var v;(v=t.onAutoClose)==null||v.call(t,t),z()},D.current))})(),()=>clearTimeout(s)},[y,c,t,x,q,wt,z]),o.default.useEffect(()=>{t.delete&&z()},[z,t.delete]);function Xt(){var s,p,g;return N!=null&&N.loading?o.default.createElement("div",{className:S(n==null?void 0:n.loader,(s=t==null?void 0:t.classNames)==null?void 0:s.loader,"sonner-loader"),"data-visible":x==="loading"},N.loading):G?o.default.createElement("div",{className:S(n==null?void 0:n.loader,(p=t==null?void 0:t.classNames)==null?void 0:p.loader,"sonner-loader"),"data-visible":x==="loading"},G):o.default.createElement(Lt,{className:S(n==null?void 0:n.loader,(g=t==null?void 0:t.classNames)==null?void 0:g.loader),visible:x==="loading"})}return o.default.createElement("li",{tabIndex:0,ref:H,className:S(X,Ut,n==null?void 0:n.toast,(Tt=t==null?void 0:t.classNames)==null?void 0:Tt.toast,n==null?void 0:n.default,n==null?void 0:n[x],(Rt=t==null?void 0:t.classNames)==null?void 0:Rt[x]),"data-sonner-toast":"","data-rich-colors":(St=t.richColors)!=null?St:j,"data-styled":!(t.jsx||t.unstyled||r),"data-mounted":B,"data-promise":!!t.promise,"data-swiped":Y,"data-removed":U,"data-visible":at,"data-y-position":xt,"data-x-position":Kt,"data-index":h,"data-front":ot,"data-swiping":M,"data-dismissible":F,"data-type":x,"data-invert":Jt,"data-swipe-out":tt,"data-expanded":!!(y||C&&B),style:{"--index":h,"--toasts-before":h,"--z-index":u.length-h,"--offset":`${U?d:$.current}px`,"--initial-height":C?"auto":`${b}px`,...it,...t.style},onPointerDown:s=>{mt||!F||(m.current=new Date,f($.current),s.target.setPointerCapture(s.pointerId),s.target.tagName!=="BUTTON"&&(A(!0),st.current={x:s.clientX,y:s.clientY}))},onPointerUp:()=>{var v,W,I,Ht;if(tt||!F)return;st.current=null;let s=Number(((v=H.current)==null?void 0:v.style.getPropertyValue("--swipe-amount").replace("px",""))||0),p=new Date().getTime()-((W=m.current)==null?void 0:W.getTime()),g=Math.abs(s)/p;if(Math.abs(s)>=he||g>.11){f($.current),(I=t.onDismiss)==null||I.call(t,t),z(),L(!0),et(!1);return}(Ht=H.current)==null||Ht.style.setProperty("--swipe-amount","0px"),A(!1)},onPointerMove:s=>{var W,I;if(!st.current||!F)return;let p=s.clientY-st.current.y,g=((W=window.getSelection())==null?void 0:W.toString().length)>0,v=xt==="top"?Math.min(0,p):Math.max(0,p);Math.abs(v)>0&&et(!0),!g&&((I=H.current)==null||I.style.setProperty("--swipe-amount",`${v}px`))}},Ot&&!t.jsx?o.default.createElement("button",{"aria-label":Q,"data-disabled":mt,"data-close-button":!0,onClick:mt||!F?()=>{}:()=>{var s;z(),(s=t.onDismiss)==null||s.call(t,t)},className:S(n==null?void 0:n.closeButton,(Et=t==null?void 0:t.classNames)==null?void 0:Et.closeButton)},(Nt=N==null?void 0:N.close)!=null?Nt:zt):null,t.jsx||o.default.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.default.createElement(o.default.Fragment,null,x||t.icon||t.promise?o.default.createElement("div",{"data-icon":"",className:S(n==null?void 0:n.icon,(Pt=t==null?void 0:t.classNames)==null?void 0:Pt.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Xt():null,t.type!=="loading"?t.icon||(N==null?void 0:N[x])||At(x):null):null,o.default.createElement("div",{"data-content":"",className:S(n==null?void 0:n.content,(Ct=t==null?void 0:t.classNames)==null?void 0:Ct.content)},o.default.createElement("div",{"data-title":"",className:S(n==null?void 0:n.title,(Bt=t==null?void 0:t.classNames)==null?void 0:Bt.title)},typeof t.title=="function"?t.title():t.title),t.description?o.default.createElement("div",{"data-description":"",className:S(lt,Vt,n==null?void 0:n.description,(It=t==null?void 0:t.classNames)==null?void 0:It.description)},typeof t.description=="function"?t.description():t.description):null),o.default.isValidElement(t.cancel)?t.cancel:t.cancel&&O(t.cancel)?o.default.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||i,onClick:s=>{var p,g;O(t.cancel)&&F&&((g=(p=t.cancel).onClick)==null||g.call(p,s),z())},className:S(n==null?void 0:n.cancelButton,(kt=t==null?void 0:t.classNames)==null?void 0:kt.cancelButton)},t.cancel.label):null,o.default.isValidElement(t.action)?t.action:t.action&&O(t.action)?o.default.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||J,onClick:s=>{var p,g;O(t.action)&&((g=(p=t.action).onClick)==null||g.call(p,s),!s.defaultPrevented&&z())},className:S(n==null?void 0:n.actionButton,(Dt=t==null?void 0:t.classNames)==null?void 0:Dt.actionButton)},t.action.label):null))};function Wt(){if(typeof window=="undefined"||typeof document=="undefined")return"ltr";let a=document.documentElement.getAttribute("dir");return a==="auto"||!a?window.getComputedStyle(document.documentElement).direction:a}function ve(){let[a,e]=o.default.useState([]);return o.default.useEffect(()=>R.subscribe(t=>{e(r=>{if("dismiss"in t&&t.dismiss)return r.filter(l=>l.id!==t.id);let c=r.findIndex(l=>l.id===t.id);if(c!==-1){let l=[...r];return l[c]={...l[c],...t},l}else return[t,...r]})}),[]),{toasts:a}}var we=(0,o.forwardRef)(function(e,t){let{invert:r,position:c="bottom-right",hotkey:l=["altKey","KeyT"],expand:E,closeButton:P,className:h,offset:u,theme:y="light",richColors:k,duration:j,style:K,visibleToasts:it=fe,toastOptions:i,dir:J=Wt(),gap:X=ge,loadingIcon:lt,icons:_,containerAriaLabel:dt="Notifications",pauseWhenPageIsHidden:ct,cn:G=ye}=e,[C,n]=o.default.useState([]),N=o.default.useMemo(()=>Array.from(new Set([c].concat(C.filter(d=>d.position).map(d=>d.position)))),[C,c]),[Q,q]=o.default.useState([]),[S,B]=o.default.useState(!1),[Z,U]=o.default.useState(!1),[ut,M]=o.default.useState(y!=="system"?y:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),A=o.default.useRef(null),tt=l.join("+").replace(/Key/g,"").replace(/Digit/g,""),L=o.default.useRef(null),Y=o.default.useRef(!1),et=o.default.useCallback(d=>{n(f=>{var b;return(b=f.find(w=>w.id===d.id))!=null&&b.delete||R.dismiss(d.id),f.filter(({id:w})=>w!==d.id)})},[]);return o.default.useEffect(()=>R.subscribe(d=>{if(d.dismiss){n(f=>f.map(b=>b.id===d.id?{...b,delete:!0}:b));return}setTimeout(()=>{_t.default.flushSync(()=>{n(f=>{let b=f.findIndex(w=>w.id===d.id);return b!==-1?[...f.slice(0,b),{...f[b],...d},...f.slice(b+1)]:[d,...f]})})})}),[]),o.default.useEffect(()=>{if(y!=="system"){M(y);return}if(y==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?M("dark"):M("light")),typeof window=="undefined")return;let d=window.matchMedia("(prefers-color-scheme: dark)");try{d.addEventListener("change",({matches:f})=>{M(f?"dark":"light")})}catch(f){d.addListener(({matches:b})=>{try{M(b?"dark":"light")}catch(w){console.error(w)}})}},[y]),o.default.useEffect(()=>{C.length<=1&&B(!1)},[C]),o.default.useEffect(()=>{let d=f=>{var w,D;l.every(m=>f[m]||f.code===m)&&(B(!0),(w=A.current)==null||w.focus()),f.code==="Escape"&&(document.activeElement===A.current||(D=A.current)!=null&&D.contains(document.activeElement))&&B(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[l]),o.default.useEffect(()=>{if(A.current)return()=>{L.current&&(L.current.focus({preventScroll:!0}),L.current=null,Y.current=!1)}},[A.current]),o.default.createElement("section",{"aria-label":`${dt} ${tt}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false"},N.map((d,f)=>{var D;let[b,w]=d.split("-");return C.length?o.default.createElement("ol",{key:d,dir:J==="auto"?Wt():J,tabIndex:-1,ref:A,className:h,"data-sonner-toaster":!0,"data-theme":ut,"data-y-position":b,"data-lifted":S&&C.length>1&&!E,"data-x-position":w,style:{"--front-toast-height":`${((D=Q[0])==null?void 0:D.height)||0}px`,"--offset":typeof u=="number"?`${u}px`:u||me,"--width":`${pe}px`,"--gap":`${X}px`,...K},onBlur:m=>{Y.current&&!m.currentTarget.contains(m.relatedTarget)&&(Y.current=!1,L.current&&(L.current.focus({preventScroll:!0}),L.current=null))},onFocus:m=>{m.target instanceof HTMLElement&&m.target.dataset.dismissible==="false"||Y.current||(Y.current=!0,L.current=m.relatedTarget)},onMouseEnter:()=>B(!0),onMouseMove:()=>B(!0),onMouseLeave:()=>{Z||B(!1)},onPointerDown:m=>{m.target instanceof HTMLElement&&m.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},C.filter(m=>!m.position&&f===0||m.position===d).map((m,H)=>{var ot,at;return o.default.createElement(xe,{key:m.id,icons:_,index:H,toast:m,defaultRichColors:k,duration:(ot=i==null?void 0:i.duration)!=null?ot:j,className:i==null?void 0:i.className,descriptionClassName:i==null?void 0:i.descriptionClassName,invert:r,visibleToasts:it,closeButton:(at=i==null?void 0:i.closeButton)!=null?at:P,interacting:Z,position:d,style:i==null?void 0:i.style,unstyled:i==null?void 0:i.unstyled,classNames:i==null?void 0:i.classNames,cancelButtonStyle:i==null?void 0:i.cancelButtonStyle,actionButtonStyle:i==null?void 0:i.actionButtonStyle,removeToast:et,toasts:C.filter(x=>x.position==m.position),heights:Q.filter(x=>x.position==m.position),setHeights:q,expandByDefault:E,gap:X,loadingIcon:lt,expanded:S,pauseWhenPageIsHidden:ct,cn:G})})):null}))});0&&(module.exports={Toaster,toast,useSonner});
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx","../src/assets.tsx","../src/hooks.tsx","../src/state.ts","#style-inject:#style-inject","../src/styles.css","../src/types.ts"],"sourcesContent":["'use client';\r\n\r\nimport React, { forwardRef } from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { CloseIcon, getAsset, Loader } from './assets';\r\nimport { useIsDocumentHidden } from './hooks';\r\nimport { toast, ToastState } from './state';\r\nimport './styles.css';\r\nimport {\r\n isAction,\r\n type ExternalToast,\r\n type HeightT,\r\n type ToasterProps,\r\n type ToastProps,\r\n type ToastT,\r\n type ToastToDismiss,\r\n} from './types';\r\n\r\n// Visible toasts amount\r\nconst VISIBLE_TOASTS_AMOUNT = 3;\r\n\r\n// Viewport padding\r\nconst VIEWPORT_OFFSET = '32px';\r\n\r\n// Default lifetime of a toasts (in ms)\r\nconst TOAST_LIFETIME = 4000;\r\n\r\n// Default toast width\r\nconst TOAST_WIDTH = 356;\r\n\r\n// Default gap between toasts\r\nconst GAP = 14;\r\n\r\n// Threshold to dismiss a toast\r\nconst SWIPE_THRESHOLD = 20;\r\n\r\n// Equal to exit animation duration\r\nconst TIME_BEFORE_UNMOUNT = 200;\r\n\r\nfunction _cn(...classes: (string | undefined)[]) {\r\n return classes.filter(Boolean).join(' ');\r\n}\r\n\r\nconst Toast = (props: ToastProps) => {\r\n const {\r\n invert: ToasterInvert,\r\n toast,\r\n unstyled,\r\n interacting,\r\n setHeights,\r\n visibleToasts,\r\n heights,\r\n index,\r\n toasts,\r\n expanded,\r\n removeToast,\r\n defaultRichColors,\r\n closeButton: closeButtonFromToaster,\r\n style,\r\n cancelButtonStyle,\r\n actionButtonStyle,\r\n className = '',\r\n descriptionClassName = '',\r\n duration: durationFromToaster,\r\n position,\r\n gap,\r\n loadingIcon: loadingIconProp,\r\n expandByDefault,\r\n classNames,\r\n icons,\r\n closeButtonAriaLabel = 'Close toast',\r\n pauseWhenPageIsHidden,\r\n cn,\r\n } = props;\r\n const [mounted, setMounted] = React.useState(false);\r\n const [removed, setRemoved] = React.useState(false);\r\n const [swiping, setSwiping] = React.useState(false);\r\n const [swipeOut, setSwipeOut] = React.useState(false);\r\n const [isSwiped, setIsSwiped] = React.useState(false);\r\n const [offsetBeforeRemove, setOffsetBeforeRemove] = React.useState(0);\r\n const [initialHeight, setInitialHeight] = React.useState(0);\r\n const remainingTime = React.useRef(toast.duration || durationFromToaster || TOAST_LIFETIME);\r\n const dragStartTime = React.useRef<Date | null>(null);\r\n const toastRef = React.useRef<HTMLLIElement>(null);\r\n const isFront = index === 0;\r\n const isVisible = index + 1 <= visibleToasts;\r\n const toastType = toast.type;\r\n const dismissible = toast.dismissible !== false;\r\n const toastClassname = toast.className || '';\r\n const toastDescriptionClassname = toast.descriptionClassName || '';\r\n // Height index is used to calculate the offset as it gets updated before the toast array, which means we can calculate the new layout faster.\r\n const heightIndex = React.useMemo(\r\n () => heights.findIndex((height) => height.toastId === toast.id) || 0,\r\n [heights, toast.id],\r\n );\r\n const closeButton = React.useMemo(\r\n () => toast.closeButton ?? closeButtonFromToaster,\r\n [toast.closeButton, closeButtonFromToaster],\r\n );\r\n const duration = React.useMemo(\r\n () => toast.duration || durationFromToaster || TOAST_LIFETIME,\r\n [toast.duration, durationFromToaster],\r\n );\r\n const closeTimerStartTimeRef = React.useRef(0);\r\n const offset = React.useRef(0);\r\n const lastCloseTimerStartTimeRef = React.useRef(0);\r\n const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\r\n const [y, x] = position.split('-');\r\n const toastsHeightBefore = React.useMemo(() => {\r\n return heights.reduce((prev, curr, reducerIndex) => {\r\n // Calculate offset up until current toast\r\n if (reducerIndex >= heightIndex) {\r\n return prev;\r\n }\r\n\r\n return prev + curr.height;\r\n }, 0);\r\n }, [heights, heightIndex]);\r\n const isDocumentHidden = useIsDocumentHidden();\r\n\r\n const invert = toast.invert || ToasterInvert;\r\n const disabled = toastType === 'loading';\r\n\r\n offset.current = React.useMemo(() => heightIndex * gap + toastsHeightBefore, [heightIndex, toastsHeightBefore]);\r\n\r\n React.useEffect(() => {\r\n // Trigger enter animation without using CSS animation\r\n setMounted(true);\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n const toastNode = toastRef.current;\r\n if (toastNode) {\r\n const height = toastNode.getBoundingClientRect().height;\r\n // Add toast height to heights array after the toast is mounted\r\n setInitialHeight(height);\r\n setHeights((h) => [{ toastId: toast.id, height, position: toast.position }, ...h]);\r\n return () => setHeights((h) => h.filter((height) => height.toastId !== toast.id));\r\n }\r\n }, [setHeights, toast.id]);\r\n\r\n React.useLayoutEffect(() => {\r\n if (!mounted) return;\r\n const toastNode = toastRef.current;\r\n const originalHeight = toastNode.style.height;\r\n toastNode.style.height = 'auto';\r\n const newHeight = toastNode.getBoundingClientRect().height;\r\n toastNode.style.height = originalHeight;\r\n\r\n setInitialHeight(newHeight);\r\n\r\n setHeights((heights) => {\r\n const alreadyExists = heights.find((height) => height.toastId === toast.id);\r\n if (!alreadyExists) {\r\n return [{ toastId: toast.id, height: newHeight, position: toast.position }, ...heights];\r\n } else {\r\n return heights.map((height) => (height.toastId === toast.id ? { ...height, height: newHeight } : height));\r\n }\r\n });\r\n }, [mounted, toast.title, toast.description, setHeights, toast.id]);\r\n\r\n const deleteToast = React.useCallback(() => {\r\n // Save the offset for the exit swipe animation\r\n setRemoved(true);\r\n setOffsetBeforeRemove(offset.current);\r\n setHeights((h) => h.filter((height) => height.toastId !== toast.id));\r\n\r\n setTimeout(() => {\r\n removeToast(toast);\r\n }, TIME_BEFORE_UNMOUNT);\r\n }, [toast, removeToast, setHeights, offset]);\r\n\r\n React.useEffect(() => {\r\n if ((toast.promise && toastType === 'loading') || toast.duration === Infinity || toast.type === 'loading') return;\r\n let timeoutId: NodeJS.Timeout;\r\n\r\n // Pause the timer on each hover\r\n const pauseTimer = () => {\r\n if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {\r\n // Get the elapsed time since the timer started\r\n const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\r\n\r\n remainingTime.current = remainingTime.current - elapsedTime;\r\n }\r\n\r\n lastCloseTimerStartTimeRef.current = new Date().getTime();\r\n };\r\n\r\n const startTimer = () => {\r\n // setTimeout(, Infinity) behaves as if the delay is 0.\r\n // As a result, the toast would be closed immediately, giving the appearance that it was never rendered.\r\n // See: https://github.com/denysdovhan/wtfjs?tab=readme-ov-file#an-infinite-timeout\r\n if (remainingTime.current === Infinity) return;\r\n\r\n closeTimerStartTimeRef.current = new Date().getTime();\r\n\r\n // Let the toast know it has started\r\n timeoutId = setTimeout(() => {\r\n toast.onAutoClose?.(toast);\r\n deleteToast();\r\n }, remainingTime.current);\r\n };\r\n\r\n if (expanded || interacting || (pauseWhenPageIsHidden && isDocumentHidden)) {\r\n pauseTimer();\r\n } else {\r\n startTimer();\r\n }\r\n\r\n return () => clearTimeout(timeoutId);\r\n }, [expanded, interacting, toast, toastType, pauseWhenPageIsHidden, isDocumentHidden, deleteToast]);\r\n\r\n React.useEffect(() => {\r\n if (toast.delete) {\r\n deleteToast();\r\n }\r\n }, [deleteToast, toast.delete]);\r\n\r\n function getLoadingIcon() {\r\n if (icons?.loading) {\r\n return (\r\n <div\r\n className={cn(classNames?.loader, toast?.classNames?.loader, 'sonner-loader')}\r\n data-visible={toastType === 'loading'}\r\n >\r\n {icons.loading}\r\n </div>\r\n );\r\n }\r\n\r\n if (loadingIconProp) {\r\n return (\r\n <div\r\n className={cn(classNames?.loader, toast?.classNames?.loader, 'sonner-loader')}\r\n data-visible={toastType === 'loading'}\r\n >\r\n {loadingIconProp}\r\n </div>\r\n );\r\n }\r\n return <Loader className={cn(classNames?.loader, toast?.classNames?.loader)} visible={toastType === 'loading'} />;\r\n }\r\n\r\n return (\r\n <li\r\n tabIndex={0}\r\n ref={toastRef}\r\n className={cn(\r\n className,\r\n toastClassname,\r\n classNames?.toast,\r\n toast?.classNames?.toast,\r\n classNames?.default,\r\n classNames?.[toastType],\r\n toast?.classNames?.[toastType],\r\n )}\r\n data-sonner-toast=\"\"\r\n data-rich-colors={toast.richColors ?? defaultRichColors}\r\n data-styled={!Boolean(toast.jsx || toast.unstyled || unstyled)}\r\n data-mounted={mounted}\r\n data-promise={Boolean(toast.promise)}\r\n data-swiped={isSwiped}\r\n data-removed={removed}\r\n data-visible={isVisible}\r\n data-y-position={y}\r\n data-x-position={x}\r\n data-index={index}\r\n data-front={isFront}\r\n data-swiping={swiping}\r\n data-dismissible={dismissible}\r\n data-type={toastType}\r\n data-invert={invert}\r\n data-swipe-out={swipeOut}\r\n data-expanded={Boolean(expanded || (expandByDefault && mounted))}\r\n style={\r\n {\r\n '--index': index,\r\n '--toasts-before': index,\r\n '--z-index': toasts.length - index,\r\n '--offset': `${removed ? offsetBeforeRemove : offset.current}px`,\r\n '--initial-height': expandByDefault ? 'auto' : `${initialHeight}px`,\r\n ...style,\r\n ...toast.style,\r\n } as React.CSSProperties\r\n }\r\n onPointerDown={(event) => {\r\n if (disabled || !dismissible) return;\r\n dragStartTime.current = new Date();\r\n setOffsetBeforeRemove(offset.current);\r\n // Ensure we maintain correct pointer capture even when going outside of the toast (e.g. when swiping)\r\n (event.target as HTMLElement).setPointerCapture(event.pointerId);\r\n if ((event.target as HTMLElement).tagName === 'BUTTON') return;\r\n setSwiping(true);\r\n pointerStartRef.current = { x: event.clientX, y: event.clientY };\r\n }}\r\n onPointerUp={() => {\r\n if (swipeOut || !dismissible) return;\r\n\r\n pointerStartRef.current = null;\r\n const swipeAmount = Number(toastRef.current?.style.getPropertyValue('--swipe-amount').replace('px', '') || 0);\r\n const timeTaken = new Date().getTime() - dragStartTime.current?.getTime();\r\n const velocity = Math.abs(swipeAmount) / timeTaken;\r\n\r\n // Remove only if threshold is met\r\n if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {\r\n setOffsetBeforeRemove(offset.current);\r\n toast.onDismiss?.(toast);\r\n deleteToast();\r\n setSwipeOut(true);\r\n setIsSwiped(false);\r\n return;\r\n }\r\n\r\n toastRef.current?.style.setProperty('--swipe-amount', '0px');\r\n setSwiping(false);\r\n }}\r\n onPointerMove={(event) => {\r\n if (!pointerStartRef.current || !dismissible) return;\r\n\r\n const yPosition = event.clientY - pointerStartRef.current.y;\r\n const isHighlighted = window.getSelection()?.toString().length > 0;\r\n const swipeAmount = y === 'top' ? Math.min(0, yPosition) : Math.max(0, yPosition);\r\n\r\n if (Math.abs(swipeAmount) > 0) {\r\n setIsSwiped(true);\r\n }\r\n\r\n if (isHighlighted) return;\r\n\r\n toastRef.current?.style.setProperty('--swipe-amount', `${swipeAmount}px`);\r\n }}\r\n >\r\n {closeButton && !toast.jsx ? (\r\n <button\r\n aria-label={closeButtonAriaLabel}\r\n data-disabled={disabled}\r\n data-close-button\r\n onClick={\r\n disabled || !dismissible\r\n ? () => {}\r\n : () => {\r\n deleteToast();\r\n toast.onDismiss?.(toast);\r\n }\r\n }\r\n className={cn(classNames?.closeButton, toast?.classNames?.closeButton)}\r\n >\r\n {icons?.close ?? CloseIcon}\r\n </button>\r\n ) : null}\r\n {/* TODO: This can be cleaner */}\r\n {toast.jsx || React.isValidElement(toast.title) ? (\r\n toast.jsx ? (\r\n toast.jsx\r\n ) : typeof toast.title === 'function' ? (\r\n toast.title()\r\n ) : (\r\n toast.title\r\n )\r\n ) : (\r\n <>\r\n {toastType || toast.icon || toast.promise ? (\r\n <div data-icon=\"\" className={cn(classNames?.icon, toast?.classNames?.icon)}>\r\n {toast.promise || (toast.type === 'loading' && !toast.icon) ? toast.icon || getLoadingIcon() : null}\r\n {toast.type !== 'loading' ? toast.icon || icons?.[toastType] || getAsset(toastType) : null}\r\n </div>\r\n ) : null}\r\n\r\n <div data-content=\"\" className={cn(classNames?.content, toast?.classNames?.content)}>\r\n <div data-title=\"\" className={cn(classNames?.title, toast?.classNames?.title)}>\r\n {typeof toast.title === 'function' ? toast.title() : toast.title}\r\n </div>\r\n {toast.description ? (\r\n <div\r\n data-description=\"\"\r\n className={cn(\r\n descriptionClassName,\r\n toastDescriptionClassname,\r\n classNames?.description,\r\n toast?.classNames?.description,\r\n )}\r\n >\r\n {typeof toast.description === 'function' ? toast.description() : toast.description}\r\n </div>\r\n ) : null}\r\n </div>\r\n {React.isValidElement(toast.cancel) ? (\r\n toast.cancel\r\n ) : toast.cancel && isAction(toast.cancel) ? (\r\n <button\r\n data-button\r\n data-cancel\r\n style={toast.cancelButtonStyle || cancelButtonStyle}\r\n onClick={(event) => {\r\n // We need to check twice because typescript\r\n if (!isAction(toast.cancel)) return;\r\n if (!dismissible) return;\r\n toast.cancel.onClick?.(event);\r\n deleteToast();\r\n }}\r\n className={cn(classNames?.cancelButton, toast?.classNames?.cancelButton)}\r\n >\r\n {toast.cancel.label}\r\n </button>\r\n ) : null}\r\n {React.isValidElement(toast.action) ? (\r\n toast.action\r\n ) : toast.action && isAction(toast.action) ? (\r\n <button\r\n data-button\r\n data-action\r\n style={toast.actionButtonStyle || actionButtonStyle}\r\n onClick={(event) => {\r\n // We need to check twice because typescript\r\n if (!isAction(toast.action)) return;\r\n toast.action.onClick?.(event);\r\n if (event.defaultPrevented) return;\r\n deleteToast();\r\n }}\r\n className={cn(classNames?.actionButton, toast?.classNames?.actionButton)}\r\n >\r\n {toast.action.label}\r\n </button>\r\n ) : null}\r\n </>\r\n )}\r\n </li>\r\n );\r\n};\r\n\r\nfunction getDocumentDirection(): ToasterProps['dir'] {\r\n if (typeof window === 'undefined') return 'ltr';\r\n if (typeof document === 'undefined') return 'ltr'; // For Fresh purpose\r\n\r\n const dirAttribute = document.documentElement.getAttribute('dir');\r\n\r\n if (dirAttribute === 'auto' || !dirAttribute) {\r\n return window.getComputedStyle(document.documentElement).direction as ToasterProps['dir'];\r\n }\r\n\r\n return dirAttribute as ToasterProps['dir'];\r\n}\r\n\r\nfunction useSonner() {\r\n const [activeToasts, setActiveToasts] = React.useState<ToastT[]>([]);\r\n\r\n React.useEffect(() => {\r\n return ToastState.subscribe((toast) => {\r\n setActiveToasts((currentToasts) => {\r\n if ('dismiss' in toast && toast.dismiss) {\r\n return currentToasts.filter((t) => t.id !== toast.id);\r\n }\r\n\r\n const existingToastIndex = currentToasts.findIndex((t) => t.id === toast.id);\r\n if (existingToastIndex !== -1) {\r\n const updatedToasts = [...currentToasts];\r\n updatedToasts[existingToastIndex] = { ...updatedToasts[existingToastIndex], ...toast };\r\n return updatedToasts;\r\n } else {\r\n return [toast, ...currentToasts];\r\n }\r\n });\r\n });\r\n }, []);\r\n\r\n return {\r\n toasts: activeToasts,\r\n };\r\n}\r\n\r\nconst Toaster = forwardRef<HTMLElement, ToasterProps>(function Toaster(props, ref) {\r\n const {\r\n invert,\r\n position = 'bottom-right',\r\n hotkey = ['altKey', 'KeyT'],\r\n expand,\r\n closeButton,\r\n className,\r\n offset,\r\n theme = 'light',\r\n richColors,\r\n duration,\r\n style,\r\n visibleToasts = VISIBLE_TOASTS_AMOUNT,\r\n toastOptions,\r\n dir = getDocumentDirection(),\r\n gap = GAP,\r\n loadingIcon,\r\n icons,\r\n containerAriaLabel = 'Notifications',\r\n pauseWhenPageIsHidden,\r\n cn = _cn,\r\n } = props;\r\n const [toasts, setToasts] = React.useState<ToastT[]>([]);\r\n const possiblePositions = React.useMemo(() => {\r\n return Array.from(\r\n new Set([position].concat(toasts.filter((toast) => toast.position).map((toast) => toast.position))),\r\n );\r\n }, [toasts, position]);\r\n const [heights, setHeights] = React.useState<HeightT[]>([]);\r\n const [expanded, setExpanded] = React.useState(false);\r\n const [interacting, setInteracting] = React.useState(false);\r\n const [actualTheme, setActualTheme] = React.useState(\r\n theme !== 'system'\r\n ? theme\r\n : typeof window !== 'undefined'\r\n ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\r\n ? 'dark'\r\n : 'light'\r\n : 'light',\r\n );\r\n\r\n const listRef = React.useRef<HTMLOListElement>(null);\r\n const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\r\n const lastFocusedElementRef = React.useRef<HTMLElement>(null);\r\n const isFocusWithinRef = React.useRef(false);\r\n\r\n const removeToast = React.useCallback((toastToRemove: ToastT) => {\r\n setToasts((toasts) => {\r\n if (!toasts.find((toast) => toast.id === toastToRemove.id)?.delete) {\r\n ToastState.dismiss(toastToRemove.id);\r\n }\r\n\r\n return toasts.filter(({ id }) => id !== toastToRemove.id);\r\n });\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n return ToastState.subscribe((toast) => {\r\n if ((toast as ToastToDismiss).dismiss) {\r\n setToasts((toasts) => toasts.map((t) => (t.id === toast.id ? { ...t, delete: true } : t)));\r\n return;\r\n }\r\n\r\n // Prevent batching, temp solution.\r\n setTimeout(() => {\r\n ReactDOM.flushSync(() => {\r\n setToasts((toasts) => {\r\n const indexOfExistingToast = toasts.findIndex((t) => t.id === toast.id);\r\n\r\n // Update the toast if it already exists\r\n if (indexOfExistingToast !== -1) {\r\n return [\r\n ...toasts.slice(0, indexOfExistingToast),\r\n { ...toasts[indexOfExistingToast], ...toast },\r\n ...toasts.slice(indexOfExistingToast + 1),\r\n ];\r\n }\r\n\r\n return [toast, ...toasts];\r\n });\r\n });\r\n });\r\n });\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (theme !== 'system') {\r\n setActualTheme(theme);\r\n return;\r\n }\r\n\r\n if (theme === 'system') {\r\n // check if current preference is dark\r\n if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\r\n // it's currently dark\r\n setActualTheme('dark');\r\n } else {\r\n // it's not dark\r\n setActualTheme('light');\r\n }\r\n }\r\n\r\n if (typeof window === 'undefined') return;\r\n const darkMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\r\n\r\n try {\r\n // Chrome & Firefox\r\n darkMediaQuery.addEventListener('change', ({ matches }) => {\r\n if (matches) {\r\n setActualTheme('dark');\r\n } else {\r\n setActualTheme('light');\r\n }\r\n });\r\n } catch (error) {\r\n // Safari < 14\r\n darkMediaQuery.addListener(({ matches }) => {\r\n try {\r\n if (matches) {\r\n setActualTheme('dark');\r\n } else {\r\n setActualTheme('light');\r\n }\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n });\r\n }\r\n }, [theme]);\r\n\r\n React.useEffect(() => {\r\n // Ensure expanded is always false when no toasts are present / only one left\r\n if (toasts.length <= 1) {\r\n setExpanded(false);\r\n }\r\n }, [toasts]);\r\n\r\n React.useEffect(() => {\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\r\n\r\n if (isHotkeyPressed) {\r\n setExpanded(true);\r\n listRef.current?.focus();\r\n }\r\n\r\n if (\r\n event.code === 'Escape' &&\r\n (document.activeElement === listRef.current || listRef.current?.contains(document.activeElement))\r\n ) {\r\n setExpanded(false);\r\n }\r\n };\r\n document.addEventListener('keydown', handleKeyDown);\r\n\r\n return () => document.removeEventListener('keydown', handleKeyDown);\r\n }, [hotkey]);\r\n\r\n React.useEffect(() => {\r\n if (listRef.current) {\r\n return () => {\r\n if (lastFocusedElementRef.current) {\r\n lastFocusedElementRef.current.focus({ preventScroll: true });\r\n lastFocusedElementRef.current = null;\r\n isFocusWithinRef.current = false;\r\n }\r\n };\r\n }\r\n }, [listRef.current]);\r\n\r\n return (\r\n // Remove item from normal navigation flow, only available via hotkey\r\n <section\r\n aria-label={`${containerAriaLabel} ${hotkeyLabel}`}\r\n tabIndex={-1}\r\n aria-live=\"polite\"\r\n aria-relevant=\"additions text\"\r\n aria-atomic=\"false\"\r\n >\r\n {possiblePositions.map((position, index) => {\r\n const [y, x] = position.split('-');\r\n\r\n if (!toasts.length) return null;\r\n\r\n return (\r\n <ol\r\n key={position}\r\n dir={dir === 'auto' ? getDocumentDirection() : dir}\r\n tabIndex={-1}\r\n ref={listRef}\r\n className={className}\r\n data-sonner-toaster\r\n data-theme={actualTheme}\r\n data-y-position={y}\r\n data-lifted={expanded && toasts.length > 1 && !expand}\r\n data-x-position={x}\r\n style={\r\n {\r\n '--front-toast-height': `${heights[0]?.height || 0}px`,\r\n '--offset': typeof offset === 'number' ? `${offset}px` : offset || VIEWPORT_OFFSET,\r\n '--width': `${TOAST_WIDTH}px`,\r\n '--gap': `${gap}px`,\r\n ...style,\r\n } as React.CSSProperties\r\n }\r\n onBlur={(event) => {\r\n if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {\r\n isFocusWithinRef.current = false;\r\n if (lastFocusedElementRef.current) {\r\n lastFocusedElementRef.current.focus({ preventScroll: true });\r\n lastFocusedElementRef.current = null;\r\n }\r\n }\r\n }}\r\n onFocus={(event) => {\r\n const isNotDismissible =\r\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\r\n\r\n if (isNotDismissible) return;\r\n\r\n if (!isFocusWithinRef.current) {\r\n isFocusWithinRef.current = true;\r\n lastFocusedElementRef.current = event.relatedTarget as HTMLElement;\r\n }\r\n }}\r\n onMouseEnter={() => setExpanded(true)}\r\n onMouseMove={() => setExpanded(true)}\r\n onMouseLeave={() => {\r\n // Avoid setting expanded to false when interacting with a toast, e.g. swiping\r\n if (!interacting) {\r\n setExpanded(false);\r\n }\r\n }}\r\n onPointerDown={(event) => {\r\n const isNotDismissible =\r\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\r\n\r\n if (isNotDismissible) return;\r\n setInteracting(true);\r\n }}\r\n onPointerUp={() => setInteracting(false)}\r\n >\r\n {toasts\r\n .filter((toast) => (!toast.position && index === 0) || toast.position === position)\r\n .map((toast, index) => (\r\n <Toast\r\n key={toast.id}\r\n icons={icons}\r\n index={index}\r\n toast={toast}\r\n defaultRichColors={richColors}\r\n duration={toastOptions?.duration ?? duration}\r\n className={toastOptions?.className}\r\n descriptionClassName={toastOptions?.descriptionClassName}\r\n invert={invert}\r\n visibleToasts={visibleToasts}\r\n closeButton={toastOptions?.closeButton ?? closeButton}\r\n interacting={interacting}\r\n position={position}\r\n style={toastOptions?.style}\r\n unstyled={toastOptions?.unstyled}\r\n classNames={toastOptions?.classNames}\r\n cancelButtonStyle={toastOptions?.cancelButtonStyle}\r\n actionButtonStyle={toastOptions?.actionButtonStyle}\r\n removeToast={removeToast}\r\n toasts={toasts.filter((t) => t.position == toast.position)}\r\n heights={heights.filter((h) => h.position == toast.position)}\r\n setHeights={setHeights}\r\n expandByDefault={expand}\r\n gap={gap}\r\n loadingIcon={loadingIcon}\r\n expanded={expanded}\r\n pauseWhenPageIsHidden={pauseWhenPageIsHidden}\r\n cn={cn}\r\n />\r\n ))}\r\n </ol>\r\n );\r\n })}\r\n </section>\r\n );\r\n});\r\nexport { toast, Toaster, type ExternalToast, type ToastT, type ToasterProps, useSonner };\r\nexport { type ToastClassnames, type ToastToDismiss, type Action } from './types';\r\n","'use client';\r\nimport React from 'react';\r\nimport type { ToastTypes } from './types';\r\n\r\nexport const getAsset = (type: ToastTypes): JSX.Element | null => {\r\n switch (type) {\r\n case 'success':\r\n return SuccessIcon;\r\n\r\n case 'info':\r\n return InfoIcon;\r\n\r\n case 'warning':\r\n return WarningIcon;\r\n\r\n case 'error':\r\n return ErrorIcon;\r\n\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nconst bars = Array(12).fill(0);\r\n\r\nexport const Loader = ({ visible, className }: { visible: boolean, className?: string }) => {\r\n return (\r\n <div className={['sonner-loading-wrapper', className].filter(Boolean).join(' ')} data-visible={visible}>\r\n <div className=\"sonner-spinner\">\r\n {bars.map((_, i) => (\r\n <div className=\"sonner-loading-bar\" key={`spinner-bar-${i}`} />\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nconst SuccessIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\r\n <path\r\n fillRule=\"evenodd\"\r\n d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z\"\r\n clipRule=\"evenodd\"\r\n />\r\n </svg>\r\n);\r\n\r\nconst WarningIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"20\" width=\"20\">\r\n <path\r\n fillRule=\"evenodd\"\r\n d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z\"\r\n clipRule=\"evenodd\"\r\n />\r\n </svg>\r\n);\r\n\r\nconst InfoIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\r\n <path\r\n fillRule=\"evenodd\"\r\n d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z\"\r\n clipRule=\"evenodd\"\r\n />\r\n </svg>\r\n);\r\n\r\nconst ErrorIcon = (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\r\n <path\r\n fillRule=\"evenodd\"\r\n d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z\"\r\n clipRule=\"evenodd\"\r\n />\r\n </svg>\r\n);\r\n\r\nexport const CloseIcon = (\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"12\"\r\n height=\"12\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n >\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n </svg>\r\n);\r\n","import React from 'react';\r\n\r\nexport const useIsDocumentHidden = () => {\r\n const [isDocumentHidden, setIsDocumentHidden] = React.useState(document.hidden);\r\n\r\n React.useEffect(() => {\r\n const callback = () => {\r\n setIsDocumentHidden(document.hidden);\r\n };\r\n document.addEventListener('visibilitychange', callback);\r\n return () => window.removeEventListener('visibilitychange', callback);\r\n }, []);\r\n\r\n return isDocumentHidden;\r\n};\r\n","import type { ExternalToast, PromiseData, PromiseT, ToastT, ToastToDismiss, ToastTypes } from './types';\r\n\r\nimport React from 'react';\r\n\r\nlet toastsCounter = 1;\r\n\r\ntype titleT = (() => React.ReactNode) | React.ReactNode;\r\n\r\nclass Observer {\r\n subscribers: Array<(toast: ExternalToast | ToastToDismiss) => void>;\r\n toasts: Array<ToastT | ToastToDismiss>;\r\n\r\n constructor() {\r\n this.subscribers = [];\r\n this.toasts = [];\r\n }\r\n\r\n // We use arrow functions to maintain the correct `this` reference\r\n subscribe = (subscriber: (toast: ToastT | ToastToDismiss) => void) => {\r\n this.subscribers.push(subscriber);\r\n\r\n return () => {\r\n const index = this.subscribers.indexOf(subscriber);\r\n this.subscribers.splice(index, 1);\r\n };\r\n };\r\n\r\n publish = (data: ToastT) => {\r\n this.subscribers.forEach((subscriber) => subscriber(data));\r\n };\r\n\r\n addToast = (data: ToastT) => {\r\n this.publish(data);\r\n this.toasts = [...this.toasts, data];\r\n };\r\n\r\n create = (\r\n data: ExternalToast & {\r\n message?: titleT;\r\n type?: ToastTypes;\r\n promise?: PromiseT;\r\n jsx?: React.ReactElement;\r\n },\r\n ) => {\r\n const { message, ...rest } = data;\r\n const id = typeof data?.id === 'number' || data.id?.length > 0 ? data.id : toastsCounter++;\r\n const alreadyExists = this.toasts.find((toast) => {\r\n return toast.id === id;\r\n });\r\n const dismissible = data.dismissible === undefined ? true : data.dismissible;\r\n\r\n if (alreadyExists) {\r\n this.toasts = this.toasts.map((toast) => {\r\n if (toast.id === id) {\r\n this.publish({ ...toast, ...data, id, title: message });\r\n return {\r\n ...toast,\r\n ...data,\r\n id,\r\n dismissible,\r\n title: message,\r\n };\r\n }\r\n\r\n return toast;\r\n });\r\n } else {\r\n this.addToast({ title: message, ...rest, dismissible, id });\r\n }\r\n\r\n return id;\r\n };\r\n\r\n dismiss = (id?: number | string) => {\r\n if (!id) {\r\n this.toasts.forEach((toast) => {\r\n this.subscribers.forEach((subscriber) => subscriber({ id: toast.id, dismiss: true }));\r\n });\r\n }\r\n\r\n this.subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }));\r\n return id;\r\n };\r\n\r\n message = (message: titleT | React.ReactNode, data?: ExternalToast) => {\r\n return this.create({ ...data, message });\r\n };\r\n\r\n error = (message: titleT | React.ReactNode, data?: ExternalToast) => {\r\n return this.create({ ...data, message, type: 'error' });\r\n };\r\n\r\n success = (message: titleT | React.ReactNode, data?: ExternalToast) => {\r\n return this.create({ ...data, type: 'success', message });\r\n };\r\n\r\n info = (message: titleT | React.ReactNode, data?: ExternalToast) => {\r\n return this.create({ ...data, type: 'info', message });\r\n };\r\n\r\n warning = (message: titleT | React.ReactNode, data?: ExternalToast) => {\r\n return this.create({ ...data, type: 'warning', message });\r\n };\r\n\r\n loading = (message: titleT | React.ReactNode, data?: ExternalToast) => {\r\n return this.create({ ...data, type: 'loading', message });\r\n };\r\n\r\n promise = <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => {\r\n if (!data) {\r\n // Nothing to show\r\n return;\r\n }\r\n\r\n let id: string | number | undefined = undefined;\r\n if (data.loading !== undefined) {\r\n id = this.create({\r\n ...data,\r\n promise,\r\n type: 'loading',\r\n message: data.loading,\r\n description: typeof data.description !== 'function' ? data.description : undefined,\r\n });\r\n }\r\n\r\n const p = promise instanceof Promise ? promise : promise();\r\n\r\n let shouldDismiss = id !== undefined;\r\n let result: ['resolve', ToastData] | ['reject', unknown];\r\n\r\n const originalPromise = p\r\n .then(async (response) => {\r\n result = ['resolve', response];\r\n const isReactElementResponse = React.isValidElement(response);\r\n if (isReactElementResponse) {\r\n shouldDismiss = false;\r\n this.create({ id, type: 'default', message: response });\r\n } else if (isHttpResponse(response) && !response.ok) {\r\n shouldDismiss = false;\r\n const message =\r\n typeof data.error === 'function' ? await data.error(`HTTP error! status: ${response.status}`) : data.error;\r\n const description =\r\n typeof data.description === 'function'\r\n ? await data.description(`HTTP error! status: ${response.status}`)\r\n : data.description;\r\n this.create({ id, type: 'error', message, description });\r\n } else if (data.success !== undefined) {\r\n shouldDismiss = false;\r\n const message = typeof data.success === 'function' ? await data.success(response) : data.success;\r\n const description =\r\n typeof data.description === 'function' ? await data.description(response) : data.description;\r\n this.create({ id, type: 'success', message, description });\r\n }\r\n })\r\n .catch(async (error) => {\r\n result = ['reject', error];\r\n if (data.error !== undefined) {\r\n shouldDismiss = false;\r\n const message = typeof data.error === 'function' ? await data.error(error) : data.error;\r\n const description = typeof data.description === 'function' ? await data.description(error) : data.description;\r\n this.create({ id, type: 'error', message, description });\r\n }\r\n })\r\n .finally(() => {\r\n if (shouldDismiss) {\r\n // Toast is still in load state (and will be indefinitely — dismiss it)\r\n this.dismiss(id);\r\n id = undefined;\r\n }\r\n\r\n data.finally?.();\r\n });\r\n\r\n const unwrap = () =>\r\n new Promise<ToastData>((resolve, reject) =>\r\n originalPromise.then(() => (result[0] === 'reject' ? reject(result[1]) : resolve(result[1]))).catch(reject),\r\n );\r\n\r\n if (typeof id !== 'string' && typeof id !== 'number') {\r\n // cannot Object.assign on undefined\r\n return { unwrap };\r\n } else {\r\n return Object.assign(id, { unwrap });\r\n }\r\n };\r\n\r\n custom = (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => {\r\n const id = data?.id || toastsCounter++;\r\n this.create({ jsx: jsx(id), id, ...data });\r\n return id;\r\n };\r\n}\r\n\r\nexport const ToastState = new Observer();\r\n\r\n// bind this to the toast function\r\nconst toastFunction = (message: titleT, data?: ExternalToast) => {\r\n const id = data?.id || toastsCounter++;\r\n\r\n ToastState.addToast({\r\n title: message,\r\n ...data,\r\n id,\r\n });\r\n return id;\r\n};\r\n\r\nconst isHttpResponse = (data: any): data is Response => {\r\n return (\r\n data &&\r\n typeof data === 'object' &&\r\n 'ok' in data &&\r\n typeof data.ok === 'boolean' &&\r\n 'status' in data &&\r\n typeof data.status === 'number'\r\n );\r\n};\r\n\r\nconst basicToast = toastFunction;\r\n\r\nconst getHistory = () => ToastState.toasts;\r\n\r\n// We use `Object.assign` to maintain the correct types as we would lose them otherwise\r\nexport const toast = Object.assign(\r\n basicToast,\r\n {\r\n success: ToastState.success,\r\n info: ToastState.info,\r\n warning: ToastState.warning,\r\n error: ToastState.error,\r\n custom: ToastState.custom,\r\n message: ToastState.message,\r\n promise: ToastState.promise,\r\n dismiss: ToastState.dismiss,\r\n loading: ToastState.loading,\r\n },\r\n { getHistory },\r\n);\r\n","\n export default function styleInject(css, { insertAt } = {}) {\n if (!css || typeof document === 'undefined') return\n \n const head = document.head || document.getElementsByTagName('head')[0]\n const style = document.createElement('style')\n style.type = 'text/css'\n \n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n \n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n }\n ","import styleInject from '#style-inject';styleInject(\":where(html[dir=\\\"ltr\\\"]),:where([data-sonner-toaster][dir=\\\"ltr\\\"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir=\\\"rtl\\\"]),:where([data-sonner-toaster][dir=\\\"rtl\\\"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted=\\\"true\\\"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted=\\\"true\\\"]){transform:none}}:where([data-sonner-toaster][data-x-position=\\\"right\\\"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position=\\\"left\\\"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position=\\\"center\\\"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position=\\\"top\\\"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position=\\\"bottom\\\"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled=\\\"true\\\"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position=\\\"top\\\"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position=\\\"bottom\\\"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise=\\\"true\\\"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme=\\\"dark\\\"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled=\\\"true\\\"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping=\\\"true\\\"]):before{content:\\\"\\\";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position=\\\"top\\\"][data-swiping=\\\"true\\\"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position=\\\"bottom\\\"][data-swiping=\\\"true\\\"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping=\\\"false\\\"][data-removed=\\\"true\\\"]):before{content:\\\"\\\";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:\\\"\\\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted=\\\"true\\\"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded=\\\"false\\\"][data-front=\\\"false\\\"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded=\\\"false\\\"][data-front=\\\"false\\\"][data-styled=\\\"true\\\"])>*{opacity:0}:where([data-sonner-toast][data-visible=\\\"false\\\"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted=\\\"true\\\"][data-expanded=\\\"true\\\"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed=\\\"true\\\"][data-front=\\\"true\\\"][data-swipe-out=\\\"false\\\"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=\\\"true\\\"][data-front=\\\"false\\\"][data-swipe-out=\\\"false\\\"][data-expanded=\\\"true\\\"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=\\\"true\\\"][data-front=\\\"false\\\"][data-swipe-out=\\\"false\\\"][data-expanded=\\\"false\\\"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed=\\\"true\\\"][data-front=\\\"false\\\"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\\n\")","import React from 'react';\r\n\r\nexport type ToastTypes = 'normal' | 'action' | 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';\r\n\r\nexport type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);\r\n\r\nexport type PromiseTResult<Data = any> =\r\n | string\r\n | React.ReactNode\r\n | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);\r\n\r\nexport type PromiseExternalToast = Omit<ExternalToast, 'description'>;\r\n\r\nexport type PromiseData<ToastData = any> = PromiseExternalToast & {\r\n loading?: string | React.ReactNode;\r\n success?: PromiseTResult<ToastData>;\r\n error?: PromiseTResult;\r\n description?: PromiseTResult;\r\n finally?: () => void | Promise<void>;\r\n};\r\n\r\nexport interface ToastClassnames {\r\n toast?: string;\r\n title?: string;\r\n description?: string;\r\n loader?: string;\r\n closeButton?: string;\r\n cancelButton?: string;\r\n actionButton?: string;\r\n success?: string;\r\n error?: string;\r\n info?: string;\r\n warning?: string;\r\n loading?: string;\r\n default?: string;\r\n content?: string;\r\n icon?: string;\r\n}\r\n\r\nexport interface ToastIcons {\r\n success?: React.ReactNode;\r\n info?: React.ReactNode;\r\n warning?: React.ReactNode;\r\n error?: React.ReactNode;\r\n loading?: React.ReactNode;\r\n close?: React.ReactNode;\r\n}\r\n\r\nexport interface Action {\r\n label: React.ReactNode;\r\n onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\r\n actionButtonStyle?: React.CSSProperties;\r\n}\r\n\r\nexport interface ToastT {\r\n id: number | string;\r\n title?: (() => React.ReactNode) | React.ReactNode;\r\n type?: ToastTypes;\r\n icon?: React.ReactNode;\r\n jsx?: React.ReactNode;\r\n richColors?: boolean;\r\n invert?: boolean;\r\n closeButton?: boolean;\r\n dismissible?: boolean;\r\n description?: (() => React.ReactNode) | React.ReactNode;\r\n duration?: number;\r\n delete?: boolean;\r\n action?: Action | React.ReactNode;\r\n cancel?: Action | React.ReactNode;\r\n onDismiss?: (toast: ToastT) => void;\r\n onAutoClose?: (toast: ToastT) => void;\r\n promise?: PromiseT;\r\n cancelButtonStyle?: React.CSSProperties;\r\n actionButtonStyle?: React.CSSProperties;\r\n style?: React.CSSProperties;\r\n unstyled?: boolean;\r\n className?: string;\r\n classNames?: ToastClassnames;\r\n descriptionClassName?: string;\r\n position?: Position;\r\n}\r\n\r\nexport function isAction(action: Action | React.ReactNode): action is Action {\r\n return (action as Action).label !== undefined;\r\n}\r\n\r\nexport type Position = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';\r\nexport interface HeightT {\r\n height: number;\r\n toastId: number | string;\r\n position: Position;\r\n}\r\n\r\ninterface ToastOptions {\r\n className?: string;\r\n closeButton?: boolean;\r\n descriptionClassName?: string;\r\n style?: React.CSSProperties;\r\n cancelButtonStyle?: React.CSSProperties;\r\n actionButtonStyle?: React.CSSProperties;\r\n duration?: number;\r\n unstyled?: boolean;\r\n classNames?: ToastClassnames;\r\n}\r\n\r\ntype CnFunction = (...classes: Array<string | undefined>) => string;\r\n\r\nexport interface ToasterProps {\r\n invert?: boolean;\r\n theme?: 'light' | 'dark' | 'system';\r\n position?: Position;\r\n hotkey?: string[];\r\n richColors?: boolean;\r\n expand?: boolean;\r\n duration?: number;\r\n gap?: number;\r\n visibleToasts?: number;\r\n closeButton?: boolean;\r\n toastOptions?: ToastOptions;\r\n className?: string;\r\n style?: React.CSSProperties;\r\n offset?: string | number;\r\n dir?: 'rtl' | 'ltr' | 'auto';\r\n /**\r\n * @deprecated Please use the `icons` prop instead:\r\n * ```jsx\r\n * <Toaster\r\n * icons={{ loading: <LoadingIcon /> }}\r\n * />\r\n * ```\r\n */\r\n loadingIcon?: React.ReactNode;\r\n icons?: ToastIcons;\r\n containerAriaLabel?: string;\r\n pauseWhenPageIsHidden?: boolean;\r\n cn?: CnFunction;\r\n}\r\n\r\nexport interface ToastProps {\r\n toast: ToastT;\r\n toasts: ToastT[];\r\n index: number;\r\n expanded: boolean;\r\n invert: boolean;\r\n heights: HeightT[];\r\n setHeights: React.Dispatch<React.SetStateAction<HeightT[]>>;\r\n removeToast: (toast: ToastT) => void;\r\n gap?: number;\r\n position: Position;\r\n visibleToasts: number;\r\n expandByDefault: boolean;\r\n closeButton: boolean;\r\n interacting: boolean;\r\n style?: React.CSSProperties;\r\n cancelButtonStyle?: React.CSSProperties;\r\n actionButtonStyle?: React.CSSProperties;\r\n duration?: number;\r\n className?: string;\r\n unstyled?: boolean;\r\n descriptionClassName?: string;\r\n loadingIcon?: React.ReactNode;\r\n classNames?: ToastClassnames;\r\n icons?: ToastIcons;\r\n closeButtonAriaLabel?: string;\r\n pauseWhenPageIsHidden: boolean;\r\n cn: CnFunction;\r\n defaultRichColors?: boolean;\r\n}\r\n\r\nexport enum SwipeStateTypes {\r\n SwipedOut = 'SwipedOut',\r\n SwipedBack = 'SwipedBack',\r\n NotSwiped = 'NotSwiped',\r\n}\r\n\r\nexport type Theme = 'light' | 'dark';\r\n\r\nexport interface ToastToDismiss {\r\n id: number | string;\r\n dismiss: boolean;\r\n}\r\n\r\nexport type ExternalToast = Omit<ToastT, 'id' | 'type' | 'title' | 'jsx' | 'delete' | 'promise'> & {\r\n id?: number | string;\r\n};\r\n"],"mappings":"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","names":["src_exports","__export","Toaster","toast","useSonner","__toCommonJS","import_react","import_react_dom","import_react","getAsset","type","SuccessIcon","InfoIcon","WarningIcon","ErrorIcon","bars","Loader","visible","className","React","_","i","CloseIcon","import_react","useIsDocumentHidden","isDocumentHidden","setIsDocumentHidden","React","callback","import_react","toastsCounter","Observer","subscriber","index","data","_a","message","rest","id","alreadyExists","toast","dismissible","promise","p","shouldDismiss","result","originalPromise","response","React","isHttpResponse","description","error","unwrap","resolve","reject","jsx","ToastState","toastFunction","basicToast","getHistory","styleInject","css","insertAt","head","style","styleInject","isAction","action","VISIBLE_TOASTS_AMOUNT","VIEWPORT_OFFSET","TOAST_LIFETIME","TOAST_WIDTH","GAP","SWIPE_THRESHOLD","TIME_BEFORE_UNMOUNT","_cn","classes","Toast","props","_a","_b","_c","_d","_e","_f","_g","_h","_i","_j","_k","ToasterInvert","toast","unstyled","interacting","setHeights","visibleToasts","heights","index","toasts","expanded","removeToast","defaultRichColors","closeButtonFromToaster","style","cancelButtonStyle","actionButtonStyle","className","descriptionClassName","durationFromToaster","position","gap","loadingIconProp","expandByDefault","classNames","icons","closeButtonAriaLabel","pauseWhenPageIsHidden","cn","mounted","setMounted","React","removed","setRemoved","swiping","setSwiping","swipeOut","setSwipeOut","isSwiped","setIsSwiped","offsetBeforeRemove","setOffsetBeforeRemove","initialHeight","setInitialHeight","remainingTime","dragStartTime","toastRef","isFront","isVisible","toastType","dismissible","toastClassname","toastDescriptionClassname","heightIndex","height","closeButton","duration","closeTimerStartTimeRef","offset","lastCloseTimerStartTimeRef","pointerStartRef","y","x","toastsHeightBefore","prev","curr","reducerIndex","isDocumentHidden","useIsDocumentHidden","invert","disabled","toastNode","h","originalHeight","newHeight","deleteToast","timeoutId","elapsedTime","getLoadingIcon","Loader","event","swipeAmount","timeTaken","velocity","yPosition","isHighlighted","CloseIcon","getAsset","isAction","getDocumentDirection","dirAttribute","useSonner","activeToasts","setActiveToasts","ToastState","currentToasts","t","existingToastIndex","updatedToasts","Toaster","ref","hotkey","expand","theme","richColors","toastOptions","dir","loadingIcon","containerAriaLabel","setToasts","possiblePositions","setExpanded","setInteracting","actualTheme","setActualTheme","listRef","hotkeyLabel","lastFocusedElementRef","isFocusWithinRef","toastToRemove","id","ReactDOM","indexOfExistingToast","darkMediaQuery","matches","error","e","handleKeyDown","key"]}
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client";import e,{forwardRef as ee}from"react";import oe from"react-dom";import S from"react";var kt=r=>{switch(r){case"success":return Vt;case"info":return Kt;case"warning":return Ot;case"error":return Jt;default:return null}},Ut=Array(12).fill(0),Dt=({visible:r,className:o})=>S.createElement("div",{className:["sonner-loading-wrapper",o].filter(Boolean).join(" "),"data-visible":r},S.createElement("div",{className:"sonner-spinner"},Ut.map((t,s)=>S.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${s}`})))),Vt=S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},S.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),Ot=S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},S.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),Kt=S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},S.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),Jt=S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},S.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),Ht=S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},S.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),S.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}));import Mt from"react";var At=()=>{let[r,o]=Mt.useState(document.hidden);return Mt.useEffect(()=>{let t=()=>{o(document.hidden)};return document.addEventListener("visibilitychange",t),()=>window.removeEventListener("visibilitychange",t)},[]),r};import Xt from"react";var ft=1,mt=class{constructor(){this.subscribe=o=>(this.subscribers.push(o),()=>{let t=this.subscribers.indexOf(o);this.subscribers.splice(t,1)});this.publish=o=>{this.subscribers.forEach(t=>t(o))};this.addToast=o=>{this.publish(o),this.toasts=[...this.toasts,o]};this.create=o=>{var P;let{message:t,...s}=o,g=typeof(o==null?void 0:o.id)=="number"||((P=o.id)==null?void 0:P.length)>0?o.id:ft++,l=this.toasts.find(h=>h.id===g),E=o.dismissible===void 0?!0:o.dismissible;return l?this.toasts=this.toasts.map(h=>h.id===g?(this.publish({...h,...o,id:g,title:t}),{...h,...o,id:g,dismissible:E,title:t}):h):this.addToast({title:t,...s,dismissible:E,id:g}),g};this.dismiss=o=>(o||this.toasts.forEach(t=>{this.subscribers.forEach(s=>s({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:o,dismiss:!0})),o);this.message=(o,t)=>this.create({...t,message:o});this.error=(o,t)=>this.create({...t,message:o,type:"error"});this.success=(o,t)=>this.create({...t,type:"success",message:o});this.info=(o,t)=>this.create({...t,type:"info",message:o});this.warning=(o,t)=>this.create({...t,type:"warning",message:o});this.loading=(o,t)=>this.create({...t,type:"loading",message:o});this.promise=(o,t)=>{if(!t)return;let s;t.loading!==void 0&&(s=this.create({...t,promise:o,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let g=o instanceof Promise?o:o(),l=s!==void 0,E,P=g.then(async c=>{if(E=["resolve",c],Xt.isValidElement(c))l=!1,this.create({id:s,type:"default",message:c});else if(Qt(c)&&!c.ok){l=!1;let k=typeof t.error=="function"?await t.error(`HTTP error! status: ${c.status}`):t.error,j=typeof t.description=="function"?await t.description(`HTTP error! status: ${c.status}`):t.description;this.create({id:s,type:"error",message:k,description:j})}else if(t.success!==void 0){l=!1;let k=typeof t.success=="function"?await t.success(c):t.success,j=typeof t.description=="function"?await t.description(c):t.description;this.create({id:s,type:"success",message:k,description:j})}}).catch(async c=>{if(E=["reject",c],t.error!==void 0){l=!1;let y=typeof t.error=="function"?await t.error(c):t.error,k=typeof t.description=="function"?await t.description(c):t.description;this.create({id:s,type:"error",message:y,description:k})}}).finally(()=>{var c;l&&(this.dismiss(s),s=void 0),(c=t.finally)==null||c.call(t)}),h=()=>new Promise((c,y)=>P.then(()=>E[0]==="reject"?y(E[1]):c(E[1])).catch(y));return typeof s!="string"&&typeof s!="number"?{unwrap:h}:Object.assign(s,{unwrap:h})};this.custom=(o,t)=>{let s=(t==null?void 0:t.id)||ft++;return this.create({jsx:o(s),id:s,...t}),s};this.subscribers=[],this.toasts=[]}},T=new mt,Gt=(r,o)=>{let t=(o==null?void 0:o.id)||ft++;return T.addToast({title:r,...o,id:t}),t},Qt=r=>r&&typeof r=="object"&&"ok"in r&&typeof r.ok=="boolean"&&"status"in r&&typeof r.status=="number",qt=Gt,Zt=()=>T.toasts,te=Object.assign(qt,{success:T.success,info:T.info,warning:T.warning,error:T.error,custom:T.custom,message:T.message,promise:T.promise,dismiss:T.dismiss,loading:T.loading},{getHistory:Zt});function pt(r,{insertAt:o}={}){if(!r||typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",o==="top"&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=r:s.appendChild(document.createTextNode(r))}pt(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
2
|
+
`);function V(r){return r.label!==void 0}var ae=3,ne="32px",Lt=4e3,se=356,re=14,ie=20,le=200;function de(...r){return r.filter(Boolean).join(" ")}var ce=r=>{var xt,vt,wt,Tt,Rt,St,Et,Nt,Pt,Ct,Bt;let{invert:o,toast:t,unstyled:s,interacting:g,setHeights:l,visibleToasts:E,heights:P,index:h,toasts:c,expanded:y,removeToast:k,defaultRichColors:j,closeButton:O,style:st,cancelButtonStyle:i,actionButtonStyle:K,className:J="",descriptionClassName:rt="",duration:_,position:it,gap:lt,loadingIcon:X,expandByDefault:C,classNames:a,icons:N,closeButtonAriaLabel:G="Close toast",pauseWhenPageIsHidden:Q,cn:R}=r,[B,q]=e.useState(!1),[U,dt]=e.useState(!1),[M,A]=e.useState(!1),[Z,L]=e.useState(!1),[Y,tt]=e.useState(!1),[d,u]=e.useState(0),[b,w]=e.useState(0),D=e.useRef(t.duration||_||Lt),f=e.useRef(null),H=e.useRef(null),et=h===0,ot=h+1<=E,x=t.type,F=t.dismissible!==!1,jt=t.className||"",Yt=t.descriptionClassName||"",at=e.useMemo(()=>P.findIndex(n=>n.toastId===t.id)||0,[P,t.id]),Ft=e.useMemo(()=>{var n;return(n=t.closeButton)!=null?n:O},[t.closeButton,O]),ue=e.useMemo(()=>t.duration||_||Lt,[t.duration,_]),ct=e.useRef(0),$=e.useRef(0),gt=e.useRef(0),nt=e.useRef(null),[ht,$t]=it.split("-"),bt=e.useMemo(()=>P.reduce((n,m,p)=>p>=at?n:n+m.height,0),[P,at]),yt=At(),Wt=t.invert||o,ut=x==="loading";$.current=e.useMemo(()=>at*lt+bt,[at,bt]),e.useEffect(()=>{q(!0)},[]),e.useEffect(()=>{let n=H.current;if(n){let m=n.getBoundingClientRect().height;return w(m),l(p=>[{toastId:t.id,height:m,position:t.position},...p]),()=>l(p=>p.filter(v=>v.toastId!==t.id))}},[l,t.id]),e.useLayoutEffect(()=>{if(!B)return;let n=H.current,m=n.style.height;n.style.height="auto";let p=n.getBoundingClientRect().height;n.style.height=m,w(p),l(v=>v.find(I=>I.toastId===t.id)?v.map(I=>I.toastId===t.id?{...I,height:p}:I):[{toastId:t.id,height:p,position:t.position},...v])},[B,t.title,t.description,l,t.id]);let z=e.useCallback(()=>{dt(!0),u($.current),l(n=>n.filter(m=>m.toastId!==t.id)),setTimeout(()=>{k(t)},le)},[t,k,l,$]);e.useEffect(()=>{if(t.promise&&x==="loading"||t.duration===1/0||t.type==="loading")return;let n;return y||g||Q&&yt?(()=>{if(gt.current<ct.current){let v=new Date().getTime()-ct.current;D.current=D.current-v}gt.current=new Date().getTime()})():(()=>{D.current!==1/0&&(ct.current=new Date().getTime(),n=setTimeout(()=>{var v;(v=t.onAutoClose)==null||v.call(t,t),z()},D.current))})(),()=>clearTimeout(n)},[y,g,t,x,Q,yt,z]),e.useEffect(()=>{t.delete&&z()},[z,t.delete]);function _t(){var n,m,p;return N!=null&&N.loading?e.createElement("div",{className:R(a==null?void 0:a.loader,(n=t==null?void 0:t.classNames)==null?void 0:n.loader,"sonner-loader"),"data-visible":x==="loading"},N.loading):X?e.createElement("div",{className:R(a==null?void 0:a.loader,(m=t==null?void 0:t.classNames)==null?void 0:m.loader,"sonner-loader"),"data-visible":x==="loading"},X):e.createElement(Dt,{className:R(a==null?void 0:a.loader,(p=t==null?void 0:t.classNames)==null?void 0:p.loader),visible:x==="loading"})}return e.createElement("li",{tabIndex:0,ref:H,className:R(J,jt,a==null?void 0:a.toast,(xt=t==null?void 0:t.classNames)==null?void 0:xt.toast,a==null?void 0:a.default,a==null?void 0:a[x],(vt=t==null?void 0:t.classNames)==null?void 0:vt[x]),"data-sonner-toast":"","data-rich-colors":(wt=t.richColors)!=null?wt:j,"data-styled":!(t.jsx||t.unstyled||s),"data-mounted":B,"data-promise":!!t.promise,"data-swiped":Y,"data-removed":U,"data-visible":ot,"data-y-position":ht,"data-x-position":$t,"data-index":h,"data-front":et,"data-swiping":M,"data-dismissible":F,"data-type":x,"data-invert":Wt,"data-swipe-out":Z,"data-expanded":!!(y||C&&B),style:{"--index":h,"--toasts-before":h,"--z-index":c.length-h,"--offset":`${U?d:$.current}px`,"--initial-height":C?"auto":`${b}px`,...st,...t.style},onPointerDown:n=>{ut||!F||(f.current=new Date,u($.current),n.target.setPointerCapture(n.pointerId),n.target.tagName!=="BUTTON"&&(A(!0),nt.current={x:n.clientX,y:n.clientY}))},onPointerUp:()=>{var v,W,I,It;if(Z||!F)return;nt.current=null;let n=Number(((v=H.current)==null?void 0:v.style.getPropertyValue("--swipe-amount").replace("px",""))||0),m=new Date().getTime()-((W=f.current)==null?void 0:W.getTime()),p=Math.abs(n)/m;if(Math.abs(n)>=ie||p>.11){u($.current),(I=t.onDismiss)==null||I.call(t,t),z(),L(!0),tt(!1);return}(It=H.current)==null||It.style.setProperty("--swipe-amount","0px"),A(!1)},onPointerMove:n=>{var W,I;if(!nt.current||!F)return;let m=n.clientY-nt.current.y,p=((W=window.getSelection())==null?void 0:W.toString().length)>0,v=ht==="top"?Math.min(0,m):Math.max(0,m);Math.abs(v)>0&&tt(!0),!p&&((I=H.current)==null||I.style.setProperty("--swipe-amount",`${v}px`))}},Ft&&!t.jsx?e.createElement("button",{"aria-label":G,"data-disabled":ut,"data-close-button":!0,onClick:ut||!F?()=>{}:()=>{var n;z(),(n=t.onDismiss)==null||n.call(t,t)},className:R(a==null?void 0:a.closeButton,(Tt=t==null?void 0:t.classNames)==null?void 0:Tt.closeButton)},(Rt=N==null?void 0:N.close)!=null?Rt:Ht):null,t.jsx||e.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:e.createElement(e.Fragment,null,x||t.icon||t.promise?e.createElement("div",{"data-icon":"",className:R(a==null?void 0:a.icon,(St=t==null?void 0:t.classNames)==null?void 0:St.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||_t():null,t.type!=="loading"?t.icon||(N==null?void 0:N[x])||kt(x):null):null,e.createElement("div",{"data-content":"",className:R(a==null?void 0:a.content,(Et=t==null?void 0:t.classNames)==null?void 0:Et.content)},e.createElement("div",{"data-title":"",className:R(a==null?void 0:a.title,(Nt=t==null?void 0:t.classNames)==null?void 0:Nt.title)},typeof t.title=="function"?t.title():t.title),t.description?e.createElement("div",{"data-description":"",className:R(rt,Yt,a==null?void 0:a.description,(Pt=t==null?void 0:t.classNames)==null?void 0:Pt.description)},typeof t.description=="function"?t.description():t.description):null),e.isValidElement(t.cancel)?t.cancel:t.cancel&&V(t.cancel)?e.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||i,onClick:n=>{var m,p;V(t.cancel)&&F&&((p=(m=t.cancel).onClick)==null||p.call(m,n),z())},className:R(a==null?void 0:a.cancelButton,(Ct=t==null?void 0:t.classNames)==null?void 0:Ct.cancelButton)},t.cancel.label):null,e.isValidElement(t.action)?t.action:t.action&&V(t.action)?e.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||K,onClick:n=>{var m,p;V(t.action)&&((p=(m=t.action).onClick)==null||p.call(m,n),!n.defaultPrevented&&z())},className:R(a==null?void 0:a.actionButton,(Bt=t==null?void 0:t.classNames)==null?void 0:Bt.actionButton)},t.action.label):null))};function zt(){if(typeof window=="undefined"||typeof document=="undefined")return"ltr";let r=document.documentElement.getAttribute("dir");return r==="auto"||!r?window.getComputedStyle(document.documentElement).direction:r}function Ce(){let[r,o]=e.useState([]);return e.useEffect(()=>T.subscribe(t=>{o(s=>{if("dismiss"in t&&t.dismiss)return s.filter(l=>l.id!==t.id);let g=s.findIndex(l=>l.id===t.id);if(g!==-1){let l=[...s];return l[g]={...l[g],...t},l}else return[t,...s]})}),[]),{toasts:r}}var Be=ee(function(o,t){let{invert:s,position:g="bottom-right",hotkey:l=["altKey","KeyT"],expand:E,closeButton:P,className:h,offset:c,theme:y="light",richColors:k,duration:j,style:O,visibleToasts:st=ae,toastOptions:i,dir:K=zt(),gap:J=re,loadingIcon:rt,icons:_,containerAriaLabel:it="Notifications",pauseWhenPageIsHidden:lt,cn:X=de}=o,[C,a]=e.useState([]),N=e.useMemo(()=>Array.from(new Set([g].concat(C.filter(d=>d.position).map(d=>d.position)))),[C,g]),[G,Q]=e.useState([]),[R,B]=e.useState(!1),[q,U]=e.useState(!1),[dt,M]=e.useState(y!=="system"?y:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),A=e.useRef(null),Z=l.join("+").replace(/Key/g,"").replace(/Digit/g,""),L=e.useRef(null),Y=e.useRef(!1),tt=e.useCallback(d=>{a(u=>{var b;return(b=u.find(w=>w.id===d.id))!=null&&b.delete||T.dismiss(d.id),u.filter(({id:w})=>w!==d.id)})},[]);return e.useEffect(()=>T.subscribe(d=>{if(d.dismiss){a(u=>u.map(b=>b.id===d.id?{...b,delete:!0}:b));return}setTimeout(()=>{oe.flushSync(()=>{a(u=>{let b=u.findIndex(w=>w.id===d.id);return b!==-1?[...u.slice(0,b),{...u[b],...d},...u.slice(b+1)]:[d,...u]})})})}),[]),e.useEffect(()=>{if(y!=="system"){M(y);return}if(y==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?M("dark"):M("light")),typeof window=="undefined")return;let d=window.matchMedia("(prefers-color-scheme: dark)");try{d.addEventListener("change",({matches:u})=>{M(u?"dark":"light")})}catch(u){d.addListener(({matches:b})=>{try{M(b?"dark":"light")}catch(w){console.error(w)}})}},[y]),e.useEffect(()=>{C.length<=1&&B(!1)},[C]),e.useEffect(()=>{let d=u=>{var w,D;l.every(f=>u[f]||u.code===f)&&(B(!0),(w=A.current)==null||w.focus()),u.code==="Escape"&&(document.activeElement===A.current||(D=A.current)!=null&&D.contains(document.activeElement))&&B(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[l]),e.useEffect(()=>{if(A.current)return()=>{L.current&&(L.current.focus({preventScroll:!0}),L.current=null,Y.current=!1)}},[A.current]),e.createElement("section",{"aria-label":`${it} ${Z}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false"},N.map((d,u)=>{var D;let[b,w]=d.split("-");return C.length?e.createElement("ol",{key:d,dir:K==="auto"?zt():K,tabIndex:-1,ref:A,className:h,"data-sonner-toaster":!0,"data-theme":dt,"data-y-position":b,"data-lifted":R&&C.length>1&&!E,"data-x-position":w,style:{"--front-toast-height":`${((D=G[0])==null?void 0:D.height)||0}px`,"--offset":typeof c=="number"?`${c}px`:c||ne,"--width":`${se}px`,"--gap":`${J}px`,...O},onBlur:f=>{Y.current&&!f.currentTarget.contains(f.relatedTarget)&&(Y.current=!1,L.current&&(L.current.focus({preventScroll:!0}),L.current=null))},onFocus:f=>{f.target instanceof HTMLElement&&f.target.dataset.dismissible==="false"||Y.current||(Y.current=!0,L.current=f.relatedTarget)},onMouseEnter:()=>B(!0),onMouseMove:()=>B(!0),onMouseLeave:()=>{q||B(!1)},onPointerDown:f=>{f.target instanceof HTMLElement&&f.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},C.filter(f=>!f.position&&u===0||f.position===d).map((f,H)=>{var et,ot;return e.createElement(ce,{key:f.id,icons:_,index:H,toast:f,defaultRichColors:k,duration:(et=i==null?void 0:i.duration)!=null?et:j,className:i==null?void 0:i.className,descriptionClassName:i==null?void 0:i.descriptionClassName,invert:s,visibleToasts:st,closeButton:(ot=i==null?void 0:i.closeButton)!=null?ot:P,interacting:q,position:d,style:i==null?void 0:i.style,unstyled:i==null?void 0:i.unstyled,classNames:i==null?void 0:i.classNames,cancelButtonStyle:i==null?void 0:i.cancelButtonStyle,actionButtonStyle:i==null?void 0:i.actionButtonStyle,removeToast:tt,toasts:C.filter(x=>x.position==f.position),heights:G.filter(x=>x.position==f.position),setHeights:Q,expandByDefault:E,gap:J,loadingIcon:rt,expanded:R,pauseWhenPageIsHidden:lt,cn:X})})):null}))});export{Be as Toaster,te as toast,Ce as useSonner};
|
|
3
|
+
//# sourceMappingURL=index.mjs.map
|