sonner 1.2.1 → 1.2.3
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/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";var Dt=Object.create;var J=Object.defineProperty;var Ht=Object.getOwnPropertyDescriptor;var zt=Object.getOwnPropertyNames;var Lt=Object.getPrototypeOf,At=Object.prototype.hasOwnProperty;var Yt=(s,e)=>{for(var t in e)J(s,t,{get:e[t],enumerable:!0})},Tt=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of zt(e))!At.call(s,i)&&i!==t&&J(s,i,{get:()=>e[i],enumerable:!(r=Ht(e,i))||r.enumerable});return s};var nt=(s,e,t)=>(t=s!=null?Dt(Lt(s)):{},Tt(e||!s||!s.__esModule?J(t,"default",{value:s,enumerable:!0}):t,s)),jt=s=>Tt(J({},"__esModule",{value:!0}),s);var ee={};Yt(ee,{Toaster:()=>te,toast:()=>St});module.exports=jt(ee);var a=nt(require("react")),Nt=nt(require("react-dom"));function it(s,{insertAt:e}={}){if(!s||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=s:r.appendChild(document.createTextNode(s))}it(`html[dir=ltr],[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%)}html[dir=rtl],[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%)}[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}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[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);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[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}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [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)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [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}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [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;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;opacity:0;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]{opacity:1}[data-sonner-toast]:focus [data-close-button]{opacity:1}[data-sonner-toast]:focus-within [data-close-button]{opacity:1}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:0;right:0;height:100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[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)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[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}[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}[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-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] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[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}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
2
|
-
`);var x=nt(require("react")),wt=s=>{switch(s){case"success":return $t;case"info":return _t;case"warning":return Ut;case"error":return Vt;default:return null}},Ft=Array(12).fill(0),Et=({visible:s})=>x.default.createElement("div",{className:"sonner-loading-wrapper","data-visible":s},x.default.createElement("div",{className:"sonner-spinner"},Ft.map((e,t)=>x.default.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${t}`})))),$t=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},x.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"})),Ut=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},x.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"})),_t=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},x.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"})),Vt=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},x.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"}));var lt=1,dt=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 m;let{message:t,...r}=e,i=typeof(e==null?void 0:e.id)=="number"||((m=e.id)==null?void 0:m.length)>0?e.id:lt++,S=this.toasts.find(h=>h.id===i),c=e.dismissible===void 0?!0:e.dismissible;return S?this.toasts=this.toasts.map(h=>h.id===i?(this.publish({...h,...e,id:i,title:t}),{...h,...e,id:i,dismissible:c,title:t}):h):this.addToast({title:t,...r,dismissible:c,id:i}),i};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}));let i=e instanceof Promise?e:e(),S=r!==void 0;return i.then(c=>{if(c&&typeof c.ok=="boolean"&&!c.ok){S=!1;let m=typeof t.error=="function"?t.error(`HTTP error! status: ${c.status}`):t.error;this.create({id:r,type:"error",message:m})}else if(t.success!==void 0){S=!1;let m=typeof t.success=="function"?t.success(c):t.success;this.create({id:r,type:"success",message:m})}}).catch(c=>{if(t.error!==void 0){S=!1;let m=typeof t.error=="function"?t.error(c):t.error;this.create({id:r,type:"error",message:m})}}).finally(()=>{var c;S&&(this.dismiss(r),r=void 0),(c=t.finally)==null||c.call(t)}),r};this.custom=(e,t)=>{let r=(t==null?void 0:t.id)||lt++;return this.create({jsx:e(r),id:r,...t}),r};this.subscribers=[],this.toasts=[]}},T=new dt,Wt=(s,e)=>{let t=(e==null?void 0:e.id)||lt++;return T.addToast({title:s,...e,id:t}),t},Kt=Wt,St=Object.assign(Kt,{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});var Ot=3,Xt="32px",Jt=4e3,Gt=356,Bt=14,qt=20,Qt=200;function z(...s){return s.filter(Boolean).join(" ")}var Zt=s=>{var mt,pt,gt,ht,bt,yt,vt;let{invert:e,toast:t,interacting:r,setHeights:i,visibleToasts:S,heights:c,index:m,toasts:h,expanded:Y,removeToast:V,closeButton:G,style:q,cancelButtonStyle:l,actionButtonStyle:W,className:Q="",descriptionClassName:Z="",duration:k,position:j,gap:tt=Bt,loadingIcon:F,expandByDefault:$,classNames:n}=s,[w,K]=a.default.useState(!1),[U,et]=a.default.useState(!1),[R,I]=a.default.useState(!1),[O,C]=a.default.useState(!1),[D,_]=a.default.useState(0),[d,p]=a.default.useState(0),g=a.default.useRef(null),v=a.default.useRef(null),H=m===0,u=m+1<=S,b=t.type,M=t.dismissible!==!1,It=t.className||"",Ct=t.descriptionClassName||"",X=a.default.useMemo(()=>c.findIndex(o=>o.toastId===t.id)||0,[c,t.id]),at=a.default.useMemo(()=>t.duration||k||Jt,[t.duration,k]),ot=a.default.useRef(0),L=a.default.useRef(0),ae=a.default.useRef(at),ct=a.default.useRef(0),A=a.default.useRef(null),[ut,Mt]=j.split("-"),ft=a.default.useMemo(()=>c.reduce((o,f,y)=>y>=X?o:o+f.height,0),[c,X]),Pt=t.invert||e,st=b==="loading";L.current=a.default.useMemo(()=>X*tt+ft,[X,ft]),console.log(n),a.default.useEffect(()=>{K(!0)},[]),a.default.useLayoutEffect(()=>{if(!w)return;let o=v.current,f=o.style.height;o.style.height="auto";let y=o.getBoundingClientRect().height;o.style.height=f,p(y),i(N=>N.find(E=>E.toastId===t.id)?N.map(E=>E.toastId===t.id?{...E,height:y}:E):[{toastId:t.id,height:y},...N])},[w,t.title,t.description,i,t.id]);let P=a.default.useCallback(()=>{et(!0),_(L.current),i(o=>o.filter(f=>f.toastId!==t.id)),setTimeout(()=>{V(t)},Qt)},[t,V,i,L]);a.default.useEffect(()=>{if(t.promise&&b==="loading"||t.duration===1/0)return;let o,f=at;return Y||r?(()=>{if(ct.current<ot.current){let B=new Date().getTime()-ot.current;f=f-B}ct.current=new Date().getTime()})():(()=>{ot.current=new Date().getTime(),o=setTimeout(()=>{var B;(B=t.onAutoClose)==null||B.call(t,t),P()},f)})(),()=>clearTimeout(o)},[Y,r,$,t,at,P,t.promise,b]),a.default.useEffect(()=>{let o=v.current;if(o){let f=o.getBoundingClientRect().height;return p(f),i(y=>[{toastId:t.id,height:f},...y]),()=>i(y=>y.filter(N=>N.toastId!==t.id))}},[i,t.id]),a.default.useEffect(()=>{t.delete&&P()},[P,t.delete]);function Rt(){var o;return F?a.default.createElement("div",{className:z("loader",n==null?void 0:n.toast,(o=t==null?void 0:t.classNames)==null?void 0:o.toast),"data-visible":b==="loading"},F):a.default.createElement(Et,{visible:b==="loading"})}return a.default.createElement("li",{"aria-live":t.important?"assertive":"polite","aria-atomic":"true",role:"status",tabIndex:0,ref:v,className:z(Q,It,n==null?void 0:n.toast,(mt=t==null?void 0:t.classNames)==null?void 0:mt.toast,n==null?void 0:n[b],(pt=t==null?void 0:t.classNames)==null?void 0:pt[b]),"data-sonner-toast":"","data-styled":!(t.jsx||t.unstyled),"data-mounted":w,"data-promise":!!t.promise,"data-removed":U,"data-visible":u,"data-y-position":ut,"data-x-position":Mt,"data-index":m,"data-front":H,"data-swiping":R,"data-dismissible":M,"data-type":b,"data-invert":Pt,"data-swipe-out":O,"data-expanded":!!(Y||$&&w),style:{"--index":m,"--toasts-before":m,"--z-index":h.length-m,"--offset":`${U?D:L.current}px`,"--initial-height":$?"auto":`${d}px`,...q,...t.style},onPointerDown:o=>{st||!M||(g.current=new Date,_(L.current),o.target.setPointerCapture(o.pointerId),o.target.tagName!=="BUTTON"&&(I(!0),A.current={x:o.clientX,y:o.clientY}))},onPointerUp:()=>{var N,B,E,rt;if(O||!M)return;A.current=null;let o=Number(((N=v.current)==null?void 0:N.style.getPropertyValue("--swipe-amount").replace("px",""))||0),f=new Date().getTime()-((B=g.current)==null?void 0:B.getTime()),y=Math.abs(o)/f;if(Math.abs(o)>=qt||y>.11){_(L.current),(E=t.onDismiss)==null||E.call(t,t),P(),C(!0);return}(rt=v.current)==null||rt.style.setProperty("--swipe-amount","0px"),I(!1)},onPointerMove:o=>{var xt;if(!A.current||!M)return;let f=o.clientY-A.current.y,y=o.clientX-A.current.x,B=(ut==="top"?Math.min:Math.max)(0,f),E=o.pointerType==="touch"?10:2;Math.abs(B)>E?(xt=v.current)==null||xt.style.setProperty("--swipe-amount",`${f}px`):Math.abs(y)>E&&(A.current=null)}},G&&!t.jsx?a.default.createElement("button",{"aria-label":"Close toast","data-disabled":st,"data-close-button":!0,onClick:st||!M?()=>{}:()=>{var o;P(),(o=t.onDismiss)==null||o.call(t,t)},className:z(n==null?void 0:n.closeButton,(gt=t==null?void 0:t.classNames)==null?void 0:gt.closeButton)},a.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"},a.default.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),a.default.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))):null,t.jsx||a.default.isValidElement(t.title)?t.jsx||t.title:a.default.createElement(a.default.Fragment,null,b||t.icon||t.promise?a.default.createElement("div",{"data-icon":""},(t.promise||t.type==="loading")&&!t.icon?Rt():null,t.icon||wt(b)):null,a.default.createElement("div",{"data-content":""},a.default.createElement("div",{"data-title":"",className:z(n==null?void 0:n.title,(ht=t==null?void 0:t.classNames)==null?void 0:ht.title)},t.title),t.description?a.default.createElement("div",{"data-description":"",className:z(Z,Ct,n==null?void 0:n.description,(bt=t==null?void 0:t.classNames)==null?void 0:bt.description)},t.description):null),t.cancel?a.default.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||l,onClick:()=>{var o;M&&(P(),(o=t.cancel)!=null&&o.onClick&&t.cancel.onClick())},className:z(n==null?void 0:n.cancelButton,(yt=t==null?void 0:t.classNames)==null?void 0:yt.cancelButton)},t.cancel.label):null,t.action?a.default.createElement("button",{"data-button":"",style:t.actionButtonStyle||W,onClick:o=>{var f;(f=t.action)==null||f.onClick(o),!o.defaultPrevented&&P()},className:z(n==null?void 0:n.actionButton,(vt=t==null?void 0:t.classNames)==null?void 0:vt.actionButton)},t.action.label):null))};function kt(){if(typeof window=="undefined")return"ltr";let s=document.documentElement.getAttribute("dir");return s==="auto"||!s?window.getComputedStyle(document.documentElement).direction:s}var te=s=>{let{invert:e,position:t="bottom-right",hotkey:r=["altKey","KeyT"],expand:i,closeButton:S,className:c,offset:m,theme:h="light",richColors:Y,duration:V,style:G,visibleToasts:q=Ot,toastOptions:l,dir:W=kt(),gap:Q,loadingIcon:Z}=s,[k,j]=a.default.useState([]),tt=a.default.useMemo(()=>Array.from(new Set([t].concat(k.filter(d=>d.position).map(d=>d.position)))),[k,t]),[F,$]=a.default.useState([]),[n,w]=a.default.useState(!1),[K,U]=a.default.useState(!1),[et,R]=a.default.useState(h!=="system"?h:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),I=a.default.useRef(null),O=r.join("+").replace(/Key/g,"").replace(/Digit/g,""),C=a.default.useRef(null),D=a.default.useRef(!1),_=a.default.useCallback(d=>j(p=>p.filter(({id:g})=>g!==d.id)),[]);return a.default.useEffect(()=>T.subscribe(d=>{if(d.dismiss){j(p=>p.map(g=>g.id===d.id?{...g,delete:!0}:g));return}setTimeout(()=>{Nt.default.flushSync(()=>{j(p=>{let g=p.findIndex(v=>v.id===d.id);return g!==-1?[...p.slice(0,g),{...p[g],...d},...p.slice(g+1)]:[d,...p]})})})}),[]),a.default.useEffect(()=>{if(h!=="system"){R(h);return}h==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?R("dark"):R("light")),typeof window!="undefined"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:d})=>{R(d?"dark":"light")})},[h]),a.default.useEffect(()=>{k.length<=1&&w(!1)},[k]),a.default.useEffect(()=>{let d=p=>{var v,H;r.every(u=>p[u]||p.code===u)&&(w(!0),(v=I.current)==null||v.focus()),p.code==="Escape"&&(document.activeElement===I.current||(H=I.current)!=null&&H.contains(document.activeElement))&&w(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[r]),a.default.useEffect(()=>{if(I.current)return()=>{C.current&&(C.current.focus({preventScroll:!0}),C.current=null,D.current=!1)}},[I.current]),k.length?a.default.createElement("section",{"aria-label":`Notifications ${O}`,tabIndex:-1},tt.map((d,p)=>{var H;let[g,v]=d.split("-");return a.default.createElement("ol",{key:d,dir:W==="auto"?kt():W,tabIndex:-1,ref:I,className:c,"data-sonner-toaster":!0,"data-theme":et,"data-rich-colors":Y,"data-y-position":g,"data-x-position":v,style:{"--front-toast-height":`${(H=F[0])==null?void 0:H.height}px`,"--offset":typeof m=="number"?`${m}px`:m||Xt,"--width":`${Gt}px`,"--gap":`${Bt}px`,...G},onBlur:u=>{D.current&&!u.currentTarget.contains(u.relatedTarget)&&(D.current=!1,C.current&&(C.current.focus({preventScroll:!0}),C.current=null))},onFocus:u=>{u.target instanceof HTMLElement&&u.target.dataset.dismissible==="false"||D.current||(D.current=!0,C.current=u.relatedTarget)},onMouseEnter:()=>w(!0),onMouseMove:()=>w(!0),onMouseLeave:()=>{K||w(!1)},onPointerDown:u=>{u.target instanceof HTMLElement&&u.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},k.filter(u=>!u.position&&p===0||u.position===d).map((u,b)=>{var M;return a.default.createElement(Zt,{key:u.id,index:b,toast:u,duration:(M=l==null?void 0:l.duration)!=null?M:V,className:l==null?void 0:l.className,descriptionClassName:l==null?void 0:l.descriptionClassName,invert:e,visibleToasts:q,closeButton:S,interacting:K,position:d,style:l==null?void 0:l.style,classNames:l==null?void 0:l.classNames,cancelButtonStyle:l==null?void 0:l.cancelButtonStyle,actionButtonStyle:l==null?void 0:l.actionButtonStyle,removeToast:_,toasts:k,heights:F,setHeights:$,expandByDefault:i,gap:Q,loadingIcon:Z,expanded:n})}))})):null};0&&(module.exports={Toaster,toast});
|
|
2
|
+
`);var x=nt(require("react")),wt=s=>{switch(s){case"success":return $t;case"info":return _t;case"warning":return Ut;case"error":return Vt;default:return null}},Ft=Array(12).fill(0),Et=({visible:s})=>x.default.createElement("div",{className:"sonner-loading-wrapper","data-visible":s},x.default.createElement("div",{className:"sonner-spinner"},Ft.map((e,t)=>x.default.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${t}`})))),$t=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},x.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"})),Ut=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},x.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"})),_t=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},x.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"})),Vt=x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},x.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"}));var lt=1,dt=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 m;let{message:t,...r}=e,i=typeof(e==null?void 0:e.id)=="number"||((m=e.id)==null?void 0:m.length)>0?e.id:lt++,S=this.toasts.find(h=>h.id===i),c=e.dismissible===void 0?!0:e.dismissible;return S?this.toasts=this.toasts.map(h=>h.id===i?(this.publish({...h,...e,id:i,title:t}),{...h,...e,id:i,dismissible:c,title:t}):h):this.addToast({title:t,...r,dismissible:c,id:i}),i};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}));let i=e instanceof Promise?e:e(),S=r!==void 0;return i.then(c=>{if(c&&typeof c.ok=="boolean"&&!c.ok){S=!1;let m=typeof t.error=="function"?t.error(`HTTP error! status: ${c.status}`):t.error;this.create({id:r,type:"error",message:m})}else if(t.success!==void 0){S=!1;let m=typeof t.success=="function"?t.success(c):t.success;this.create({id:r,type:"success",message:m})}}).catch(c=>{if(t.error!==void 0){S=!1;let m=typeof t.error=="function"?t.error(c):t.error;this.create({id:r,type:"error",message:m})}}).finally(()=>{var c;S&&(this.dismiss(r),r=void 0),(c=t.finally)==null||c.call(t)}),r};this.custom=(e,t)=>{let r=(t==null?void 0:t.id)||lt++;return this.create({jsx:e(r),id:r,...t}),r};this.subscribers=[],this.toasts=[]}},T=new dt,Wt=(s,e)=>{let t=(e==null?void 0:e.id)||lt++;return T.addToast({title:s,...e,id:t}),t},Kt=Wt,St=Object.assign(Kt,{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});var Ot=3,Xt="32px",Jt=4e3,Gt=356,Bt=14,qt=20,Qt=200;function z(...s){return s.filter(Boolean).join(" ")}var Zt=s=>{var mt,pt,gt,ht,bt,yt,vt;let{invert:e,toast:t,interacting:r,setHeights:i,visibleToasts:S,heights:c,index:m,toasts:h,expanded:Y,removeToast:V,closeButton:G,style:q,cancelButtonStyle:l,actionButtonStyle:W,className:Q="",descriptionClassName:Z="",duration:k,position:j,gap:tt=Bt,loadingIcon:F,expandByDefault:$,classNames:n}=s,[w,K]=a.default.useState(!1),[U,et]=a.default.useState(!1),[R,I]=a.default.useState(!1),[O,C]=a.default.useState(!1),[D,_]=a.default.useState(0),[d,p]=a.default.useState(0),g=a.default.useRef(null),v=a.default.useRef(null),H=m===0,u=m+1<=S,b=t.type,M=t.dismissible!==!1,It=t.className||"",Ct=t.descriptionClassName||"",X=a.default.useMemo(()=>c.findIndex(o=>o.toastId===t.id)||0,[c,t.id]),at=a.default.useMemo(()=>t.duration||k||Jt,[t.duration,k]),ot=a.default.useRef(0),L=a.default.useRef(0),ae=a.default.useRef(at),ct=a.default.useRef(0),A=a.default.useRef(null),[ut,Mt]=j.split("-"),ft=a.default.useMemo(()=>c.reduce((o,f,y)=>y>=X?o:o+f.height,0),[c,X]),Pt=t.invert||e,st=b==="loading";L.current=a.default.useMemo(()=>X*tt+ft,[X,ft]),a.default.useEffect(()=>{K(!0)},[]),a.default.useLayoutEffect(()=>{if(!w)return;let o=v.current,f=o.style.height;o.style.height="auto";let y=o.getBoundingClientRect().height;o.style.height=f,p(y),i(N=>N.find(E=>E.toastId===t.id)?N.map(E=>E.toastId===t.id?{...E,height:y}:E):[{toastId:t.id,height:y},...N])},[w,t.title,t.description,i,t.id]);let P=a.default.useCallback(()=>{et(!0),_(L.current),i(o=>o.filter(f=>f.toastId!==t.id)),setTimeout(()=>{V(t)},Qt)},[t,V,i,L]);a.default.useEffect(()=>{if(t.promise&&b==="loading"||t.duration===1/0)return;let o,f=at;return Y||r?(()=>{if(ct.current<ot.current){let B=new Date().getTime()-ot.current;f=f-B}ct.current=new Date().getTime()})():(()=>{ot.current=new Date().getTime(),o=setTimeout(()=>{var B;(B=t.onAutoClose)==null||B.call(t,t),P()},f)})(),()=>clearTimeout(o)},[Y,r,$,t,at,P,t.promise,b]),a.default.useEffect(()=>{let o=v.current;if(o){let f=o.getBoundingClientRect().height;return p(f),i(y=>[{toastId:t.id,height:f},...y]),()=>i(y=>y.filter(N=>N.toastId!==t.id))}},[i,t.id]),a.default.useEffect(()=>{t.delete&&P()},[P,t.delete]);function Rt(){var o;return F?a.default.createElement("div",{className:z("loader",n==null?void 0:n.toast,(o=t==null?void 0:t.classNames)==null?void 0:o.toast),"data-visible":b==="loading"},F):a.default.createElement(Et,{visible:b==="loading"})}return a.default.createElement("li",{"aria-live":t.important?"assertive":"polite","aria-atomic":"true",role:"status",tabIndex:0,ref:v,className:z(Q,It,n==null?void 0:n.toast,(mt=t==null?void 0:t.classNames)==null?void 0:mt.toast,n==null?void 0:n[b],(pt=t==null?void 0:t.classNames)==null?void 0:pt[b]),"data-sonner-toast":"","data-styled":!(t.jsx||t.unstyled),"data-mounted":w,"data-promise":!!t.promise,"data-removed":U,"data-visible":u,"data-y-position":ut,"data-x-position":Mt,"data-index":m,"data-front":H,"data-swiping":R,"data-dismissible":M,"data-type":b,"data-invert":Pt,"data-swipe-out":O,"data-expanded":!!(Y||$&&w),style:{"--index":m,"--toasts-before":m,"--z-index":h.length-m,"--offset":`${U?D:L.current}px`,"--initial-height":$?"auto":`${d}px`,...q,...t.style},onPointerDown:o=>{st||!M||(g.current=new Date,_(L.current),o.target.setPointerCapture(o.pointerId),o.target.tagName!=="BUTTON"&&(I(!0),A.current={x:o.clientX,y:o.clientY}))},onPointerUp:()=>{var N,B,E,rt;if(O||!M)return;A.current=null;let o=Number(((N=v.current)==null?void 0:N.style.getPropertyValue("--swipe-amount").replace("px",""))||0),f=new Date().getTime()-((B=g.current)==null?void 0:B.getTime()),y=Math.abs(o)/f;if(Math.abs(o)>=qt||y>.11){_(L.current),(E=t.onDismiss)==null||E.call(t,t),P(),C(!0);return}(rt=v.current)==null||rt.style.setProperty("--swipe-amount","0px"),I(!1)},onPointerMove:o=>{var xt;if(!A.current||!M)return;let f=o.clientY-A.current.y,y=o.clientX-A.current.x,B=(ut==="top"?Math.min:Math.max)(0,f),E=o.pointerType==="touch"?10:2;Math.abs(B)>E?(xt=v.current)==null||xt.style.setProperty("--swipe-amount",`${f}px`):Math.abs(y)>E&&(A.current=null)}},G&&!t.jsx?a.default.createElement("button",{"aria-label":"Close toast","data-disabled":st,"data-close-button":!0,onClick:st||!M?()=>{}:()=>{var o;P(),(o=t.onDismiss)==null||o.call(t,t)},className:z(n==null?void 0:n.closeButton,(gt=t==null?void 0:t.classNames)==null?void 0:gt.closeButton)},a.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"},a.default.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),a.default.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))):null,t.jsx||a.default.isValidElement(t.title)?t.jsx||t.title:a.default.createElement(a.default.Fragment,null,b||t.icon||t.promise?a.default.createElement("div",{"data-icon":""},(t.promise||t.type==="loading")&&!t.icon?Rt():null,t.icon||wt(b)):null,a.default.createElement("div",{"data-content":""},a.default.createElement("div",{"data-title":"",className:z(n==null?void 0:n.title,(ht=t==null?void 0:t.classNames)==null?void 0:ht.title)},t.title),t.description?a.default.createElement("div",{"data-description":"",className:z(Z,Ct,n==null?void 0:n.description,(bt=t==null?void 0:t.classNames)==null?void 0:bt.description)},t.description):null),t.cancel?a.default.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||l,onClick:()=>{var o;M&&(P(),(o=t.cancel)!=null&&o.onClick&&t.cancel.onClick())},className:z(n==null?void 0:n.cancelButton,(yt=t==null?void 0:t.classNames)==null?void 0:yt.cancelButton)},t.cancel.label):null,t.action?a.default.createElement("button",{"data-button":"",style:t.actionButtonStyle||W,onClick:o=>{var f;(f=t.action)==null||f.onClick(o),!o.defaultPrevented&&P()},className:z(n==null?void 0:n.actionButton,(vt=t==null?void 0:t.classNames)==null?void 0:vt.actionButton)},t.action.label):null))};function kt(){if(typeof window=="undefined")return"ltr";let s=document.documentElement.getAttribute("dir");return s==="auto"||!s?window.getComputedStyle(document.documentElement).direction:s}var te=s=>{let{invert:e,position:t="bottom-right",hotkey:r=["altKey","KeyT"],expand:i,closeButton:S,className:c,offset:m,theme:h="light",richColors:Y,duration:V,style:G,visibleToasts:q=Ot,toastOptions:l,dir:W=kt(),gap:Q,loadingIcon:Z}=s,[k,j]=a.default.useState([]),tt=a.default.useMemo(()=>Array.from(new Set([t].concat(k.filter(d=>d.position).map(d=>d.position)))),[k,t]),[F,$]=a.default.useState([]),[n,w]=a.default.useState(!1),[K,U]=a.default.useState(!1),[et,R]=a.default.useState(h!=="system"?h:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),I=a.default.useRef(null),O=r.join("+").replace(/Key/g,"").replace(/Digit/g,""),C=a.default.useRef(null),D=a.default.useRef(!1),_=a.default.useCallback(d=>j(p=>p.filter(({id:g})=>g!==d.id)),[]);return a.default.useEffect(()=>T.subscribe(d=>{if(d.dismiss){j(p=>p.map(g=>g.id===d.id?{...g,delete:!0}:g));return}setTimeout(()=>{Nt.default.flushSync(()=>{j(p=>{let g=p.findIndex(v=>v.id===d.id);return g!==-1?[...p.slice(0,g),{...p[g],...d},...p.slice(g+1)]:[d,...p]})})})}),[]),a.default.useEffect(()=>{if(h!=="system"){R(h);return}h==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?R("dark"):R("light")),typeof window!="undefined"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:d})=>{R(d?"dark":"light")})},[h]),a.default.useEffect(()=>{k.length<=1&&w(!1)},[k]),a.default.useEffect(()=>{let d=p=>{var v,H;r.every(u=>p[u]||p.code===u)&&(w(!0),(v=I.current)==null||v.focus()),p.code==="Escape"&&(document.activeElement===I.current||(H=I.current)!=null&&H.contains(document.activeElement))&&w(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[r]),a.default.useEffect(()=>{if(I.current)return()=>{C.current&&(C.current.focus({preventScroll:!0}),C.current=null,D.current=!1)}},[I.current]),k.length?a.default.createElement("section",{"aria-label":`Notifications ${O}`,tabIndex:-1},tt.map((d,p)=>{var H;let[g,v]=d.split("-");return a.default.createElement("ol",{key:d,dir:W==="auto"?kt():W,tabIndex:-1,ref:I,className:c,"data-sonner-toaster":!0,"data-theme":et,"data-rich-colors":Y,"data-y-position":g,"data-x-position":v,style:{"--front-toast-height":`${(H=F[0])==null?void 0:H.height}px`,"--offset":typeof m=="number"?`${m}px`:m||Xt,"--width":`${Gt}px`,"--gap":`${Bt}px`,...G},onBlur:u=>{D.current&&!u.currentTarget.contains(u.relatedTarget)&&(D.current=!1,C.current&&(C.current.focus({preventScroll:!0}),C.current=null))},onFocus:u=>{u.target instanceof HTMLElement&&u.target.dataset.dismissible==="false"||D.current||(D.current=!0,C.current=u.relatedTarget)},onMouseEnter:()=>w(!0),onMouseMove:()=>w(!0),onMouseLeave:()=>{K||w(!1)},onPointerDown:u=>{u.target instanceof HTMLElement&&u.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},k.filter(u=>!u.position&&p===0||u.position===d).map((u,b)=>{var M;return a.default.createElement(Zt,{key:u.id,index:b,toast:u,duration:(M=l==null?void 0:l.duration)!=null?M:V,className:l==null?void 0:l.className,descriptionClassName:l==null?void 0:l.descriptionClassName,invert:e,visibleToasts:q,closeButton:S,interacting:K,position:d,style:l==null?void 0:l.style,classNames:l==null?void 0:l.classNames,cancelButtonStyle:l==null?void 0:l.cancelButtonStyle,actionButtonStyle:l==null?void 0:l.actionButtonStyle,removeToast:_,toasts:k,heights:F,setHeights:$,expandByDefault:i,gap:Q,loadingIcon:Z,expanded:n})}))})):null};0&&(module.exports={Toaster,toast});
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx","#style-inject:#style-inject","../src/styles.css","../src/assets.tsx","../src/state.ts"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport './styles.css';\nimport { getAsset, Loader } from './assets';\nimport type { HeightT, Position, ToastT, ToastToDismiss, ExternalToast, ToasterProps, ToastClassnames } from './types';\nimport { ToastState, toast } from './state';\n\n// Visible toasts amount\nconst VISIBLE_TOASTS_AMOUNT = 3;\n\n// Viewport padding\nconst VIEWPORT_OFFSET = '32px';\n\n// Default lifetime of a toasts (in ms)\nconst TOAST_LIFETIME = 4000;\n\n// Default toast width\nconst TOAST_WIDTH = 356;\n\n// Default gap between toasts\nconst GAP = 14;\n\nconst SWIPE_THRESHOLD = 20;\n\nconst TIME_BEFORE_UNMOUNT = 200;\n\ninterface ToastProps {\n toast: ToastT;\n toasts: ToastT[];\n index: number;\n expanded: boolean;\n invert: boolean;\n heights: HeightT[];\n setHeights: React.Dispatch<React.SetStateAction<HeightT[]>>;\n removeToast: (toast: ToastT) => void;\n gap?: number;\n position: Position;\n visibleToasts: number;\n expandByDefault: boolean;\n closeButton: boolean;\n interacting: boolean;\n style?: React.CSSProperties;\n cancelButtonStyle?: React.CSSProperties;\n actionButtonStyle?: React.CSSProperties;\n duration?: number;\n className?: string;\n unstyled?: boolean;\n descriptionClassName?: string;\n loadingIcon?: React.ReactNode;\n classNames?: ToastClassnames;\n}\n\nfunction cn(...classes: (string | undefined)[]) {\n return classes.filter(Boolean).join(' ');\n}\n\nconst Toast = (props: ToastProps) => {\n const {\n invert: ToasterInvert,\n toast,\n interacting,\n setHeights,\n visibleToasts,\n heights,\n index,\n toasts,\n expanded,\n removeToast,\n closeButton,\n style,\n cancelButtonStyle,\n actionButtonStyle,\n className = '',\n descriptionClassName = '',\n duration: durationFromToaster,\n position,\n gap = GAP,\n loadingIcon: loadingIconProp,\n expandByDefault,\n classNames,\n } = props;\n const [mounted, setMounted] = React.useState(false);\n const [removed, setRemoved] = React.useState(false);\n const [swiping, setSwiping] = React.useState(false);\n const [swipeOut, setSwipeOut] = React.useState(false);\n const [offsetBeforeRemove, setOffsetBeforeRemove] = React.useState(0);\n const [initialHeight, setInitialHeight] = React.useState(0);\n const dragStartTime = React.useRef<Date | null>(null);\n const toastRef = React.useRef<HTMLLIElement>(null);\n const isFront = index === 0;\n const isVisible = index + 1 <= visibleToasts;\n const toastType = toast.type;\n const dismissible = toast.dismissible !== false;\n const toastClassname = toast.className || '';\n const toastDescriptionClassname = toast.descriptionClassName || '';\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.\n const heightIndex = React.useMemo(\n () => heights.findIndex((height) => height.toastId === toast.id) || 0,\n [heights, toast.id],\n );\n const duration = React.useMemo(\n () => toast.duration || durationFromToaster || TOAST_LIFETIME,\n [toast.duration, durationFromToaster],\n );\n const closeTimerStartTimeRef = React.useRef(0);\n const offset = React.useRef(0);\n const closeTimerRemainingTimeRef = React.useRef(duration);\n const lastCloseTimerStartTimeRef = React.useRef(0);\n const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n const [y, x] = position.split('-');\n const toastsHeightBefore = React.useMemo(() => {\n return heights.reduce((prev, curr, reducerIndex) => {\n // Calculate offset up until current toast\n if (reducerIndex >= heightIndex) {\n return prev;\n }\n\n return prev + curr.height;\n }, 0);\n }, [heights, heightIndex]);\n const invert = toast.invert || ToasterInvert;\n const disabled = toastType === 'loading';\n\n offset.current = React.useMemo(() => heightIndex * gap + toastsHeightBefore, [heightIndex, toastsHeightBefore]);\n console.log(classNames);\n\n React.useEffect(() => {\n // Trigger enter animation without using CSS animation\n setMounted(true);\n }, []);\n\n React.useLayoutEffect(() => {\n if (!mounted) return;\n const toastNode = toastRef.current;\n const originalHeight = toastNode.style.height;\n toastNode.style.height = 'auto';\n const newHeight = toastNode.getBoundingClientRect().height;\n toastNode.style.height = originalHeight;\n\n setInitialHeight(newHeight);\n\n setHeights((heights) => {\n const alreadyExists = heights.find((height) => height.toastId === toast.id);\n if (!alreadyExists) {\n return [{ toastId: toast.id, height: newHeight }, ...heights];\n } else {\n return heights.map((height) => (height.toastId === toast.id ? { ...height, height: newHeight } : height));\n }\n });\n }, [mounted, toast.title, toast.description, setHeights, toast.id]);\n\n const deleteToast = React.useCallback(() => {\n // Save the offset for the exit swipe animation\n setRemoved(true);\n setOffsetBeforeRemove(offset.current);\n setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n\n setTimeout(() => {\n removeToast(toast);\n }, TIME_BEFORE_UNMOUNT);\n }, [toast, removeToast, setHeights, offset]);\n\n React.useEffect(() => {\n if ((toast.promise && toastType === 'loading') || toast.duration === Infinity) return;\n let timeoutId: NodeJS.Timeout;\n let remainingTime = duration;\n // Pause the timer on each hover\n const pauseTimer = () => {\n if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {\n // Get the elapsed time since the timer started\n const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n\n remainingTime = remainingTime - elapsedTime;\n }\n\n lastCloseTimerStartTimeRef.current = new Date().getTime();\n };\n\n const startTimer = () => {\n closeTimerStartTimeRef.current = new Date().getTime();\n\n // Let the toast know it has started\n timeoutId = setTimeout(() => {\n toast.onAutoClose?.(toast);\n deleteToast();\n }, remainingTime);\n };\n\n if (expanded || interacting) {\n pauseTimer();\n } else {\n startTimer();\n }\n\n return () => clearTimeout(timeoutId);\n }, [expanded, interacting, expandByDefault, toast, duration, deleteToast, toast.promise, toastType]);\n\n React.useEffect(() => {\n const toastNode = toastRef.current;\n\n if (toastNode) {\n const height = toastNode.getBoundingClientRect().height;\n\n // Add toast height tot heights array after the toast is mounted\n setInitialHeight(height);\n setHeights((h) => [{ toastId: toast.id, height }, ...h]);\n\n return () => setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n }\n }, [setHeights, toast.id]);\n\n React.useEffect(() => {\n if (toast.delete) {\n deleteToast();\n }\n }, [deleteToast, toast.delete]);\n\n function getLoadingIcon() {\n if (loadingIconProp) {\n return (\n <div\n className={cn('loader', classNames?.toast, toast?.classNames?.toast)}\n data-visible={toastType === 'loading'}\n >\n {loadingIconProp}\n </div>\n );\n }\n return <Loader visible={toastType === 'loading'} />;\n }\n\n return (\n <li\n aria-live={toast.important ? 'assertive' : 'polite'}\n aria-atomic=\"true\"\n role=\"status\"\n tabIndex={0}\n ref={toastRef}\n className={cn(\n className,\n toastClassname,\n classNames?.toast,\n toast?.classNames?.toast,\n classNames?.[toastType],\n toast?.classNames?.[toastType],\n )}\n data-sonner-toast=\"\"\n data-styled={!Boolean(toast.jsx || toast.unstyled)}\n data-mounted={mounted}\n data-promise={Boolean(toast.promise)}\n data-removed={removed}\n data-visible={isVisible}\n data-y-position={y}\n data-x-position={x}\n data-index={index}\n data-front={isFront}\n data-swiping={swiping}\n data-dismissible={dismissible}\n data-type={toastType}\n data-invert={invert}\n data-swipe-out={swipeOut}\n data-expanded={Boolean(expanded || (expandByDefault && mounted))}\n style={\n {\n '--index': index,\n '--toasts-before': index,\n '--z-index': toasts.length - index,\n '--offset': `${removed ? offsetBeforeRemove : offset.current}px`,\n '--initial-height': expandByDefault ? 'auto' : `${initialHeight}px`,\n ...style,\n ...toast.style,\n } as React.CSSProperties\n }\n onPointerDown={(event) => {\n if (disabled || !dismissible) return;\n dragStartTime.current = new Date();\n setOffsetBeforeRemove(offset.current);\n // Ensure we maintain correct pointer capture even when going outside of the toast (e.g. when swiping)\n (event.target as HTMLElement).setPointerCapture(event.pointerId);\n if ((event.target as HTMLElement).tagName === 'BUTTON') return;\n setSwiping(true);\n pointerStartRef.current = { x: event.clientX, y: event.clientY };\n }}\n onPointerUp={() => {\n if (swipeOut || !dismissible) return;\n\n pointerStartRef.current = null;\n const swipeAmount = Number(toastRef.current?.style.getPropertyValue('--swipe-amount').replace('px', '') || 0);\n const timeTaken = new Date().getTime() - dragStartTime.current?.getTime();\n const velocity = Math.abs(swipeAmount) / timeTaken;\n\n // Remove only if threshold is met\n if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {\n setOffsetBeforeRemove(offset.current);\n toast.onDismiss?.(toast);\n deleteToast();\n setSwipeOut(true);\n return;\n }\n\n toastRef.current?.style.setProperty('--swipe-amount', '0px');\n setSwiping(false);\n }}\n onPointerMove={(event) => {\n if (!pointerStartRef.current || !dismissible) return;\n\n const yPosition = event.clientY - pointerStartRef.current.y;\n const xPosition = event.clientX - pointerStartRef.current.x;\n\n const clamp = y === 'top' ? Math.min : Math.max;\n const clampedY = clamp(0, yPosition);\n const swipeStartThreshold = event.pointerType === 'touch' ? 10 : 2;\n const isAllowedToSwipe = Math.abs(clampedY) > swipeStartThreshold;\n\n if (isAllowedToSwipe) {\n toastRef.current?.style.setProperty('--swipe-amount', `${yPosition}px`);\n } else if (Math.abs(xPosition) > swipeStartThreshold) {\n // User is swiping in wrong direction so we disable swipe gesture\n // for the current pointer down interaction\n pointerStartRef.current = null;\n }\n }}\n >\n {closeButton && !toast.jsx ? (\n <button\n aria-label=\"Close toast\"\n data-disabled={disabled}\n data-close-button\n onClick={\n disabled || !dismissible\n ? () => {}\n : () => {\n deleteToast();\n toast.onDismiss?.(toast);\n }\n }\n className={cn(classNames?.closeButton, toast?.classNames?.closeButton)}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n </svg>\n </button>\n ) : null}\n {toast.jsx || React.isValidElement(toast.title) ? (\n toast.jsx || toast.title\n ) : (\n <>\n {toastType || toast.icon || toast.promise ? (\n <div data-icon=\"\">\n {(toast.promise || toast.type === 'loading') && !toast.icon ? getLoadingIcon() : null}\n {toast.icon || getAsset(toastType)}\n </div>\n ) : null}\n\n <div data-content=\"\">\n <div data-title=\"\" className={cn(classNames?.title, toast?.classNames?.title)}>\n {toast.title}\n </div>\n {toast.description ? (\n <div\n data-description=\"\"\n className={cn(\n descriptionClassName,\n toastDescriptionClassname,\n classNames?.description,\n toast?.classNames?.description,\n )}\n >\n {toast.description}\n </div>\n ) : null}\n </div>\n {toast.cancel ? (\n <button\n data-button\n data-cancel\n style={toast.cancelButtonStyle || cancelButtonStyle}\n onClick={() => {\n if (!dismissible) return;\n deleteToast();\n if (toast.cancel?.onClick) {\n toast.cancel.onClick();\n }\n }}\n className={cn(classNames?.cancelButton, toast?.classNames?.cancelButton)}\n >\n {toast.cancel.label}\n </button>\n ) : null}\n {toast.action ? (\n <button\n data-button=\"\"\n style={toast.actionButtonStyle || actionButtonStyle}\n onClick={(event) => {\n toast.action?.onClick(event);\n if (event.defaultPrevented) return;\n deleteToast();\n }}\n className={cn(classNames?.actionButton, toast?.classNames?.actionButton)}\n >\n {toast.action.label}\n </button>\n ) : null}\n </>\n )}\n </li>\n );\n};\n\nfunction getDocumentDirection(): ToasterProps['dir'] {\n if (typeof window === 'undefined') return 'ltr';\n\n const dirAttribute = document.documentElement.getAttribute('dir');\n\n if (dirAttribute === 'auto' || !dirAttribute) {\n return window.getComputedStyle(document.documentElement).direction as ToasterProps['dir'];\n }\n\n return dirAttribute as ToasterProps['dir'];\n}\n\nconst Toaster = (props: ToasterProps) => {\n const {\n invert,\n position = 'bottom-right',\n hotkey = ['altKey', 'KeyT'],\n expand,\n closeButton,\n className,\n offset,\n theme = 'light',\n richColors,\n duration,\n style,\n visibleToasts = VISIBLE_TOASTS_AMOUNT,\n toastOptions,\n dir = getDocumentDirection(),\n gap,\n loadingIcon,\n } = props;\n const [toasts, setToasts] = React.useState<ToastT[]>([]);\n const possiblePositions = React.useMemo(() => {\n return Array.from(\n new Set([position].concat(toasts.filter((toast) => toast.position).map((toast) => toast.position))),\n );\n }, [toasts, position]);\n const [heights, setHeights] = React.useState<HeightT[]>([]);\n const [expanded, setExpanded] = React.useState(false);\n const [interacting, setInteracting] = React.useState(false);\n const [actualTheme, setActualTheme] = React.useState(\n theme !== 'system'\n ? theme\n : typeof window !== 'undefined'\n ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light'\n : 'light',\n );\n\n const listRef = React.useRef<HTMLOListElement>(null);\n const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n const lastFocusedElementRef = React.useRef<HTMLElement>(null);\n const isFocusWithinRef = React.useRef(false);\n\n const removeToast = React.useCallback(\n (toast: ToastT) => setToasts((toasts) => toasts.filter(({ id }) => id !== toast.id)),\n [],\n );\n\n React.useEffect(() => {\n return ToastState.subscribe((toast) => {\n if ((toast as ToastToDismiss).dismiss) {\n setToasts((toasts) => toasts.map((t) => (t.id === toast.id ? { ...t, delete: true } : t)));\n return;\n }\n\n // Prevent batching, temp solution.\n setTimeout(() => {\n ReactDOM.flushSync(() => {\n setToasts((toasts) => {\n const indexOfExistingToast = toasts.findIndex((t) => t.id === toast.id);\n\n // Update the toast if it already exists\n if (indexOfExistingToast !== -1) {\n return [\n ...toasts.slice(0, indexOfExistingToast),\n { ...toasts[indexOfExistingToast], ...toast },\n ...toasts.slice(indexOfExistingToast + 1),\n ];\n }\n\n return [toast, ...toasts];\n });\n });\n });\n });\n }, []);\n\n React.useEffect(() => {\n if (theme !== 'system') {\n setActualTheme(theme);\n return;\n }\n\n if (theme === 'system') {\n // check if current preference is dark\n if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n // it's currently dark\n setActualTheme('dark');\n } else {\n // it's not dark\n setActualTheme('light');\n }\n }\n\n if (typeof window === 'undefined') return;\n\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {\n if (matches) {\n setActualTheme('dark');\n } else {\n setActualTheme('light');\n }\n });\n }, [theme]);\n\n React.useEffect(() => {\n // Ensure expanded is always false when no toasts are present / only one left\n if (toasts.length <= 1) {\n setExpanded(false);\n }\n }, [toasts]);\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n\n if (isHotkeyPressed) {\n setExpanded(true);\n listRef.current?.focus();\n }\n\n if (\n event.code === 'Escape' &&\n (document.activeElement === listRef.current || listRef.current?.contains(document.activeElement))\n ) {\n setExpanded(false);\n }\n };\n document.addEventListener('keydown', handleKeyDown);\n\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [hotkey]);\n\n React.useEffect(() => {\n if (listRef.current) {\n return () => {\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n isFocusWithinRef.current = false;\n }\n };\n }\n }, [listRef.current]);\n\n if (!toasts.length) return null;\n\n return (\n // Remove item from normal navigation flow, only available via hotkey\n <section aria-label={`Notifications ${hotkeyLabel}`} tabIndex={-1}>\n {possiblePositions.map((position, index) => {\n const [y, x] = position.split('-');\n return (\n <ol\n key={position}\n dir={dir === 'auto' ? getDocumentDirection() : dir}\n tabIndex={-1}\n ref={listRef}\n className={className}\n data-sonner-toaster\n data-theme={actualTheme}\n data-rich-colors={richColors}\n data-y-position={y}\n data-x-position={x}\n style={\n {\n '--front-toast-height': `${heights[0]?.height}px`,\n '--offset': typeof offset === 'number' ? `${offset}px` : offset || VIEWPORT_OFFSET,\n '--width': `${TOAST_WIDTH}px`,\n '--gap': `${GAP}px`,\n ...style,\n } as React.CSSProperties\n }\n onBlur={(event) => {\n if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {\n isFocusWithinRef.current = false;\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n }\n }\n }}\n onFocus={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n\n if (!isFocusWithinRef.current) {\n isFocusWithinRef.current = true;\n lastFocusedElementRef.current = event.relatedTarget as HTMLElement;\n }\n }}\n onMouseEnter={() => setExpanded(true)}\n onMouseMove={() => setExpanded(true)}\n onMouseLeave={() => {\n // Avoid setting expanded to false when interacting with a toast, e.g. swiping\n if (!interacting) {\n setExpanded(false);\n }\n }}\n onPointerDown={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n setInteracting(true);\n }}\n onPointerUp={() => setInteracting(false)}\n >\n {toasts\n .filter((toast) => (!toast.position && index === 0) || toast.position === position)\n .map((toast, index) => (\n <Toast\n key={toast.id}\n index={index}\n toast={toast}\n duration={toastOptions?.duration ?? duration}\n className={toastOptions?.className}\n descriptionClassName={toastOptions?.descriptionClassName}\n invert={invert}\n visibleToasts={visibleToasts}\n closeButton={closeButton}\n interacting={interacting}\n position={position}\n style={toastOptions?.style}\n classNames={toastOptions?.classNames}\n cancelButtonStyle={toastOptions?.cancelButtonStyle}\n actionButtonStyle={toastOptions?.actionButtonStyle}\n removeToast={removeToast}\n toasts={toasts}\n heights={heights}\n setHeights={setHeights}\n expandByDefault={expand}\n gap={gap}\n loadingIcon={loadingIcon}\n expanded={expanded}\n />\n ))}\n </ol>\n );\n })}\n </section>\n );\n};\nexport { toast, Toaster, ToastT, ExternalToast };\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(\"html[dir=ltr],[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%)}html[dir=rtl],[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%)}[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}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[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);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[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}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [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)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [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}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [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;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;opacity:0;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]{opacity:1}[data-sonner-toast]:focus [data-close-button]{opacity:1}[data-sonner-toast]:focus-within [data-close-button]{opacity:1}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:\\\"\\\";position:absolute;left:0;right:0;height:100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\\\"\\\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\\\"\\\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[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)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[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}[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}[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-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] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[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}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\\n\")","'use client';\nimport React from 'react';\nimport type { ToastTypes } from './types';\n\nexport const getAsset = (type: ToastTypes): JSX.Element | null => {\n switch (type) {\n case 'success':\n return SuccessIcon;\n\n case 'info':\n return InfoIcon;\n\n case 'warning':\n return WarningIcon;\n\n case 'error':\n return ErrorIcon;\n\n default:\n return null;\n }\n};\n\nconst bars = Array(12).fill(0);\n\nexport const Loader = ({ visible }: { visible: boolean }) => {\n return (\n <div className=\"sonner-loading-wrapper\" data-visible={visible}>\n <div className=\"sonner-spinner\">\n {bars.map((_, i) => (\n <div className=\"sonner-loading-bar\" key={`spinner-bar-${i}`} />\n ))}\n </div>\n </div>\n );\n};\n\nconst SuccessIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst WarningIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst InfoIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst ErrorIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { ExternalToast, ToastT, PromiseData, PromiseT, ToastToDismiss, ToastTypes } from './types';\n\nlet toastsCounter = 1;\n\nclass Observer {\n subscribers: Array<(toast: ExternalToast | ToastToDismiss) => void>;\n toasts: Array<ToastT | ToastToDismiss>;\n\n constructor() {\n this.subscribers = [];\n this.toasts = [];\n }\n\n // We use arrow functions to maintain the correct `this` reference\n subscribe = (subscriber: (toast: ToastT | ToastToDismiss) => void) => {\n this.subscribers.push(subscriber);\n\n return () => {\n const index = this.subscribers.indexOf(subscriber);\n this.subscribers.splice(index, 1);\n };\n };\n\n publish = (data: ToastT) => {\n this.subscribers.forEach((subscriber) => subscriber(data));\n };\n\n addToast = (data: ToastT) => {\n this.publish(data);\n this.toasts = [...this.toasts, data];\n };\n\n create = (\n data: ExternalToast & {\n message?: string | React.ReactNode;\n type?: ToastTypes;\n promise?: PromiseT;\n jsx?: React.ReactElement;\n },\n ) => {\n const { message, ...rest } = data;\n const id = typeof data?.id === 'number' || data.id?.length > 0 ? data.id : toastsCounter++;\n const alreadyExists = this.toasts.find((toast) => {\n return toast.id === id;\n });\n const dismissible = data.dismissible === undefined ? true : data.dismissible;\n\n if (alreadyExists) {\n this.toasts = this.toasts.map((toast) => {\n if (toast.id === id) {\n this.publish({ ...toast, ...data, id, title: message });\n return {\n ...toast,\n ...data,\n id,\n dismissible,\n title: message,\n };\n }\n\n return toast;\n });\n } else {\n this.addToast({ title: message, ...rest, dismissible, id });\n }\n\n return id;\n };\n\n dismiss = (id?: number | string) => {\n if (!id) {\n this.toasts.forEach((toast) => {\n this.subscribers.forEach((subscriber) => subscriber({ id: toast.id, dismiss: true }));\n });\n }\n\n this.subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }));\n return id;\n };\n\n message = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message });\n };\n\n error = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message, type: 'error' });\n };\n\n success = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'success', message });\n };\n\n info = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'info', message });\n };\n\n warning = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'warning', message });\n };\n\n loading = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'loading', message });\n };\n\n promise = <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => {\n if (!data) {\n // Nothing to show\n return;\n }\n\n let id: string | number | undefined = undefined;\n if (data.loading !== undefined) {\n id = this.create({\n ...data,\n promise,\n type: 'loading',\n message: data.loading,\n });\n }\n\n const p = promise instanceof Promise ? promise : promise();\n\n let shouldDismiss = id !== undefined;\n\n p.then((response) => {\n // TODO: Clean up TS here, response has incorrect type\n // @ts-expect-error\n if (response && typeof response.ok === 'boolean' && !response.ok) {\n shouldDismiss = false;\n const message =\n // @ts-expect-error\n typeof data.error === 'function' ? data.error(`HTTP error! status: ${response.status}`) : data.error;\n this.create({ id, type: 'error', message });\n } else if (data.success !== undefined) {\n shouldDismiss = false;\n const message = typeof data.success === 'function' ? data.success(response) : data.success;\n this.create({ id, type: 'success', message });\n }\n })\n .catch((error) => {\n if (data.error !== undefined) {\n shouldDismiss = false;\n const message = typeof data.error === 'function' ? data.error(error) : data.error;\n this.create({ id, type: 'error', message });\n }\n })\n .finally(() => {\n if (shouldDismiss) {\n // Toast is still in load state (and will be indefinitely — dismiss it)\n this.dismiss(id);\n id = undefined;\n }\n\n data.finally?.();\n });\n\n return id;\n };\n\n custom = (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n this.create({ jsx: jsx(id), id, ...data });\n return id;\n };\n}\n\nexport const ToastState = new Observer();\n\n// bind this to the toast function\nconst toastFunction = (message: string | React.ReactNode, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n\n ToastState.addToast({\n title: message,\n ...data,\n id,\n });\n return id;\n};\n\nconst basicToast = toastFunction;\n\n// We use `Object.assign` to maintain the correct types as we would lose them otherwise\nexport const toast = Object.assign(basicToast, {\n success: ToastState.success,\n info: ToastState.info,\n warning: ToastState.warning,\n error: ToastState.error,\n custom: ToastState.custom,\n message: ToastState.message,\n promise: ToastState.promise,\n dismiss: ToastState.dismiss,\n loading: ToastState.loading,\n});\n"],"mappings":"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","names":["src_exports","__export","Toaster","toast","__toCommonJS","import_react","import_react_dom","styleInject","css","insertAt","head","style","styleInject","import_react","getAsset","type","SuccessIcon","InfoIcon","WarningIcon","ErrorIcon","bars","Loader","visible","React","_","i","toastsCounter","Observer","subscriber","index","data","_a","message","rest","id","alreadyExists","toast","dismissible","promise","p","shouldDismiss","response","error","jsx","ToastState","toastFunction","basicToast","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","ToasterInvert","toast","interacting","setHeights","visibleToasts","heights","index","toasts","expanded","removeToast","closeButton","style","cancelButtonStyle","actionButtonStyle","className","descriptionClassName","durationFromToaster","position","gap","loadingIconProp","expandByDefault","classNames","mounted","setMounted","React","removed","setRemoved","swiping","setSwiping","swipeOut","setSwipeOut","offsetBeforeRemove","setOffsetBeforeRemove","initialHeight","setInitialHeight","dragStartTime","toastRef","isFront","isVisible","toastType","dismissible","toastClassname","toastDescriptionClassname","heightIndex","height","duration","closeTimerStartTimeRef","offset","closeTimerRemainingTimeRef","lastCloseTimerStartTimeRef","pointerStartRef","y","x","toastsHeightBefore","prev","curr","reducerIndex","invert","disabled","toastNode","originalHeight","newHeight","deleteToast","h","timeoutId","remainingTime","elapsedTime","getLoadingIcon","Loader","event","swipeAmount","timeTaken","velocity","yPosition","xPosition","clampedY","swipeStartThreshold","getAsset","getDocumentDirection","dirAttribute","Toaster","hotkey","expand","theme","richColors","toastOptions","dir","loadingIcon","setToasts","possiblePositions","setExpanded","setInteracting","actualTheme","setActualTheme","listRef","hotkeyLabel","lastFocusedElementRef","isFocusWithinRef","id","ToastState","t","ReactDOM","indexOfExistingToast","matches","handleKeyDown","key"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx","#style-inject:#style-inject","../src/styles.css","../src/assets.tsx","../src/state.ts"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport './styles.css';\nimport { getAsset, Loader } from './assets';\nimport type { HeightT, Position, ToastT, ToastToDismiss, ExternalToast, ToasterProps, ToastClassnames } from './types';\nimport { ToastState, toast } from './state';\n\n// Visible toasts amount\nconst VISIBLE_TOASTS_AMOUNT = 3;\n\n// Viewport padding\nconst VIEWPORT_OFFSET = '32px';\n\n// Default lifetime of a toasts (in ms)\nconst TOAST_LIFETIME = 4000;\n\n// Default toast width\nconst TOAST_WIDTH = 356;\n\n// Default gap between toasts\nconst GAP = 14;\n\nconst SWIPE_THRESHOLD = 20;\n\nconst TIME_BEFORE_UNMOUNT = 200;\n\ninterface ToastProps {\n toast: ToastT;\n toasts: ToastT[];\n index: number;\n expanded: boolean;\n invert: boolean;\n heights: HeightT[];\n setHeights: React.Dispatch<React.SetStateAction<HeightT[]>>;\n removeToast: (toast: ToastT) => void;\n gap?: number;\n position: Position;\n visibleToasts: number;\n expandByDefault: boolean;\n closeButton: boolean;\n interacting: boolean;\n style?: React.CSSProperties;\n cancelButtonStyle?: React.CSSProperties;\n actionButtonStyle?: React.CSSProperties;\n duration?: number;\n className?: string;\n unstyled?: boolean;\n descriptionClassName?: string;\n loadingIcon?: React.ReactNode;\n classNames?: ToastClassnames;\n}\n\nfunction cn(...classes: (string | undefined)[]) {\n return classes.filter(Boolean).join(' ');\n}\n\nconst Toast = (props: ToastProps) => {\n const {\n invert: ToasterInvert,\n toast,\n interacting,\n setHeights,\n visibleToasts,\n heights,\n index,\n toasts,\n expanded,\n removeToast,\n closeButton,\n style,\n cancelButtonStyle,\n actionButtonStyle,\n className = '',\n descriptionClassName = '',\n duration: durationFromToaster,\n position,\n gap = GAP,\n loadingIcon: loadingIconProp,\n expandByDefault,\n classNames,\n } = props;\n const [mounted, setMounted] = React.useState(false);\n const [removed, setRemoved] = React.useState(false);\n const [swiping, setSwiping] = React.useState(false);\n const [swipeOut, setSwipeOut] = React.useState(false);\n const [offsetBeforeRemove, setOffsetBeforeRemove] = React.useState(0);\n const [initialHeight, setInitialHeight] = React.useState(0);\n const dragStartTime = React.useRef<Date | null>(null);\n const toastRef = React.useRef<HTMLLIElement>(null);\n const isFront = index === 0;\n const isVisible = index + 1 <= visibleToasts;\n const toastType = toast.type;\n const dismissible = toast.dismissible !== false;\n const toastClassname = toast.className || '';\n const toastDescriptionClassname = toast.descriptionClassName || '';\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.\n const heightIndex = React.useMemo(\n () => heights.findIndex((height) => height.toastId === toast.id) || 0,\n [heights, toast.id],\n );\n const duration = React.useMemo(\n () => toast.duration || durationFromToaster || TOAST_LIFETIME,\n [toast.duration, durationFromToaster],\n );\n const closeTimerStartTimeRef = React.useRef(0);\n const offset = React.useRef(0);\n const closeTimerRemainingTimeRef = React.useRef(duration);\n const lastCloseTimerStartTimeRef = React.useRef(0);\n const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n const [y, x] = position.split('-');\n const toastsHeightBefore = React.useMemo(() => {\n return heights.reduce((prev, curr, reducerIndex) => {\n // Calculate offset up until current toast\n if (reducerIndex >= heightIndex) {\n return prev;\n }\n\n return prev + curr.height;\n }, 0);\n }, [heights, heightIndex]);\n const invert = toast.invert || ToasterInvert;\n const disabled = toastType === 'loading';\n\n offset.current = React.useMemo(() => heightIndex * gap + toastsHeightBefore, [heightIndex, toastsHeightBefore]);\n\n React.useEffect(() => {\n // Trigger enter animation without using CSS animation\n setMounted(true);\n }, []);\n\n React.useLayoutEffect(() => {\n if (!mounted) return;\n const toastNode = toastRef.current;\n const originalHeight = toastNode.style.height;\n toastNode.style.height = 'auto';\n const newHeight = toastNode.getBoundingClientRect().height;\n toastNode.style.height = originalHeight;\n\n setInitialHeight(newHeight);\n\n setHeights((heights) => {\n const alreadyExists = heights.find((height) => height.toastId === toast.id);\n if (!alreadyExists) {\n return [{ toastId: toast.id, height: newHeight }, ...heights];\n } else {\n return heights.map((height) => (height.toastId === toast.id ? { ...height, height: newHeight } : height));\n }\n });\n }, [mounted, toast.title, toast.description, setHeights, toast.id]);\n\n const deleteToast = React.useCallback(() => {\n // Save the offset for the exit swipe animation\n setRemoved(true);\n setOffsetBeforeRemove(offset.current);\n setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n\n setTimeout(() => {\n removeToast(toast);\n }, TIME_BEFORE_UNMOUNT);\n }, [toast, removeToast, setHeights, offset]);\n\n React.useEffect(() => {\n if ((toast.promise && toastType === 'loading') || toast.duration === Infinity) return;\n let timeoutId: NodeJS.Timeout;\n let remainingTime = duration;\n // Pause the timer on each hover\n const pauseTimer = () => {\n if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {\n // Get the elapsed time since the timer started\n const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n\n remainingTime = remainingTime - elapsedTime;\n }\n\n lastCloseTimerStartTimeRef.current = new Date().getTime();\n };\n\n const startTimer = () => {\n closeTimerStartTimeRef.current = new Date().getTime();\n\n // Let the toast know it has started\n timeoutId = setTimeout(() => {\n toast.onAutoClose?.(toast);\n deleteToast();\n }, remainingTime);\n };\n\n if (expanded || interacting) {\n pauseTimer();\n } else {\n startTimer();\n }\n\n return () => clearTimeout(timeoutId);\n }, [expanded, interacting, expandByDefault, toast, duration, deleteToast, toast.promise, toastType]);\n\n React.useEffect(() => {\n const toastNode = toastRef.current;\n\n if (toastNode) {\n const height = toastNode.getBoundingClientRect().height;\n\n // Add toast height tot heights array after the toast is mounted\n setInitialHeight(height);\n setHeights((h) => [{ toastId: toast.id, height }, ...h]);\n\n return () => setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n }\n }, [setHeights, toast.id]);\n\n React.useEffect(() => {\n if (toast.delete) {\n deleteToast();\n }\n }, [deleteToast, toast.delete]);\n\n function getLoadingIcon() {\n if (loadingIconProp) {\n return (\n <div\n className={cn('loader', classNames?.toast, toast?.classNames?.toast)}\n data-visible={toastType === 'loading'}\n >\n {loadingIconProp}\n </div>\n );\n }\n return <Loader visible={toastType === 'loading'} />;\n }\n\n return (\n <li\n aria-live={toast.important ? 'assertive' : 'polite'}\n aria-atomic=\"true\"\n role=\"status\"\n tabIndex={0}\n ref={toastRef}\n className={cn(\n className,\n toastClassname,\n classNames?.toast,\n toast?.classNames?.toast,\n classNames?.[toastType],\n toast?.classNames?.[toastType],\n )}\n data-sonner-toast=\"\"\n data-styled={!Boolean(toast.jsx || toast.unstyled)}\n data-mounted={mounted}\n data-promise={Boolean(toast.promise)}\n data-removed={removed}\n data-visible={isVisible}\n data-y-position={y}\n data-x-position={x}\n data-index={index}\n data-front={isFront}\n data-swiping={swiping}\n data-dismissible={dismissible}\n data-type={toastType}\n data-invert={invert}\n data-swipe-out={swipeOut}\n data-expanded={Boolean(expanded || (expandByDefault && mounted))}\n style={\n {\n '--index': index,\n '--toasts-before': index,\n '--z-index': toasts.length - index,\n '--offset': `${removed ? offsetBeforeRemove : offset.current}px`,\n '--initial-height': expandByDefault ? 'auto' : `${initialHeight}px`,\n ...style,\n ...toast.style,\n } as React.CSSProperties\n }\n onPointerDown={(event) => {\n if (disabled || !dismissible) return;\n dragStartTime.current = new Date();\n setOffsetBeforeRemove(offset.current);\n // Ensure we maintain correct pointer capture even when going outside of the toast (e.g. when swiping)\n (event.target as HTMLElement).setPointerCapture(event.pointerId);\n if ((event.target as HTMLElement).tagName === 'BUTTON') return;\n setSwiping(true);\n pointerStartRef.current = { x: event.clientX, y: event.clientY };\n }}\n onPointerUp={() => {\n if (swipeOut || !dismissible) return;\n\n pointerStartRef.current = null;\n const swipeAmount = Number(toastRef.current?.style.getPropertyValue('--swipe-amount').replace('px', '') || 0);\n const timeTaken = new Date().getTime() - dragStartTime.current?.getTime();\n const velocity = Math.abs(swipeAmount) / timeTaken;\n\n // Remove only if threshold is met\n if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {\n setOffsetBeforeRemove(offset.current);\n toast.onDismiss?.(toast);\n deleteToast();\n setSwipeOut(true);\n return;\n }\n\n toastRef.current?.style.setProperty('--swipe-amount', '0px');\n setSwiping(false);\n }}\n onPointerMove={(event) => {\n if (!pointerStartRef.current || !dismissible) return;\n\n const yPosition = event.clientY - pointerStartRef.current.y;\n const xPosition = event.clientX - pointerStartRef.current.x;\n\n const clamp = y === 'top' ? Math.min : Math.max;\n const clampedY = clamp(0, yPosition);\n const swipeStartThreshold = event.pointerType === 'touch' ? 10 : 2;\n const isAllowedToSwipe = Math.abs(clampedY) > swipeStartThreshold;\n\n if (isAllowedToSwipe) {\n toastRef.current?.style.setProperty('--swipe-amount', `${yPosition}px`);\n } else if (Math.abs(xPosition) > swipeStartThreshold) {\n // User is swiping in wrong direction so we disable swipe gesture\n // for the current pointer down interaction\n pointerStartRef.current = null;\n }\n }}\n >\n {closeButton && !toast.jsx ? (\n <button\n aria-label=\"Close toast\"\n data-disabled={disabled}\n data-close-button\n onClick={\n disabled || !dismissible\n ? () => {}\n : () => {\n deleteToast();\n toast.onDismiss?.(toast);\n }\n }\n className={cn(classNames?.closeButton, toast?.classNames?.closeButton)}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n </svg>\n </button>\n ) : null}\n {toast.jsx || React.isValidElement(toast.title) ? (\n toast.jsx || toast.title\n ) : (\n <>\n {toastType || toast.icon || toast.promise ? (\n <div data-icon=\"\">\n {(toast.promise || toast.type === 'loading') && !toast.icon ? getLoadingIcon() : null}\n {toast.icon || getAsset(toastType)}\n </div>\n ) : null}\n\n <div data-content=\"\">\n <div data-title=\"\" className={cn(classNames?.title, toast?.classNames?.title)}>\n {toast.title}\n </div>\n {toast.description ? (\n <div\n data-description=\"\"\n className={cn(\n descriptionClassName,\n toastDescriptionClassname,\n classNames?.description,\n toast?.classNames?.description,\n )}\n >\n {toast.description}\n </div>\n ) : null}\n </div>\n {toast.cancel ? (\n <button\n data-button\n data-cancel\n style={toast.cancelButtonStyle || cancelButtonStyle}\n onClick={() => {\n if (!dismissible) return;\n deleteToast();\n if (toast.cancel?.onClick) {\n toast.cancel.onClick();\n }\n }}\n className={cn(classNames?.cancelButton, toast?.classNames?.cancelButton)}\n >\n {toast.cancel.label}\n </button>\n ) : null}\n {toast.action ? (\n <button\n data-button=\"\"\n style={toast.actionButtonStyle || actionButtonStyle}\n onClick={(event) => {\n toast.action?.onClick(event);\n if (event.defaultPrevented) return;\n deleteToast();\n }}\n className={cn(classNames?.actionButton, toast?.classNames?.actionButton)}\n >\n {toast.action.label}\n </button>\n ) : null}\n </>\n )}\n </li>\n );\n};\n\nfunction getDocumentDirection(): ToasterProps['dir'] {\n if (typeof window === 'undefined') return 'ltr';\n\n const dirAttribute = document.documentElement.getAttribute('dir');\n\n if (dirAttribute === 'auto' || !dirAttribute) {\n return window.getComputedStyle(document.documentElement).direction as ToasterProps['dir'];\n }\n\n return dirAttribute as ToasterProps['dir'];\n}\n\nconst Toaster = (props: ToasterProps) => {\n const {\n invert,\n position = 'bottom-right',\n hotkey = ['altKey', 'KeyT'],\n expand,\n closeButton,\n className,\n offset,\n theme = 'light',\n richColors,\n duration,\n style,\n visibleToasts = VISIBLE_TOASTS_AMOUNT,\n toastOptions,\n dir = getDocumentDirection(),\n gap,\n loadingIcon,\n } = props;\n const [toasts, setToasts] = React.useState<ToastT[]>([]);\n const possiblePositions = React.useMemo(() => {\n return Array.from(\n new Set([position].concat(toasts.filter((toast) => toast.position).map((toast) => toast.position))),\n );\n }, [toasts, position]);\n const [heights, setHeights] = React.useState<HeightT[]>([]);\n const [expanded, setExpanded] = React.useState(false);\n const [interacting, setInteracting] = React.useState(false);\n const [actualTheme, setActualTheme] = React.useState(\n theme !== 'system'\n ? theme\n : typeof window !== 'undefined'\n ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light'\n : 'light',\n );\n\n const listRef = React.useRef<HTMLOListElement>(null);\n const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n const lastFocusedElementRef = React.useRef<HTMLElement>(null);\n const isFocusWithinRef = React.useRef(false);\n\n const removeToast = React.useCallback(\n (toast: ToastT) => setToasts((toasts) => toasts.filter(({ id }) => id !== toast.id)),\n [],\n );\n\n React.useEffect(() => {\n return ToastState.subscribe((toast) => {\n if ((toast as ToastToDismiss).dismiss) {\n setToasts((toasts) => toasts.map((t) => (t.id === toast.id ? { ...t, delete: true } : t)));\n return;\n }\n\n // Prevent batching, temp solution.\n setTimeout(() => {\n ReactDOM.flushSync(() => {\n setToasts((toasts) => {\n const indexOfExistingToast = toasts.findIndex((t) => t.id === toast.id);\n\n // Update the toast if it already exists\n if (indexOfExistingToast !== -1) {\n return [\n ...toasts.slice(0, indexOfExistingToast),\n { ...toasts[indexOfExistingToast], ...toast },\n ...toasts.slice(indexOfExistingToast + 1),\n ];\n }\n\n return [toast, ...toasts];\n });\n });\n });\n });\n }, []);\n\n React.useEffect(() => {\n if (theme !== 'system') {\n setActualTheme(theme);\n return;\n }\n\n if (theme === 'system') {\n // check if current preference is dark\n if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n // it's currently dark\n setActualTheme('dark');\n } else {\n // it's not dark\n setActualTheme('light');\n }\n }\n\n if (typeof window === 'undefined') return;\n\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {\n if (matches) {\n setActualTheme('dark');\n } else {\n setActualTheme('light');\n }\n });\n }, [theme]);\n\n React.useEffect(() => {\n // Ensure expanded is always false when no toasts are present / only one left\n if (toasts.length <= 1) {\n setExpanded(false);\n }\n }, [toasts]);\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n\n if (isHotkeyPressed) {\n setExpanded(true);\n listRef.current?.focus();\n }\n\n if (\n event.code === 'Escape' &&\n (document.activeElement === listRef.current || listRef.current?.contains(document.activeElement))\n ) {\n setExpanded(false);\n }\n };\n document.addEventListener('keydown', handleKeyDown);\n\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [hotkey]);\n\n React.useEffect(() => {\n if (listRef.current) {\n return () => {\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n isFocusWithinRef.current = false;\n }\n };\n }\n }, [listRef.current]);\n\n if (!toasts.length) return null;\n\n return (\n // Remove item from normal navigation flow, only available via hotkey\n <section aria-label={`Notifications ${hotkeyLabel}`} tabIndex={-1}>\n {possiblePositions.map((position, index) => {\n const [y, x] = position.split('-');\n return (\n <ol\n key={position}\n dir={dir === 'auto' ? getDocumentDirection() : dir}\n tabIndex={-1}\n ref={listRef}\n className={className}\n data-sonner-toaster\n data-theme={actualTheme}\n data-rich-colors={richColors}\n data-y-position={y}\n data-x-position={x}\n style={\n {\n '--front-toast-height': `${heights[0]?.height}px`,\n '--offset': typeof offset === 'number' ? `${offset}px` : offset || VIEWPORT_OFFSET,\n '--width': `${TOAST_WIDTH}px`,\n '--gap': `${GAP}px`,\n ...style,\n } as React.CSSProperties\n }\n onBlur={(event) => {\n if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {\n isFocusWithinRef.current = false;\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n }\n }\n }}\n onFocus={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n\n if (!isFocusWithinRef.current) {\n isFocusWithinRef.current = true;\n lastFocusedElementRef.current = event.relatedTarget as HTMLElement;\n }\n }}\n onMouseEnter={() => setExpanded(true)}\n onMouseMove={() => setExpanded(true)}\n onMouseLeave={() => {\n // Avoid setting expanded to false when interacting with a toast, e.g. swiping\n if (!interacting) {\n setExpanded(false);\n }\n }}\n onPointerDown={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n setInteracting(true);\n }}\n onPointerUp={() => setInteracting(false)}\n >\n {toasts\n .filter((toast) => (!toast.position && index === 0) || toast.position === position)\n .map((toast, index) => (\n <Toast\n key={toast.id}\n index={index}\n toast={toast}\n duration={toastOptions?.duration ?? duration}\n className={toastOptions?.className}\n descriptionClassName={toastOptions?.descriptionClassName}\n invert={invert}\n visibleToasts={visibleToasts}\n closeButton={closeButton}\n interacting={interacting}\n position={position}\n style={toastOptions?.style}\n classNames={toastOptions?.classNames}\n cancelButtonStyle={toastOptions?.cancelButtonStyle}\n actionButtonStyle={toastOptions?.actionButtonStyle}\n removeToast={removeToast}\n toasts={toasts}\n heights={heights}\n setHeights={setHeights}\n expandByDefault={expand}\n gap={gap}\n loadingIcon={loadingIcon}\n expanded={expanded}\n />\n ))}\n </ol>\n );\n })}\n </section>\n );\n};\nexport { toast, Toaster, ToastT, ExternalToast };\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(\"html[dir=ltr],[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%)}html[dir=rtl],[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%)}[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}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[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);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[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}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [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)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [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}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [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;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;opacity:0;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]{opacity:1}[data-sonner-toast]:focus [data-close-button]{opacity:1}[data-sonner-toast]:focus-within [data-close-button]{opacity:1}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:\\\"\\\";position:absolute;left:0;right:0;height:100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\\\"\\\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\\\"\\\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[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)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[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}[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}[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-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] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[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}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\\n\")","'use client';\nimport React from 'react';\nimport type { ToastTypes } from './types';\n\nexport const getAsset = (type: ToastTypes): JSX.Element | null => {\n switch (type) {\n case 'success':\n return SuccessIcon;\n\n case 'info':\n return InfoIcon;\n\n case 'warning':\n return WarningIcon;\n\n case 'error':\n return ErrorIcon;\n\n default:\n return null;\n }\n};\n\nconst bars = Array(12).fill(0);\n\nexport const Loader = ({ visible }: { visible: boolean }) => {\n return (\n <div className=\"sonner-loading-wrapper\" data-visible={visible}>\n <div className=\"sonner-spinner\">\n {bars.map((_, i) => (\n <div className=\"sonner-loading-bar\" key={`spinner-bar-${i}`} />\n ))}\n </div>\n </div>\n );\n};\n\nconst SuccessIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst WarningIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst InfoIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst ErrorIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { ExternalToast, ToastT, PromiseData, PromiseT, ToastToDismiss, ToastTypes } from './types';\n\nlet toastsCounter = 1;\n\nclass Observer {\n subscribers: Array<(toast: ExternalToast | ToastToDismiss) => void>;\n toasts: Array<ToastT | ToastToDismiss>;\n\n constructor() {\n this.subscribers = [];\n this.toasts = [];\n }\n\n // We use arrow functions to maintain the correct `this` reference\n subscribe = (subscriber: (toast: ToastT | ToastToDismiss) => void) => {\n this.subscribers.push(subscriber);\n\n return () => {\n const index = this.subscribers.indexOf(subscriber);\n this.subscribers.splice(index, 1);\n };\n };\n\n publish = (data: ToastT) => {\n this.subscribers.forEach((subscriber) => subscriber(data));\n };\n\n addToast = (data: ToastT) => {\n this.publish(data);\n this.toasts = [...this.toasts, data];\n };\n\n create = (\n data: ExternalToast & {\n message?: string | React.ReactNode;\n type?: ToastTypes;\n promise?: PromiseT;\n jsx?: React.ReactElement;\n },\n ) => {\n const { message, ...rest } = data;\n const id = typeof data?.id === 'number' || data.id?.length > 0 ? data.id : toastsCounter++;\n const alreadyExists = this.toasts.find((toast) => {\n return toast.id === id;\n });\n const dismissible = data.dismissible === undefined ? true : data.dismissible;\n\n if (alreadyExists) {\n this.toasts = this.toasts.map((toast) => {\n if (toast.id === id) {\n this.publish({ ...toast, ...data, id, title: message });\n return {\n ...toast,\n ...data,\n id,\n dismissible,\n title: message,\n };\n }\n\n return toast;\n });\n } else {\n this.addToast({ title: message, ...rest, dismissible, id });\n }\n\n return id;\n };\n\n dismiss = (id?: number | string) => {\n if (!id) {\n this.toasts.forEach((toast) => {\n this.subscribers.forEach((subscriber) => subscriber({ id: toast.id, dismiss: true }));\n });\n }\n\n this.subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }));\n return id;\n };\n\n message = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message });\n };\n\n error = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message, type: 'error' });\n };\n\n success = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'success', message });\n };\n\n info = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'info', message });\n };\n\n warning = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'warning', message });\n };\n\n loading = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'loading', message });\n };\n\n promise = <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => {\n if (!data) {\n // Nothing to show\n return;\n }\n\n let id: string | number | undefined = undefined;\n if (data.loading !== undefined) {\n id = this.create({\n ...data,\n promise,\n type: 'loading',\n message: data.loading,\n });\n }\n\n const p = promise instanceof Promise ? promise : promise();\n\n let shouldDismiss = id !== undefined;\n\n p.then((response) => {\n // TODO: Clean up TS here, response has incorrect type\n // @ts-expect-error\n if (response && typeof response.ok === 'boolean' && !response.ok) {\n shouldDismiss = false;\n const message =\n // @ts-expect-error\n typeof data.error === 'function' ? data.error(`HTTP error! status: ${response.status}`) : data.error;\n this.create({ id, type: 'error', message });\n } else if (data.success !== undefined) {\n shouldDismiss = false;\n const message = typeof data.success === 'function' ? data.success(response) : data.success;\n this.create({ id, type: 'success', message });\n }\n })\n .catch((error) => {\n if (data.error !== undefined) {\n shouldDismiss = false;\n const message = typeof data.error === 'function' ? data.error(error) : data.error;\n this.create({ id, type: 'error', message });\n }\n })\n .finally(() => {\n if (shouldDismiss) {\n // Toast is still in load state (and will be indefinitely — dismiss it)\n this.dismiss(id);\n id = undefined;\n }\n\n data.finally?.();\n });\n\n return id;\n };\n\n custom = (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n this.create({ jsx: jsx(id), id, ...data });\n return id;\n };\n}\n\nexport const ToastState = new Observer();\n\n// bind this to the toast function\nconst toastFunction = (message: string | React.ReactNode, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n\n ToastState.addToast({\n title: message,\n ...data,\n id,\n });\n return id;\n};\n\nconst basicToast = toastFunction;\n\n// We use `Object.assign` to maintain the correct types as we would lose them otherwise\nexport const toast = Object.assign(basicToast, {\n success: ToastState.success,\n info: ToastState.info,\n warning: ToastState.warning,\n error: ToastState.error,\n custom: ToastState.custom,\n message: ToastState.message,\n promise: ToastState.promise,\n dismiss: ToastState.dismiss,\n loading: ToastState.loading,\n});\n"],"mappings":"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","names":["src_exports","__export","Toaster","toast","__toCommonJS","import_react","import_react_dom","styleInject","css","insertAt","head","style","styleInject","import_react","getAsset","type","SuccessIcon","InfoIcon","WarningIcon","ErrorIcon","bars","Loader","visible","React","_","i","toastsCounter","Observer","subscriber","index","data","_a","message","rest","id","alreadyExists","toast","dismissible","promise","p","shouldDismiss","response","error","jsx","ToastState","toastFunction","basicToast","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","ToasterInvert","toast","interacting","setHeights","visibleToasts","heights","index","toasts","expanded","removeToast","closeButton","style","cancelButtonStyle","actionButtonStyle","className","descriptionClassName","durationFromToaster","position","gap","loadingIconProp","expandByDefault","classNames","mounted","setMounted","React","removed","setRemoved","swiping","setSwiping","swipeOut","setSwipeOut","offsetBeforeRemove","setOffsetBeforeRemove","initialHeight","setInitialHeight","dragStartTime","toastRef","isFront","isVisible","toastType","dismissible","toastClassname","toastDescriptionClassname","heightIndex","height","duration","closeTimerStartTimeRef","offset","closeTimerRemainingTimeRef","lastCloseTimerStartTimeRef","pointerStartRef","y","x","toastsHeightBefore","prev","curr","reducerIndex","invert","disabled","toastNode","originalHeight","newHeight","deleteToast","h","timeoutId","remainingTime","elapsedTime","getLoadingIcon","Loader","event","swipeAmount","timeTaken","velocity","yPosition","xPosition","clampedY","swipeStartThreshold","getAsset","getDocumentDirection","dirAttribute","Toaster","hotkey","expand","theme","richColors","toastOptions","dir","loadingIcon","setToasts","possiblePositions","setExpanded","setInteracting","actualTheme","setActualTheme","listRef","hotkeyLabel","lastFocusedElementRef","isFocusWithinRef","id","ToastState","t","ReactDOM","indexOfExistingToast","matches","handleKeyDown","key"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";import e from"react";import Lt from"react-dom";function rt(l,{insertAt:a}={}){if(!l||typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",a==="top"&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=l:s.appendChild(document.createTextNode(l))}rt(`html[dir=ltr],[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%)}html[dir=rtl],[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%)}[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}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[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);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[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}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [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)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [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}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [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;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;opacity:0;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]{opacity:1}[data-sonner-toast]:focus [data-close-button]{opacity:1}[data-sonner-toast]:focus-within [data-close-button]{opacity:1}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:0;right:0;height:100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[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)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[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}[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}[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-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] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[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}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
2
|
-
`);import E from"react";var vt=l=>{switch(l){case"success":return Ct;case"info":return Pt;case"warning":return Mt;case"error":return Rt;default:return null}},It=Array(12).fill(0),xt=({visible:l})=>E.createElement("div",{className:"sonner-loading-wrapper","data-visible":l},E.createElement("div",{className:"sonner-spinner"},It.map((a,t)=>E.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${t}`})))),Ct=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},E.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"})),Mt=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},E.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"})),Pt=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},E.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"})),Rt=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},E.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"}));var nt=1,it=class{constructor(){this.subscribe=a=>(this.subscribers.push(a),()=>{let t=this.subscribers.indexOf(a);this.subscribers.splice(t,1)});this.publish=a=>{this.subscribers.forEach(t=>t(a))};this.addToast=a=>{this.publish(a),this.toasts=[...this.toasts,a]};this.create=a=>{var f;let{message:t,...s}=a,m=typeof(a==null?void 0:a.id)=="number"||((f=a.id)==null?void 0:f.length)>0?a.id:nt++,S=this.toasts.find(h=>h.id===m),d=a.dismissible===void 0?!0:a.dismissible;return S?this.toasts=this.toasts.map(h=>h.id===m?(this.publish({...h,...a,id:m,title:t}),{...h,...a,id:m,dismissible:d,title:t}):h):this.addToast({title:t,...s,dismissible:d,id:m}),m};this.dismiss=a=>(a||this.toasts.forEach(t=>{this.subscribers.forEach(s=>s({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:a,dismiss:!0})),a);this.message=(a,t)=>this.create({...t,message:a});this.error=(a,t)=>this.create({...t,message:a,type:"error"});this.success=(a,t)=>this.create({...t,type:"success",message:a});this.info=(a,t)=>this.create({...t,type:"info",message:a});this.warning=(a,t)=>this.create({...t,type:"warning",message:a});this.loading=(a,t)=>this.create({...t,type:"loading",message:a});this.promise=(a,t)=>{if(!t)return;let s;t.loading!==void 0&&(s=this.create({...t,promise:a,type:"loading",message:t.loading}));let m=a instanceof Promise?a:a(),S=s!==void 0;return m.then(d=>{if(d&&typeof d.ok=="boolean"&&!d.ok){S=!1;let f=typeof t.error=="function"?t.error(`HTTP error! status: ${d.status}`):t.error;this.create({id:s,type:"error",message:f})}else if(t.success!==void 0){S=!1;let f=typeof t.success=="function"?t.success(d):t.success;this.create({id:s,type:"success",message:f})}}).catch(d=>{if(t.error!==void 0){S=!1;let f=typeof t.error=="function"?t.error(d):t.error;this.create({id:s,type:"error",message:f})}}).finally(()=>{var d;S&&(this.dismiss(s),s=void 0),(d=t.finally)==null||d.call(t)}),s};this.custom=(a,t)=>{let s=(t==null?void 0:t.id)||nt++;return this.create({jsx:a(s),id:s,...t}),s};this.subscribers=[],this.toasts=[]}},x=new it,Dt=(l,a)=>{let t=(a==null?void 0:a.id)||nt++;return x.addToast({title:l,...a,id:t}),t},Ht=Dt,zt=Object.assign(Ht,{success:x.success,info:x.info,warning:x.warning,error:x.error,custom:x.custom,message:x.message,promise:x.promise,dismiss:x.dismiss,loading:x.loading});var At=3,Yt="32px",jt=4e3,Ft=356,wt=14,$t=20,Ut=200;function z(...l){return l.filter(Boolean).join(" ")}var _t=l=>{var ut,ft,mt,pt,gt,ht,bt;let{invert:a,toast:t,interacting:s,setHeights:m,visibleToasts:S,heights:d,index:f,toasts:h,expanded:Y,removeToast:V,closeButton:J,style:G,cancelButtonStyle:n,actionButtonStyle:W,className:q="",descriptionClassName:Q="",duration:k,position:j,gap:Z=wt,loadingIcon:F,expandByDefault:$,classNames:r}=l,[T,K]=e.useState(!1),[U,tt]=e.useState(!1),[R,I]=e.useState(!1),[O,C]=e.useState(!1),[D,_]=e.useState(0),[i,p]=e.useState(0),g=e.useRef(null),v=e.useRef(null),H=f===0,c=f+1<=S,b=t.type,M=t.dismissible!==!1,Et=t.className||"",St=t.descriptionClassName||"",X=e.useMemo(()=>d.findIndex(o=>o.toastId===t.id)||0,[d,t.id]),et=e.useMemo(()=>t.duration||k||jt,[t.duration,k]),at=e.useRef(0),L=e.useRef(0),Vt=e.useRef(et),lt=e.useRef(0),A=e.useRef(null),[dt,kt]=j.split("-"),ct=e.useMemo(()=>d.reduce((o,u,y)=>y>=X?o:o+u.height,0),[d,X]),Nt=t.invert||a,ot=b==="loading";L.current=e.useMemo(()=>X*Z+ct,[X,ct]),console.log(r),e.useEffect(()=>{K(!0)},[]),e.useLayoutEffect(()=>{if(!T)return;let o=v.current,u=o.style.height;o.style.height="auto";let y=o.getBoundingClientRect().height;o.style.height=u,p(y),m(N=>N.find(w=>w.toastId===t.id)?N.map(w=>w.toastId===t.id?{...w,height:y}:w):[{toastId:t.id,height:y},...N])},[T,t.title,t.description,m,t.id]);let P=e.useCallback(()=>{tt(!0),_(L.current),m(o=>o.filter(u=>u.toastId!==t.id)),setTimeout(()=>{V(t)},Ut)},[t,V,m,L]);e.useEffect(()=>{if(t.promise&&b==="loading"||t.duration===1/0)return;let o,u=et;return Y||s?(()=>{if(lt.current<at.current){let B=new Date().getTime()-at.current;u=u-B}lt.current=new Date().getTime()})():(()=>{at.current=new Date().getTime(),o=setTimeout(()=>{var B;(B=t.onAutoClose)==null||B.call(t,t),P()},u)})(),()=>clearTimeout(o)},[Y,s,$,t,et,P,t.promise,b]),e.useEffect(()=>{let o=v.current;if(o){let u=o.getBoundingClientRect().height;return p(u),m(y=>[{toastId:t.id,height:u},...y]),()=>m(y=>y.filter(N=>N.toastId!==t.id))}},[m,t.id]),e.useEffect(()=>{t.delete&&P()},[P,t.delete]);function Bt(){var o;return F?e.createElement("div",{className:z("loader",r==null?void 0:r.toast,(o=t==null?void 0:t.classNames)==null?void 0:o.toast),"data-visible":b==="loading"},F):e.createElement(xt,{visible:b==="loading"})}return e.createElement("li",{"aria-live":t.important?"assertive":"polite","aria-atomic":"true",role:"status",tabIndex:0,ref:v,className:z(q,Et,r==null?void 0:r.toast,(ut=t==null?void 0:t.classNames)==null?void 0:ut.toast,r==null?void 0:r[b],(ft=t==null?void 0:t.classNames)==null?void 0:ft[b]),"data-sonner-toast":"","data-styled":!(t.jsx||t.unstyled),"data-mounted":T,"data-promise":!!t.promise,"data-removed":U,"data-visible":c,"data-y-position":dt,"data-x-position":kt,"data-index":f,"data-front":H,"data-swiping":R,"data-dismissible":M,"data-type":b,"data-invert":Nt,"data-swipe-out":O,"data-expanded":!!(Y||$&&T),style:{"--index":f,"--toasts-before":f,"--z-index":h.length-f,"--offset":`${U?D:L.current}px`,"--initial-height":$?"auto":`${i}px`,...G,...t.style},onPointerDown:o=>{ot||!M||(g.current=new Date,_(L.current),o.target.setPointerCapture(o.pointerId),o.target.tagName!=="BUTTON"&&(I(!0),A.current={x:o.clientX,y:o.clientY}))},onPointerUp:()=>{var N,B,w,st;if(O||!M)return;A.current=null;let o=Number(((N=v.current)==null?void 0:N.style.getPropertyValue("--swipe-amount").replace("px",""))||0),u=new Date().getTime()-((B=g.current)==null?void 0:B.getTime()),y=Math.abs(o)/u;if(Math.abs(o)>=$t||y>.11){_(L.current),(w=t.onDismiss)==null||w.call(t,t),P(),C(!0);return}(st=v.current)==null||st.style.setProperty("--swipe-amount","0px"),I(!1)},onPointerMove:o=>{var yt;if(!A.current||!M)return;let u=o.clientY-A.current.y,y=o.clientX-A.current.x,B=(dt==="top"?Math.min:Math.max)(0,u),w=o.pointerType==="touch"?10:2;Math.abs(B)>w?(yt=v.current)==null||yt.style.setProperty("--swipe-amount",`${u}px`):Math.abs(y)>w&&(A.current=null)}},J&&!t.jsx?e.createElement("button",{"aria-label":"Close toast","data-disabled":ot,"data-close-button":!0,onClick:ot||!M?()=>{}:()=>{var o;P(),(o=t.onDismiss)==null||o.call(t,t)},className:z(r==null?void 0:r.closeButton,(mt=t==null?void 0:t.classNames)==null?void 0:mt.closeButton)},e.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"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))):null,t.jsx||e.isValidElement(t.title)?t.jsx||t.title:e.createElement(e.Fragment,null,b||t.icon||t.promise?e.createElement("div",{"data-icon":""},(t.promise||t.type==="loading")&&!t.icon?Bt():null,t.icon||vt(b)):null,e.createElement("div",{"data-content":""},e.createElement("div",{"data-title":"",className:z(r==null?void 0:r.title,(pt=t==null?void 0:t.classNames)==null?void 0:pt.title)},t.title),t.description?e.createElement("div",{"data-description":"",className:z(Q,St,r==null?void 0:r.description,(gt=t==null?void 0:t.classNames)==null?void 0:gt.description)},t.description):null),t.cancel?e.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||n,onClick:()=>{var o;M&&(P(),(o=t.cancel)!=null&&o.onClick&&t.cancel.onClick())},className:z(r==null?void 0:r.cancelButton,(ht=t==null?void 0:t.classNames)==null?void 0:ht.cancelButton)},t.cancel.label):null,t.action?e.createElement("button",{"data-button":"",style:t.actionButtonStyle||W,onClick:o=>{var u;(u=t.action)==null||u.onClick(o),!o.defaultPrevented&&P()},className:z(r==null?void 0:r.actionButton,(bt=t==null?void 0:t.classNames)==null?void 0:bt.actionButton)},t.action.label):null))};function Tt(){if(typeof window=="undefined")return"ltr";let l=document.documentElement.getAttribute("dir");return l==="auto"||!l?window.getComputedStyle(document.documentElement).direction:l}var ee=l=>{let{invert:a,position:t="bottom-right",hotkey:s=["altKey","KeyT"],expand:m,closeButton:S,className:d,offset:f,theme:h="light",richColors:Y,duration:V,style:J,visibleToasts:G=At,toastOptions:n,dir:W=Tt(),gap:q,loadingIcon:Q}=l,[k,j]=e.useState([]),Z=e.useMemo(()=>Array.from(new Set([t].concat(k.filter(i=>i.position).map(i=>i.position)))),[k,t]),[F,$]=e.useState([]),[r,T]=e.useState(!1),[K,U]=e.useState(!1),[tt,R]=e.useState(h!=="system"?h:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),I=e.useRef(null),O=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),C=e.useRef(null),D=e.useRef(!1),_=e.useCallback(i=>j(p=>p.filter(({id:g})=>g!==i.id)),[]);return e.useEffect(()=>x.subscribe(i=>{if(i.dismiss){j(p=>p.map(g=>g.id===i.id?{...g,delete:!0}:g));return}setTimeout(()=>{Lt.flushSync(()=>{j(p=>{let g=p.findIndex(v=>v.id===i.id);return g!==-1?[...p.slice(0,g),{...p[g],...i},...p.slice(g+1)]:[i,...p]})})})}),[]),e.useEffect(()=>{if(h!=="system"){R(h);return}h==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?R("dark"):R("light")),typeof window!="undefined"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:i})=>{R(i?"dark":"light")})},[h]),e.useEffect(()=>{k.length<=1&&T(!1)},[k]),e.useEffect(()=>{let i=p=>{var v,H;s.every(c=>p[c]||p.code===c)&&(T(!0),(v=I.current)==null||v.focus()),p.code==="Escape"&&(document.activeElement===I.current||(H=I.current)!=null&&H.contains(document.activeElement))&&T(!1)};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[s]),e.useEffect(()=>{if(I.current)return()=>{C.current&&(C.current.focus({preventScroll:!0}),C.current=null,D.current=!1)}},[I.current]),k.length?e.createElement("section",{"aria-label":`Notifications ${O}`,tabIndex:-1},Z.map((i,p)=>{var H;let[g,v]=i.split("-");return e.createElement("ol",{key:i,dir:W==="auto"?Tt():W,tabIndex:-1,ref:I,className:d,"data-sonner-toaster":!0,"data-theme":tt,"data-rich-colors":Y,"data-y-position":g,"data-x-position":v,style:{"--front-toast-height":`${(H=F[0])==null?void 0:H.height}px`,"--offset":typeof f=="number"?`${f}px`:f||Yt,"--width":`${Ft}px`,"--gap":`${wt}px`,...J},onBlur:c=>{D.current&&!c.currentTarget.contains(c.relatedTarget)&&(D.current=!1,C.current&&(C.current.focus({preventScroll:!0}),C.current=null))},onFocus:c=>{c.target instanceof HTMLElement&&c.target.dataset.dismissible==="false"||D.current||(D.current=!0,C.current=c.relatedTarget)},onMouseEnter:()=>T(!0),onMouseMove:()=>T(!0),onMouseLeave:()=>{K||T(!1)},onPointerDown:c=>{c.target instanceof HTMLElement&&c.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},k.filter(c=>!c.position&&p===0||c.position===i).map((c,b)=>{var M;return e.createElement(_t,{key:c.id,index:b,toast:c,duration:(M=n==null?void 0:n.duration)!=null?M:V,className:n==null?void 0:n.className,descriptionClassName:n==null?void 0:n.descriptionClassName,invert:a,visibleToasts:G,closeButton:S,interacting:K,position:i,style:n==null?void 0:n.style,classNames:n==null?void 0:n.classNames,cancelButtonStyle:n==null?void 0:n.cancelButtonStyle,actionButtonStyle:n==null?void 0:n.actionButtonStyle,removeToast:_,toasts:k,heights:F,setHeights:$,expandByDefault:m,gap:q,loadingIcon:Q,expanded:r})}))})):null};export{ee as Toaster,zt as toast};
|
|
2
|
+
`);import E from"react";var vt=l=>{switch(l){case"success":return Ct;case"info":return Pt;case"warning":return Mt;case"error":return Rt;default:return null}},It=Array(12).fill(0),xt=({visible:l})=>E.createElement("div",{className:"sonner-loading-wrapper","data-visible":l},E.createElement("div",{className:"sonner-spinner"},It.map((a,t)=>E.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${t}`})))),Ct=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},E.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"})),Mt=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},E.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"})),Pt=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},E.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"})),Rt=E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},E.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"}));var nt=1,it=class{constructor(){this.subscribe=a=>(this.subscribers.push(a),()=>{let t=this.subscribers.indexOf(a);this.subscribers.splice(t,1)});this.publish=a=>{this.subscribers.forEach(t=>t(a))};this.addToast=a=>{this.publish(a),this.toasts=[...this.toasts,a]};this.create=a=>{var f;let{message:t,...s}=a,m=typeof(a==null?void 0:a.id)=="number"||((f=a.id)==null?void 0:f.length)>0?a.id:nt++,S=this.toasts.find(h=>h.id===m),d=a.dismissible===void 0?!0:a.dismissible;return S?this.toasts=this.toasts.map(h=>h.id===m?(this.publish({...h,...a,id:m,title:t}),{...h,...a,id:m,dismissible:d,title:t}):h):this.addToast({title:t,...s,dismissible:d,id:m}),m};this.dismiss=a=>(a||this.toasts.forEach(t=>{this.subscribers.forEach(s=>s({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:a,dismiss:!0})),a);this.message=(a,t)=>this.create({...t,message:a});this.error=(a,t)=>this.create({...t,message:a,type:"error"});this.success=(a,t)=>this.create({...t,type:"success",message:a});this.info=(a,t)=>this.create({...t,type:"info",message:a});this.warning=(a,t)=>this.create({...t,type:"warning",message:a});this.loading=(a,t)=>this.create({...t,type:"loading",message:a});this.promise=(a,t)=>{if(!t)return;let s;t.loading!==void 0&&(s=this.create({...t,promise:a,type:"loading",message:t.loading}));let m=a instanceof Promise?a:a(),S=s!==void 0;return m.then(d=>{if(d&&typeof d.ok=="boolean"&&!d.ok){S=!1;let f=typeof t.error=="function"?t.error(`HTTP error! status: ${d.status}`):t.error;this.create({id:s,type:"error",message:f})}else if(t.success!==void 0){S=!1;let f=typeof t.success=="function"?t.success(d):t.success;this.create({id:s,type:"success",message:f})}}).catch(d=>{if(t.error!==void 0){S=!1;let f=typeof t.error=="function"?t.error(d):t.error;this.create({id:s,type:"error",message:f})}}).finally(()=>{var d;S&&(this.dismiss(s),s=void 0),(d=t.finally)==null||d.call(t)}),s};this.custom=(a,t)=>{let s=(t==null?void 0:t.id)||nt++;return this.create({jsx:a(s),id:s,...t}),s};this.subscribers=[],this.toasts=[]}},x=new it,Dt=(l,a)=>{let t=(a==null?void 0:a.id)||nt++;return x.addToast({title:l,...a,id:t}),t},Ht=Dt,zt=Object.assign(Ht,{success:x.success,info:x.info,warning:x.warning,error:x.error,custom:x.custom,message:x.message,promise:x.promise,dismiss:x.dismiss,loading:x.loading});var At=3,Yt="32px",jt=4e3,Ft=356,wt=14,$t=20,Ut=200;function z(...l){return l.filter(Boolean).join(" ")}var _t=l=>{var ut,ft,mt,pt,gt,ht,bt;let{invert:a,toast:t,interacting:s,setHeights:m,visibleToasts:S,heights:d,index:f,toasts:h,expanded:Y,removeToast:V,closeButton:J,style:G,cancelButtonStyle:n,actionButtonStyle:W,className:q="",descriptionClassName:Q="",duration:k,position:j,gap:Z=wt,loadingIcon:F,expandByDefault:$,classNames:r}=l,[T,K]=e.useState(!1),[U,tt]=e.useState(!1),[R,I]=e.useState(!1),[O,C]=e.useState(!1),[D,_]=e.useState(0),[i,p]=e.useState(0),g=e.useRef(null),v=e.useRef(null),H=f===0,c=f+1<=S,b=t.type,M=t.dismissible!==!1,Et=t.className||"",St=t.descriptionClassName||"",X=e.useMemo(()=>d.findIndex(o=>o.toastId===t.id)||0,[d,t.id]),et=e.useMemo(()=>t.duration||k||jt,[t.duration,k]),at=e.useRef(0),L=e.useRef(0),Vt=e.useRef(et),lt=e.useRef(0),A=e.useRef(null),[dt,kt]=j.split("-"),ct=e.useMemo(()=>d.reduce((o,u,y)=>y>=X?o:o+u.height,0),[d,X]),Nt=t.invert||a,ot=b==="loading";L.current=e.useMemo(()=>X*Z+ct,[X,ct]),e.useEffect(()=>{K(!0)},[]),e.useLayoutEffect(()=>{if(!T)return;let o=v.current,u=o.style.height;o.style.height="auto";let y=o.getBoundingClientRect().height;o.style.height=u,p(y),m(N=>N.find(w=>w.toastId===t.id)?N.map(w=>w.toastId===t.id?{...w,height:y}:w):[{toastId:t.id,height:y},...N])},[T,t.title,t.description,m,t.id]);let P=e.useCallback(()=>{tt(!0),_(L.current),m(o=>o.filter(u=>u.toastId!==t.id)),setTimeout(()=>{V(t)},Ut)},[t,V,m,L]);e.useEffect(()=>{if(t.promise&&b==="loading"||t.duration===1/0)return;let o,u=et;return Y||s?(()=>{if(lt.current<at.current){let B=new Date().getTime()-at.current;u=u-B}lt.current=new Date().getTime()})():(()=>{at.current=new Date().getTime(),o=setTimeout(()=>{var B;(B=t.onAutoClose)==null||B.call(t,t),P()},u)})(),()=>clearTimeout(o)},[Y,s,$,t,et,P,t.promise,b]),e.useEffect(()=>{let o=v.current;if(o){let u=o.getBoundingClientRect().height;return p(u),m(y=>[{toastId:t.id,height:u},...y]),()=>m(y=>y.filter(N=>N.toastId!==t.id))}},[m,t.id]),e.useEffect(()=>{t.delete&&P()},[P,t.delete]);function Bt(){var o;return F?e.createElement("div",{className:z("loader",r==null?void 0:r.toast,(o=t==null?void 0:t.classNames)==null?void 0:o.toast),"data-visible":b==="loading"},F):e.createElement(xt,{visible:b==="loading"})}return e.createElement("li",{"aria-live":t.important?"assertive":"polite","aria-atomic":"true",role:"status",tabIndex:0,ref:v,className:z(q,Et,r==null?void 0:r.toast,(ut=t==null?void 0:t.classNames)==null?void 0:ut.toast,r==null?void 0:r[b],(ft=t==null?void 0:t.classNames)==null?void 0:ft[b]),"data-sonner-toast":"","data-styled":!(t.jsx||t.unstyled),"data-mounted":T,"data-promise":!!t.promise,"data-removed":U,"data-visible":c,"data-y-position":dt,"data-x-position":kt,"data-index":f,"data-front":H,"data-swiping":R,"data-dismissible":M,"data-type":b,"data-invert":Nt,"data-swipe-out":O,"data-expanded":!!(Y||$&&T),style:{"--index":f,"--toasts-before":f,"--z-index":h.length-f,"--offset":`${U?D:L.current}px`,"--initial-height":$?"auto":`${i}px`,...G,...t.style},onPointerDown:o=>{ot||!M||(g.current=new Date,_(L.current),o.target.setPointerCapture(o.pointerId),o.target.tagName!=="BUTTON"&&(I(!0),A.current={x:o.clientX,y:o.clientY}))},onPointerUp:()=>{var N,B,w,st;if(O||!M)return;A.current=null;let o=Number(((N=v.current)==null?void 0:N.style.getPropertyValue("--swipe-amount").replace("px",""))||0),u=new Date().getTime()-((B=g.current)==null?void 0:B.getTime()),y=Math.abs(o)/u;if(Math.abs(o)>=$t||y>.11){_(L.current),(w=t.onDismiss)==null||w.call(t,t),P(),C(!0);return}(st=v.current)==null||st.style.setProperty("--swipe-amount","0px"),I(!1)},onPointerMove:o=>{var yt;if(!A.current||!M)return;let u=o.clientY-A.current.y,y=o.clientX-A.current.x,B=(dt==="top"?Math.min:Math.max)(0,u),w=o.pointerType==="touch"?10:2;Math.abs(B)>w?(yt=v.current)==null||yt.style.setProperty("--swipe-amount",`${u}px`):Math.abs(y)>w&&(A.current=null)}},J&&!t.jsx?e.createElement("button",{"aria-label":"Close toast","data-disabled":ot,"data-close-button":!0,onClick:ot||!M?()=>{}:()=>{var o;P(),(o=t.onDismiss)==null||o.call(t,t)},className:z(r==null?void 0:r.closeButton,(mt=t==null?void 0:t.classNames)==null?void 0:mt.closeButton)},e.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"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))):null,t.jsx||e.isValidElement(t.title)?t.jsx||t.title:e.createElement(e.Fragment,null,b||t.icon||t.promise?e.createElement("div",{"data-icon":""},(t.promise||t.type==="loading")&&!t.icon?Bt():null,t.icon||vt(b)):null,e.createElement("div",{"data-content":""},e.createElement("div",{"data-title":"",className:z(r==null?void 0:r.title,(pt=t==null?void 0:t.classNames)==null?void 0:pt.title)},t.title),t.description?e.createElement("div",{"data-description":"",className:z(Q,St,r==null?void 0:r.description,(gt=t==null?void 0:t.classNames)==null?void 0:gt.description)},t.description):null),t.cancel?e.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||n,onClick:()=>{var o;M&&(P(),(o=t.cancel)!=null&&o.onClick&&t.cancel.onClick())},className:z(r==null?void 0:r.cancelButton,(ht=t==null?void 0:t.classNames)==null?void 0:ht.cancelButton)},t.cancel.label):null,t.action?e.createElement("button",{"data-button":"",style:t.actionButtonStyle||W,onClick:o=>{var u;(u=t.action)==null||u.onClick(o),!o.defaultPrevented&&P()},className:z(r==null?void 0:r.actionButton,(bt=t==null?void 0:t.classNames)==null?void 0:bt.actionButton)},t.action.label):null))};function Tt(){if(typeof window=="undefined")return"ltr";let l=document.documentElement.getAttribute("dir");return l==="auto"||!l?window.getComputedStyle(document.documentElement).direction:l}var ee=l=>{let{invert:a,position:t="bottom-right",hotkey:s=["altKey","KeyT"],expand:m,closeButton:S,className:d,offset:f,theme:h="light",richColors:Y,duration:V,style:J,visibleToasts:G=At,toastOptions:n,dir:W=Tt(),gap:q,loadingIcon:Q}=l,[k,j]=e.useState([]),Z=e.useMemo(()=>Array.from(new Set([t].concat(k.filter(i=>i.position).map(i=>i.position)))),[k,t]),[F,$]=e.useState([]),[r,T]=e.useState(!1),[K,U]=e.useState(!1),[tt,R]=e.useState(h!=="system"?h:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),I=e.useRef(null),O=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),C=e.useRef(null),D=e.useRef(!1),_=e.useCallback(i=>j(p=>p.filter(({id:g})=>g!==i.id)),[]);return e.useEffect(()=>x.subscribe(i=>{if(i.dismiss){j(p=>p.map(g=>g.id===i.id?{...g,delete:!0}:g));return}setTimeout(()=>{Lt.flushSync(()=>{j(p=>{let g=p.findIndex(v=>v.id===i.id);return g!==-1?[...p.slice(0,g),{...p[g],...i},...p.slice(g+1)]:[i,...p]})})})}),[]),e.useEffect(()=>{if(h!=="system"){R(h);return}h==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?R("dark"):R("light")),typeof window!="undefined"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:i})=>{R(i?"dark":"light")})},[h]),e.useEffect(()=>{k.length<=1&&T(!1)},[k]),e.useEffect(()=>{let i=p=>{var v,H;s.every(c=>p[c]||p.code===c)&&(T(!0),(v=I.current)==null||v.focus()),p.code==="Escape"&&(document.activeElement===I.current||(H=I.current)!=null&&H.contains(document.activeElement))&&T(!1)};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[s]),e.useEffect(()=>{if(I.current)return()=>{C.current&&(C.current.focus({preventScroll:!0}),C.current=null,D.current=!1)}},[I.current]),k.length?e.createElement("section",{"aria-label":`Notifications ${O}`,tabIndex:-1},Z.map((i,p)=>{var H;let[g,v]=i.split("-");return e.createElement("ol",{key:i,dir:W==="auto"?Tt():W,tabIndex:-1,ref:I,className:d,"data-sonner-toaster":!0,"data-theme":tt,"data-rich-colors":Y,"data-y-position":g,"data-x-position":v,style:{"--front-toast-height":`${(H=F[0])==null?void 0:H.height}px`,"--offset":typeof f=="number"?`${f}px`:f||Yt,"--width":`${Ft}px`,"--gap":`${wt}px`,...J},onBlur:c=>{D.current&&!c.currentTarget.contains(c.relatedTarget)&&(D.current=!1,C.current&&(C.current.focus({preventScroll:!0}),C.current=null))},onFocus:c=>{c.target instanceof HTMLElement&&c.target.dataset.dismissible==="false"||D.current||(D.current=!0,C.current=c.relatedTarget)},onMouseEnter:()=>T(!0),onMouseMove:()=>T(!0),onMouseLeave:()=>{K||T(!1)},onPointerDown:c=>{c.target instanceof HTMLElement&&c.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},k.filter(c=>!c.position&&p===0||c.position===i).map((c,b)=>{var M;return e.createElement(_t,{key:c.id,index:b,toast:c,duration:(M=n==null?void 0:n.duration)!=null?M:V,className:n==null?void 0:n.className,descriptionClassName:n==null?void 0:n.descriptionClassName,invert:a,visibleToasts:G,closeButton:S,interacting:K,position:i,style:n==null?void 0:n.style,classNames:n==null?void 0:n.classNames,cancelButtonStyle:n==null?void 0:n.cancelButtonStyle,actionButtonStyle:n==null?void 0:n.actionButtonStyle,removeToast:_,toasts:k,heights:F,setHeights:$,expandByDefault:m,gap:q,loadingIcon:Q,expanded:r})}))})):null};export{ee as Toaster,zt as toast};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx","#style-inject:#style-inject","../src/styles.css","../src/assets.tsx","../src/state.ts"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport './styles.css';\nimport { getAsset, Loader } from './assets';\nimport type { HeightT, Position, ToastT, ToastToDismiss, ExternalToast, ToasterProps, ToastClassnames } from './types';\nimport { ToastState, toast } from './state';\n\n// Visible toasts amount\nconst VISIBLE_TOASTS_AMOUNT = 3;\n\n// Viewport padding\nconst VIEWPORT_OFFSET = '32px';\n\n// Default lifetime of a toasts (in ms)\nconst TOAST_LIFETIME = 4000;\n\n// Default toast width\nconst TOAST_WIDTH = 356;\n\n// Default gap between toasts\nconst GAP = 14;\n\nconst SWIPE_THRESHOLD = 20;\n\nconst TIME_BEFORE_UNMOUNT = 200;\n\ninterface ToastProps {\n toast: ToastT;\n toasts: ToastT[];\n index: number;\n expanded: boolean;\n invert: boolean;\n heights: HeightT[];\n setHeights: React.Dispatch<React.SetStateAction<HeightT[]>>;\n removeToast: (toast: ToastT) => void;\n gap?: number;\n position: Position;\n visibleToasts: number;\n expandByDefault: boolean;\n closeButton: boolean;\n interacting: boolean;\n style?: React.CSSProperties;\n cancelButtonStyle?: React.CSSProperties;\n actionButtonStyle?: React.CSSProperties;\n duration?: number;\n className?: string;\n unstyled?: boolean;\n descriptionClassName?: string;\n loadingIcon?: React.ReactNode;\n classNames?: ToastClassnames;\n}\n\nfunction cn(...classes: (string | undefined)[]) {\n return classes.filter(Boolean).join(' ');\n}\n\nconst Toast = (props: ToastProps) => {\n const {\n invert: ToasterInvert,\n toast,\n interacting,\n setHeights,\n visibleToasts,\n heights,\n index,\n toasts,\n expanded,\n removeToast,\n closeButton,\n style,\n cancelButtonStyle,\n actionButtonStyle,\n className = '',\n descriptionClassName = '',\n duration: durationFromToaster,\n position,\n gap = GAP,\n loadingIcon: loadingIconProp,\n expandByDefault,\n classNames,\n } = props;\n const [mounted, setMounted] = React.useState(false);\n const [removed, setRemoved] = React.useState(false);\n const [swiping, setSwiping] = React.useState(false);\n const [swipeOut, setSwipeOut] = React.useState(false);\n const [offsetBeforeRemove, setOffsetBeforeRemove] = React.useState(0);\n const [initialHeight, setInitialHeight] = React.useState(0);\n const dragStartTime = React.useRef<Date | null>(null);\n const toastRef = React.useRef<HTMLLIElement>(null);\n const isFront = index === 0;\n const isVisible = index + 1 <= visibleToasts;\n const toastType = toast.type;\n const dismissible = toast.dismissible !== false;\n const toastClassname = toast.className || '';\n const toastDescriptionClassname = toast.descriptionClassName || '';\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.\n const heightIndex = React.useMemo(\n () => heights.findIndex((height) => height.toastId === toast.id) || 0,\n [heights, toast.id],\n );\n const duration = React.useMemo(\n () => toast.duration || durationFromToaster || TOAST_LIFETIME,\n [toast.duration, durationFromToaster],\n );\n const closeTimerStartTimeRef = React.useRef(0);\n const offset = React.useRef(0);\n const closeTimerRemainingTimeRef = React.useRef(duration);\n const lastCloseTimerStartTimeRef = React.useRef(0);\n const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n const [y, x] = position.split('-');\n const toastsHeightBefore = React.useMemo(() => {\n return heights.reduce((prev, curr, reducerIndex) => {\n // Calculate offset up until current toast\n if (reducerIndex >= heightIndex) {\n return prev;\n }\n\n return prev + curr.height;\n }, 0);\n }, [heights, heightIndex]);\n const invert = toast.invert || ToasterInvert;\n const disabled = toastType === 'loading';\n\n offset.current = React.useMemo(() => heightIndex * gap + toastsHeightBefore, [heightIndex, toastsHeightBefore]);\n console.log(classNames);\n\n React.useEffect(() => {\n // Trigger enter animation without using CSS animation\n setMounted(true);\n }, []);\n\n React.useLayoutEffect(() => {\n if (!mounted) return;\n const toastNode = toastRef.current;\n const originalHeight = toastNode.style.height;\n toastNode.style.height = 'auto';\n const newHeight = toastNode.getBoundingClientRect().height;\n toastNode.style.height = originalHeight;\n\n setInitialHeight(newHeight);\n\n setHeights((heights) => {\n const alreadyExists = heights.find((height) => height.toastId === toast.id);\n if (!alreadyExists) {\n return [{ toastId: toast.id, height: newHeight }, ...heights];\n } else {\n return heights.map((height) => (height.toastId === toast.id ? { ...height, height: newHeight } : height));\n }\n });\n }, [mounted, toast.title, toast.description, setHeights, toast.id]);\n\n const deleteToast = React.useCallback(() => {\n // Save the offset for the exit swipe animation\n setRemoved(true);\n setOffsetBeforeRemove(offset.current);\n setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n\n setTimeout(() => {\n removeToast(toast);\n }, TIME_BEFORE_UNMOUNT);\n }, [toast, removeToast, setHeights, offset]);\n\n React.useEffect(() => {\n if ((toast.promise && toastType === 'loading') || toast.duration === Infinity) return;\n let timeoutId: NodeJS.Timeout;\n let remainingTime = duration;\n // Pause the timer on each hover\n const pauseTimer = () => {\n if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {\n // Get the elapsed time since the timer started\n const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n\n remainingTime = remainingTime - elapsedTime;\n }\n\n lastCloseTimerStartTimeRef.current = new Date().getTime();\n };\n\n const startTimer = () => {\n closeTimerStartTimeRef.current = new Date().getTime();\n\n // Let the toast know it has started\n timeoutId = setTimeout(() => {\n toast.onAutoClose?.(toast);\n deleteToast();\n }, remainingTime);\n };\n\n if (expanded || interacting) {\n pauseTimer();\n } else {\n startTimer();\n }\n\n return () => clearTimeout(timeoutId);\n }, [expanded, interacting, expandByDefault, toast, duration, deleteToast, toast.promise, toastType]);\n\n React.useEffect(() => {\n const toastNode = toastRef.current;\n\n if (toastNode) {\n const height = toastNode.getBoundingClientRect().height;\n\n // Add toast height tot heights array after the toast is mounted\n setInitialHeight(height);\n setHeights((h) => [{ toastId: toast.id, height }, ...h]);\n\n return () => setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n }\n }, [setHeights, toast.id]);\n\n React.useEffect(() => {\n if (toast.delete) {\n deleteToast();\n }\n }, [deleteToast, toast.delete]);\n\n function getLoadingIcon() {\n if (loadingIconProp) {\n return (\n <div\n className={cn('loader', classNames?.toast, toast?.classNames?.toast)}\n data-visible={toastType === 'loading'}\n >\n {loadingIconProp}\n </div>\n );\n }\n return <Loader visible={toastType === 'loading'} />;\n }\n\n return (\n <li\n aria-live={toast.important ? 'assertive' : 'polite'}\n aria-atomic=\"true\"\n role=\"status\"\n tabIndex={0}\n ref={toastRef}\n className={cn(\n className,\n toastClassname,\n classNames?.toast,\n toast?.classNames?.toast,\n classNames?.[toastType],\n toast?.classNames?.[toastType],\n )}\n data-sonner-toast=\"\"\n data-styled={!Boolean(toast.jsx || toast.unstyled)}\n data-mounted={mounted}\n data-promise={Boolean(toast.promise)}\n data-removed={removed}\n data-visible={isVisible}\n data-y-position={y}\n data-x-position={x}\n data-index={index}\n data-front={isFront}\n data-swiping={swiping}\n data-dismissible={dismissible}\n data-type={toastType}\n data-invert={invert}\n data-swipe-out={swipeOut}\n data-expanded={Boolean(expanded || (expandByDefault && mounted))}\n style={\n {\n '--index': index,\n '--toasts-before': index,\n '--z-index': toasts.length - index,\n '--offset': `${removed ? offsetBeforeRemove : offset.current}px`,\n '--initial-height': expandByDefault ? 'auto' : `${initialHeight}px`,\n ...style,\n ...toast.style,\n } as React.CSSProperties\n }\n onPointerDown={(event) => {\n if (disabled || !dismissible) return;\n dragStartTime.current = new Date();\n setOffsetBeforeRemove(offset.current);\n // Ensure we maintain correct pointer capture even when going outside of the toast (e.g. when swiping)\n (event.target as HTMLElement).setPointerCapture(event.pointerId);\n if ((event.target as HTMLElement).tagName === 'BUTTON') return;\n setSwiping(true);\n pointerStartRef.current = { x: event.clientX, y: event.clientY };\n }}\n onPointerUp={() => {\n if (swipeOut || !dismissible) return;\n\n pointerStartRef.current = null;\n const swipeAmount = Number(toastRef.current?.style.getPropertyValue('--swipe-amount').replace('px', '') || 0);\n const timeTaken = new Date().getTime() - dragStartTime.current?.getTime();\n const velocity = Math.abs(swipeAmount) / timeTaken;\n\n // Remove only if threshold is met\n if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {\n setOffsetBeforeRemove(offset.current);\n toast.onDismiss?.(toast);\n deleteToast();\n setSwipeOut(true);\n return;\n }\n\n toastRef.current?.style.setProperty('--swipe-amount', '0px');\n setSwiping(false);\n }}\n onPointerMove={(event) => {\n if (!pointerStartRef.current || !dismissible) return;\n\n const yPosition = event.clientY - pointerStartRef.current.y;\n const xPosition = event.clientX - pointerStartRef.current.x;\n\n const clamp = y === 'top' ? Math.min : Math.max;\n const clampedY = clamp(0, yPosition);\n const swipeStartThreshold = event.pointerType === 'touch' ? 10 : 2;\n const isAllowedToSwipe = Math.abs(clampedY) > swipeStartThreshold;\n\n if (isAllowedToSwipe) {\n toastRef.current?.style.setProperty('--swipe-amount', `${yPosition}px`);\n } else if (Math.abs(xPosition) > swipeStartThreshold) {\n // User is swiping in wrong direction so we disable swipe gesture\n // for the current pointer down interaction\n pointerStartRef.current = null;\n }\n }}\n >\n {closeButton && !toast.jsx ? (\n <button\n aria-label=\"Close toast\"\n data-disabled={disabled}\n data-close-button\n onClick={\n disabled || !dismissible\n ? () => {}\n : () => {\n deleteToast();\n toast.onDismiss?.(toast);\n }\n }\n className={cn(classNames?.closeButton, toast?.classNames?.closeButton)}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n </svg>\n </button>\n ) : null}\n {toast.jsx || React.isValidElement(toast.title) ? (\n toast.jsx || toast.title\n ) : (\n <>\n {toastType || toast.icon || toast.promise ? (\n <div data-icon=\"\">\n {(toast.promise || toast.type === 'loading') && !toast.icon ? getLoadingIcon() : null}\n {toast.icon || getAsset(toastType)}\n </div>\n ) : null}\n\n <div data-content=\"\">\n <div data-title=\"\" className={cn(classNames?.title, toast?.classNames?.title)}>\n {toast.title}\n </div>\n {toast.description ? (\n <div\n data-description=\"\"\n className={cn(\n descriptionClassName,\n toastDescriptionClassname,\n classNames?.description,\n toast?.classNames?.description,\n )}\n >\n {toast.description}\n </div>\n ) : null}\n </div>\n {toast.cancel ? (\n <button\n data-button\n data-cancel\n style={toast.cancelButtonStyle || cancelButtonStyle}\n onClick={() => {\n if (!dismissible) return;\n deleteToast();\n if (toast.cancel?.onClick) {\n toast.cancel.onClick();\n }\n }}\n className={cn(classNames?.cancelButton, toast?.classNames?.cancelButton)}\n >\n {toast.cancel.label}\n </button>\n ) : null}\n {toast.action ? (\n <button\n data-button=\"\"\n style={toast.actionButtonStyle || actionButtonStyle}\n onClick={(event) => {\n toast.action?.onClick(event);\n if (event.defaultPrevented) return;\n deleteToast();\n }}\n className={cn(classNames?.actionButton, toast?.classNames?.actionButton)}\n >\n {toast.action.label}\n </button>\n ) : null}\n </>\n )}\n </li>\n );\n};\n\nfunction getDocumentDirection(): ToasterProps['dir'] {\n if (typeof window === 'undefined') return 'ltr';\n\n const dirAttribute = document.documentElement.getAttribute('dir');\n\n if (dirAttribute === 'auto' || !dirAttribute) {\n return window.getComputedStyle(document.documentElement).direction as ToasterProps['dir'];\n }\n\n return dirAttribute as ToasterProps['dir'];\n}\n\nconst Toaster = (props: ToasterProps) => {\n const {\n invert,\n position = 'bottom-right',\n hotkey = ['altKey', 'KeyT'],\n expand,\n closeButton,\n className,\n offset,\n theme = 'light',\n richColors,\n duration,\n style,\n visibleToasts = VISIBLE_TOASTS_AMOUNT,\n toastOptions,\n dir = getDocumentDirection(),\n gap,\n loadingIcon,\n } = props;\n const [toasts, setToasts] = React.useState<ToastT[]>([]);\n const possiblePositions = React.useMemo(() => {\n return Array.from(\n new Set([position].concat(toasts.filter((toast) => toast.position).map((toast) => toast.position))),\n );\n }, [toasts, position]);\n const [heights, setHeights] = React.useState<HeightT[]>([]);\n const [expanded, setExpanded] = React.useState(false);\n const [interacting, setInteracting] = React.useState(false);\n const [actualTheme, setActualTheme] = React.useState(\n theme !== 'system'\n ? theme\n : typeof window !== 'undefined'\n ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light'\n : 'light',\n );\n\n const listRef = React.useRef<HTMLOListElement>(null);\n const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n const lastFocusedElementRef = React.useRef<HTMLElement>(null);\n const isFocusWithinRef = React.useRef(false);\n\n const removeToast = React.useCallback(\n (toast: ToastT) => setToasts((toasts) => toasts.filter(({ id }) => id !== toast.id)),\n [],\n );\n\n React.useEffect(() => {\n return ToastState.subscribe((toast) => {\n if ((toast as ToastToDismiss).dismiss) {\n setToasts((toasts) => toasts.map((t) => (t.id === toast.id ? { ...t, delete: true } : t)));\n return;\n }\n\n // Prevent batching, temp solution.\n setTimeout(() => {\n ReactDOM.flushSync(() => {\n setToasts((toasts) => {\n const indexOfExistingToast = toasts.findIndex((t) => t.id === toast.id);\n\n // Update the toast if it already exists\n if (indexOfExistingToast !== -1) {\n return [\n ...toasts.slice(0, indexOfExistingToast),\n { ...toasts[indexOfExistingToast], ...toast },\n ...toasts.slice(indexOfExistingToast + 1),\n ];\n }\n\n return [toast, ...toasts];\n });\n });\n });\n });\n }, []);\n\n React.useEffect(() => {\n if (theme !== 'system') {\n setActualTheme(theme);\n return;\n }\n\n if (theme === 'system') {\n // check if current preference is dark\n if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n // it's currently dark\n setActualTheme('dark');\n } else {\n // it's not dark\n setActualTheme('light');\n }\n }\n\n if (typeof window === 'undefined') return;\n\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {\n if (matches) {\n setActualTheme('dark');\n } else {\n setActualTheme('light');\n }\n });\n }, [theme]);\n\n React.useEffect(() => {\n // Ensure expanded is always false when no toasts are present / only one left\n if (toasts.length <= 1) {\n setExpanded(false);\n }\n }, [toasts]);\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n\n if (isHotkeyPressed) {\n setExpanded(true);\n listRef.current?.focus();\n }\n\n if (\n event.code === 'Escape' &&\n (document.activeElement === listRef.current || listRef.current?.contains(document.activeElement))\n ) {\n setExpanded(false);\n }\n };\n document.addEventListener('keydown', handleKeyDown);\n\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [hotkey]);\n\n React.useEffect(() => {\n if (listRef.current) {\n return () => {\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n isFocusWithinRef.current = false;\n }\n };\n }\n }, [listRef.current]);\n\n if (!toasts.length) return null;\n\n return (\n // Remove item from normal navigation flow, only available via hotkey\n <section aria-label={`Notifications ${hotkeyLabel}`} tabIndex={-1}>\n {possiblePositions.map((position, index) => {\n const [y, x] = position.split('-');\n return (\n <ol\n key={position}\n dir={dir === 'auto' ? getDocumentDirection() : dir}\n tabIndex={-1}\n ref={listRef}\n className={className}\n data-sonner-toaster\n data-theme={actualTheme}\n data-rich-colors={richColors}\n data-y-position={y}\n data-x-position={x}\n style={\n {\n '--front-toast-height': `${heights[0]?.height}px`,\n '--offset': typeof offset === 'number' ? `${offset}px` : offset || VIEWPORT_OFFSET,\n '--width': `${TOAST_WIDTH}px`,\n '--gap': `${GAP}px`,\n ...style,\n } as React.CSSProperties\n }\n onBlur={(event) => {\n if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {\n isFocusWithinRef.current = false;\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n }\n }\n }}\n onFocus={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n\n if (!isFocusWithinRef.current) {\n isFocusWithinRef.current = true;\n lastFocusedElementRef.current = event.relatedTarget as HTMLElement;\n }\n }}\n onMouseEnter={() => setExpanded(true)}\n onMouseMove={() => setExpanded(true)}\n onMouseLeave={() => {\n // Avoid setting expanded to false when interacting with a toast, e.g. swiping\n if (!interacting) {\n setExpanded(false);\n }\n }}\n onPointerDown={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n setInteracting(true);\n }}\n onPointerUp={() => setInteracting(false)}\n >\n {toasts\n .filter((toast) => (!toast.position && index === 0) || toast.position === position)\n .map((toast, index) => (\n <Toast\n key={toast.id}\n index={index}\n toast={toast}\n duration={toastOptions?.duration ?? duration}\n className={toastOptions?.className}\n descriptionClassName={toastOptions?.descriptionClassName}\n invert={invert}\n visibleToasts={visibleToasts}\n closeButton={closeButton}\n interacting={interacting}\n position={position}\n style={toastOptions?.style}\n classNames={toastOptions?.classNames}\n cancelButtonStyle={toastOptions?.cancelButtonStyle}\n actionButtonStyle={toastOptions?.actionButtonStyle}\n removeToast={removeToast}\n toasts={toasts}\n heights={heights}\n setHeights={setHeights}\n expandByDefault={expand}\n gap={gap}\n loadingIcon={loadingIcon}\n expanded={expanded}\n />\n ))}\n </ol>\n );\n })}\n </section>\n );\n};\nexport { toast, Toaster, ToastT, ExternalToast };\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(\"html[dir=ltr],[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%)}html[dir=rtl],[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%)}[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}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[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);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[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}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [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)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [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}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [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;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;opacity:0;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]{opacity:1}[data-sonner-toast]:focus [data-close-button]{opacity:1}[data-sonner-toast]:focus-within [data-close-button]{opacity:1}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:\\\"\\\";position:absolute;left:0;right:0;height:100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\\\"\\\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\\\"\\\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[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)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[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}[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}[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-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] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[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}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\\n\")","'use client';\nimport React from 'react';\nimport type { ToastTypes } from './types';\n\nexport const getAsset = (type: ToastTypes): JSX.Element | null => {\n switch (type) {\n case 'success':\n return SuccessIcon;\n\n case 'info':\n return InfoIcon;\n\n case 'warning':\n return WarningIcon;\n\n case 'error':\n return ErrorIcon;\n\n default:\n return null;\n }\n};\n\nconst bars = Array(12).fill(0);\n\nexport const Loader = ({ visible }: { visible: boolean }) => {\n return (\n <div className=\"sonner-loading-wrapper\" data-visible={visible}>\n <div className=\"sonner-spinner\">\n {bars.map((_, i) => (\n <div className=\"sonner-loading-bar\" key={`spinner-bar-${i}`} />\n ))}\n </div>\n </div>\n );\n};\n\nconst SuccessIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst WarningIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst InfoIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst ErrorIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { ExternalToast, ToastT, PromiseData, PromiseT, ToastToDismiss, ToastTypes } from './types';\n\nlet toastsCounter = 1;\n\nclass Observer {\n subscribers: Array<(toast: ExternalToast | ToastToDismiss) => void>;\n toasts: Array<ToastT | ToastToDismiss>;\n\n constructor() {\n this.subscribers = [];\n this.toasts = [];\n }\n\n // We use arrow functions to maintain the correct `this` reference\n subscribe = (subscriber: (toast: ToastT | ToastToDismiss) => void) => {\n this.subscribers.push(subscriber);\n\n return () => {\n const index = this.subscribers.indexOf(subscriber);\n this.subscribers.splice(index, 1);\n };\n };\n\n publish = (data: ToastT) => {\n this.subscribers.forEach((subscriber) => subscriber(data));\n };\n\n addToast = (data: ToastT) => {\n this.publish(data);\n this.toasts = [...this.toasts, data];\n };\n\n create = (\n data: ExternalToast & {\n message?: string | React.ReactNode;\n type?: ToastTypes;\n promise?: PromiseT;\n jsx?: React.ReactElement;\n },\n ) => {\n const { message, ...rest } = data;\n const id = typeof data?.id === 'number' || data.id?.length > 0 ? data.id : toastsCounter++;\n const alreadyExists = this.toasts.find((toast) => {\n return toast.id === id;\n });\n const dismissible = data.dismissible === undefined ? true : data.dismissible;\n\n if (alreadyExists) {\n this.toasts = this.toasts.map((toast) => {\n if (toast.id === id) {\n this.publish({ ...toast, ...data, id, title: message });\n return {\n ...toast,\n ...data,\n id,\n dismissible,\n title: message,\n };\n }\n\n return toast;\n });\n } else {\n this.addToast({ title: message, ...rest, dismissible, id });\n }\n\n return id;\n };\n\n dismiss = (id?: number | string) => {\n if (!id) {\n this.toasts.forEach((toast) => {\n this.subscribers.forEach((subscriber) => subscriber({ id: toast.id, dismiss: true }));\n });\n }\n\n this.subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }));\n return id;\n };\n\n message = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message });\n };\n\n error = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message, type: 'error' });\n };\n\n success = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'success', message });\n };\n\n info = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'info', message });\n };\n\n warning = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'warning', message });\n };\n\n loading = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'loading', message });\n };\n\n promise = <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => {\n if (!data) {\n // Nothing to show\n return;\n }\n\n let id: string | number | undefined = undefined;\n if (data.loading !== undefined) {\n id = this.create({\n ...data,\n promise,\n type: 'loading',\n message: data.loading,\n });\n }\n\n const p = promise instanceof Promise ? promise : promise();\n\n let shouldDismiss = id !== undefined;\n\n p.then((response) => {\n // TODO: Clean up TS here, response has incorrect type\n // @ts-expect-error\n if (response && typeof response.ok === 'boolean' && !response.ok) {\n shouldDismiss = false;\n const message =\n // @ts-expect-error\n typeof data.error === 'function' ? data.error(`HTTP error! status: ${response.status}`) : data.error;\n this.create({ id, type: 'error', message });\n } else if (data.success !== undefined) {\n shouldDismiss = false;\n const message = typeof data.success === 'function' ? data.success(response) : data.success;\n this.create({ id, type: 'success', message });\n }\n })\n .catch((error) => {\n if (data.error !== undefined) {\n shouldDismiss = false;\n const message = typeof data.error === 'function' ? data.error(error) : data.error;\n this.create({ id, type: 'error', message });\n }\n })\n .finally(() => {\n if (shouldDismiss) {\n // Toast is still in load state (and will be indefinitely — dismiss it)\n this.dismiss(id);\n id = undefined;\n }\n\n data.finally?.();\n });\n\n return id;\n };\n\n custom = (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n this.create({ jsx: jsx(id), id, ...data });\n return id;\n };\n}\n\nexport const ToastState = new Observer();\n\n// bind this to the toast function\nconst toastFunction = (message: string | React.ReactNode, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n\n ToastState.addToast({\n title: message,\n ...data,\n id,\n });\n return id;\n};\n\nconst basicToast = toastFunction;\n\n// We use `Object.assign` to maintain the correct types as we would lose them otherwise\nexport const toast = Object.assign(basicToast, {\n success: ToastState.success,\n info: ToastState.info,\n warning: ToastState.warning,\n error: ToastState.error,\n custom: ToastState.custom,\n message: ToastState.message,\n promise: ToastState.promise,\n dismiss: ToastState.dismiss,\n loading: ToastState.loading,\n});\n"],"mappings":"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","names":["React","ReactDOM","styleInject","css","insertAt","head","style","styleInject","React","getAsset","type","SuccessIcon","InfoIcon","WarningIcon","ErrorIcon","bars","Loader","visible","_","i","toastsCounter","Observer","subscriber","index","data","_a","message","rest","id","alreadyExists","toast","dismissible","promise","p","shouldDismiss","response","error","jsx","ToastState","toastFunction","basicToast","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","ToasterInvert","toast","interacting","setHeights","visibleToasts","heights","index","toasts","expanded","removeToast","closeButton","style","cancelButtonStyle","actionButtonStyle","className","descriptionClassName","durationFromToaster","position","gap","loadingIconProp","expandByDefault","classNames","mounted","setMounted","React","removed","setRemoved","swiping","setSwiping","swipeOut","setSwipeOut","offsetBeforeRemove","setOffsetBeforeRemove","initialHeight","setInitialHeight","dragStartTime","toastRef","isFront","isVisible","toastType","dismissible","toastClassname","toastDescriptionClassname","heightIndex","height","duration","closeTimerStartTimeRef","offset","closeTimerRemainingTimeRef","lastCloseTimerStartTimeRef","pointerStartRef","y","x","toastsHeightBefore","prev","curr","reducerIndex","invert","disabled","toastNode","originalHeight","newHeight","deleteToast","h","timeoutId","remainingTime","elapsedTime","getLoadingIcon","Loader","event","swipeAmount","timeTaken","velocity","yPosition","xPosition","clampedY","swipeStartThreshold","getAsset","getDocumentDirection","dirAttribute","Toaster","hotkey","expand","theme","richColors","toastOptions","dir","loadingIcon","setToasts","possiblePositions","setExpanded","setInteracting","actualTheme","setActualTheme","listRef","hotkeyLabel","lastFocusedElementRef","isFocusWithinRef","id","ToastState","t","ReactDOM","indexOfExistingToast","matches","handleKeyDown","key"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx","#style-inject:#style-inject","../src/styles.css","../src/assets.tsx","../src/state.ts"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport './styles.css';\nimport { getAsset, Loader } from './assets';\nimport type { HeightT, Position, ToastT, ToastToDismiss, ExternalToast, ToasterProps, ToastClassnames } from './types';\nimport { ToastState, toast } from './state';\n\n// Visible toasts amount\nconst VISIBLE_TOASTS_AMOUNT = 3;\n\n// Viewport padding\nconst VIEWPORT_OFFSET = '32px';\n\n// Default lifetime of a toasts (in ms)\nconst TOAST_LIFETIME = 4000;\n\n// Default toast width\nconst TOAST_WIDTH = 356;\n\n// Default gap between toasts\nconst GAP = 14;\n\nconst SWIPE_THRESHOLD = 20;\n\nconst TIME_BEFORE_UNMOUNT = 200;\n\ninterface ToastProps {\n toast: ToastT;\n toasts: ToastT[];\n index: number;\n expanded: boolean;\n invert: boolean;\n heights: HeightT[];\n setHeights: React.Dispatch<React.SetStateAction<HeightT[]>>;\n removeToast: (toast: ToastT) => void;\n gap?: number;\n position: Position;\n visibleToasts: number;\n expandByDefault: boolean;\n closeButton: boolean;\n interacting: boolean;\n style?: React.CSSProperties;\n cancelButtonStyle?: React.CSSProperties;\n actionButtonStyle?: React.CSSProperties;\n duration?: number;\n className?: string;\n unstyled?: boolean;\n descriptionClassName?: string;\n loadingIcon?: React.ReactNode;\n classNames?: ToastClassnames;\n}\n\nfunction cn(...classes: (string | undefined)[]) {\n return classes.filter(Boolean).join(' ');\n}\n\nconst Toast = (props: ToastProps) => {\n const {\n invert: ToasterInvert,\n toast,\n interacting,\n setHeights,\n visibleToasts,\n heights,\n index,\n toasts,\n expanded,\n removeToast,\n closeButton,\n style,\n cancelButtonStyle,\n actionButtonStyle,\n className = '',\n descriptionClassName = '',\n duration: durationFromToaster,\n position,\n gap = GAP,\n loadingIcon: loadingIconProp,\n expandByDefault,\n classNames,\n } = props;\n const [mounted, setMounted] = React.useState(false);\n const [removed, setRemoved] = React.useState(false);\n const [swiping, setSwiping] = React.useState(false);\n const [swipeOut, setSwipeOut] = React.useState(false);\n const [offsetBeforeRemove, setOffsetBeforeRemove] = React.useState(0);\n const [initialHeight, setInitialHeight] = React.useState(0);\n const dragStartTime = React.useRef<Date | null>(null);\n const toastRef = React.useRef<HTMLLIElement>(null);\n const isFront = index === 0;\n const isVisible = index + 1 <= visibleToasts;\n const toastType = toast.type;\n const dismissible = toast.dismissible !== false;\n const toastClassname = toast.className || '';\n const toastDescriptionClassname = toast.descriptionClassName || '';\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.\n const heightIndex = React.useMemo(\n () => heights.findIndex((height) => height.toastId === toast.id) || 0,\n [heights, toast.id],\n );\n const duration = React.useMemo(\n () => toast.duration || durationFromToaster || TOAST_LIFETIME,\n [toast.duration, durationFromToaster],\n );\n const closeTimerStartTimeRef = React.useRef(0);\n const offset = React.useRef(0);\n const closeTimerRemainingTimeRef = React.useRef(duration);\n const lastCloseTimerStartTimeRef = React.useRef(0);\n const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n const [y, x] = position.split('-');\n const toastsHeightBefore = React.useMemo(() => {\n return heights.reduce((prev, curr, reducerIndex) => {\n // Calculate offset up until current toast\n if (reducerIndex >= heightIndex) {\n return prev;\n }\n\n return prev + curr.height;\n }, 0);\n }, [heights, heightIndex]);\n const invert = toast.invert || ToasterInvert;\n const disabled = toastType === 'loading';\n\n offset.current = React.useMemo(() => heightIndex * gap + toastsHeightBefore, [heightIndex, toastsHeightBefore]);\n\n React.useEffect(() => {\n // Trigger enter animation without using CSS animation\n setMounted(true);\n }, []);\n\n React.useLayoutEffect(() => {\n if (!mounted) return;\n const toastNode = toastRef.current;\n const originalHeight = toastNode.style.height;\n toastNode.style.height = 'auto';\n const newHeight = toastNode.getBoundingClientRect().height;\n toastNode.style.height = originalHeight;\n\n setInitialHeight(newHeight);\n\n setHeights((heights) => {\n const alreadyExists = heights.find((height) => height.toastId === toast.id);\n if (!alreadyExists) {\n return [{ toastId: toast.id, height: newHeight }, ...heights];\n } else {\n return heights.map((height) => (height.toastId === toast.id ? { ...height, height: newHeight } : height));\n }\n });\n }, [mounted, toast.title, toast.description, setHeights, toast.id]);\n\n const deleteToast = React.useCallback(() => {\n // Save the offset for the exit swipe animation\n setRemoved(true);\n setOffsetBeforeRemove(offset.current);\n setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n\n setTimeout(() => {\n removeToast(toast);\n }, TIME_BEFORE_UNMOUNT);\n }, [toast, removeToast, setHeights, offset]);\n\n React.useEffect(() => {\n if ((toast.promise && toastType === 'loading') || toast.duration === Infinity) return;\n let timeoutId: NodeJS.Timeout;\n let remainingTime = duration;\n // Pause the timer on each hover\n const pauseTimer = () => {\n if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {\n // Get the elapsed time since the timer started\n const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n\n remainingTime = remainingTime - elapsedTime;\n }\n\n lastCloseTimerStartTimeRef.current = new Date().getTime();\n };\n\n const startTimer = () => {\n closeTimerStartTimeRef.current = new Date().getTime();\n\n // Let the toast know it has started\n timeoutId = setTimeout(() => {\n toast.onAutoClose?.(toast);\n deleteToast();\n }, remainingTime);\n };\n\n if (expanded || interacting) {\n pauseTimer();\n } else {\n startTimer();\n }\n\n return () => clearTimeout(timeoutId);\n }, [expanded, interacting, expandByDefault, toast, duration, deleteToast, toast.promise, toastType]);\n\n React.useEffect(() => {\n const toastNode = toastRef.current;\n\n if (toastNode) {\n const height = toastNode.getBoundingClientRect().height;\n\n // Add toast height tot heights array after the toast is mounted\n setInitialHeight(height);\n setHeights((h) => [{ toastId: toast.id, height }, ...h]);\n\n return () => setHeights((h) => h.filter((height) => height.toastId !== toast.id));\n }\n }, [setHeights, toast.id]);\n\n React.useEffect(() => {\n if (toast.delete) {\n deleteToast();\n }\n }, [deleteToast, toast.delete]);\n\n function getLoadingIcon() {\n if (loadingIconProp) {\n return (\n <div\n className={cn('loader', classNames?.toast, toast?.classNames?.toast)}\n data-visible={toastType === 'loading'}\n >\n {loadingIconProp}\n </div>\n );\n }\n return <Loader visible={toastType === 'loading'} />;\n }\n\n return (\n <li\n aria-live={toast.important ? 'assertive' : 'polite'}\n aria-atomic=\"true\"\n role=\"status\"\n tabIndex={0}\n ref={toastRef}\n className={cn(\n className,\n toastClassname,\n classNames?.toast,\n toast?.classNames?.toast,\n classNames?.[toastType],\n toast?.classNames?.[toastType],\n )}\n data-sonner-toast=\"\"\n data-styled={!Boolean(toast.jsx || toast.unstyled)}\n data-mounted={mounted}\n data-promise={Boolean(toast.promise)}\n data-removed={removed}\n data-visible={isVisible}\n data-y-position={y}\n data-x-position={x}\n data-index={index}\n data-front={isFront}\n data-swiping={swiping}\n data-dismissible={dismissible}\n data-type={toastType}\n data-invert={invert}\n data-swipe-out={swipeOut}\n data-expanded={Boolean(expanded || (expandByDefault && mounted))}\n style={\n {\n '--index': index,\n '--toasts-before': index,\n '--z-index': toasts.length - index,\n '--offset': `${removed ? offsetBeforeRemove : offset.current}px`,\n '--initial-height': expandByDefault ? 'auto' : `${initialHeight}px`,\n ...style,\n ...toast.style,\n } as React.CSSProperties\n }\n onPointerDown={(event) => {\n if (disabled || !dismissible) return;\n dragStartTime.current = new Date();\n setOffsetBeforeRemove(offset.current);\n // Ensure we maintain correct pointer capture even when going outside of the toast (e.g. when swiping)\n (event.target as HTMLElement).setPointerCapture(event.pointerId);\n if ((event.target as HTMLElement).tagName === 'BUTTON') return;\n setSwiping(true);\n pointerStartRef.current = { x: event.clientX, y: event.clientY };\n }}\n onPointerUp={() => {\n if (swipeOut || !dismissible) return;\n\n pointerStartRef.current = null;\n const swipeAmount = Number(toastRef.current?.style.getPropertyValue('--swipe-amount').replace('px', '') || 0);\n const timeTaken = new Date().getTime() - dragStartTime.current?.getTime();\n const velocity = Math.abs(swipeAmount) / timeTaken;\n\n // Remove only if threshold is met\n if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {\n setOffsetBeforeRemove(offset.current);\n toast.onDismiss?.(toast);\n deleteToast();\n setSwipeOut(true);\n return;\n }\n\n toastRef.current?.style.setProperty('--swipe-amount', '0px');\n setSwiping(false);\n }}\n onPointerMove={(event) => {\n if (!pointerStartRef.current || !dismissible) return;\n\n const yPosition = event.clientY - pointerStartRef.current.y;\n const xPosition = event.clientX - pointerStartRef.current.x;\n\n const clamp = y === 'top' ? Math.min : Math.max;\n const clampedY = clamp(0, yPosition);\n const swipeStartThreshold = event.pointerType === 'touch' ? 10 : 2;\n const isAllowedToSwipe = Math.abs(clampedY) > swipeStartThreshold;\n\n if (isAllowedToSwipe) {\n toastRef.current?.style.setProperty('--swipe-amount', `${yPosition}px`);\n } else if (Math.abs(xPosition) > swipeStartThreshold) {\n // User is swiping in wrong direction so we disable swipe gesture\n // for the current pointer down interaction\n pointerStartRef.current = null;\n }\n }}\n >\n {closeButton && !toast.jsx ? (\n <button\n aria-label=\"Close toast\"\n data-disabled={disabled}\n data-close-button\n onClick={\n disabled || !dismissible\n ? () => {}\n : () => {\n deleteToast();\n toast.onDismiss?.(toast);\n }\n }\n className={cn(classNames?.closeButton, toast?.classNames?.closeButton)}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n </svg>\n </button>\n ) : null}\n {toast.jsx || React.isValidElement(toast.title) ? (\n toast.jsx || toast.title\n ) : (\n <>\n {toastType || toast.icon || toast.promise ? (\n <div data-icon=\"\">\n {(toast.promise || toast.type === 'loading') && !toast.icon ? getLoadingIcon() : null}\n {toast.icon || getAsset(toastType)}\n </div>\n ) : null}\n\n <div data-content=\"\">\n <div data-title=\"\" className={cn(classNames?.title, toast?.classNames?.title)}>\n {toast.title}\n </div>\n {toast.description ? (\n <div\n data-description=\"\"\n className={cn(\n descriptionClassName,\n toastDescriptionClassname,\n classNames?.description,\n toast?.classNames?.description,\n )}\n >\n {toast.description}\n </div>\n ) : null}\n </div>\n {toast.cancel ? (\n <button\n data-button\n data-cancel\n style={toast.cancelButtonStyle || cancelButtonStyle}\n onClick={() => {\n if (!dismissible) return;\n deleteToast();\n if (toast.cancel?.onClick) {\n toast.cancel.onClick();\n }\n }}\n className={cn(classNames?.cancelButton, toast?.classNames?.cancelButton)}\n >\n {toast.cancel.label}\n </button>\n ) : null}\n {toast.action ? (\n <button\n data-button=\"\"\n style={toast.actionButtonStyle || actionButtonStyle}\n onClick={(event) => {\n toast.action?.onClick(event);\n if (event.defaultPrevented) return;\n deleteToast();\n }}\n className={cn(classNames?.actionButton, toast?.classNames?.actionButton)}\n >\n {toast.action.label}\n </button>\n ) : null}\n </>\n )}\n </li>\n );\n};\n\nfunction getDocumentDirection(): ToasterProps['dir'] {\n if (typeof window === 'undefined') return 'ltr';\n\n const dirAttribute = document.documentElement.getAttribute('dir');\n\n if (dirAttribute === 'auto' || !dirAttribute) {\n return window.getComputedStyle(document.documentElement).direction as ToasterProps['dir'];\n }\n\n return dirAttribute as ToasterProps['dir'];\n}\n\nconst Toaster = (props: ToasterProps) => {\n const {\n invert,\n position = 'bottom-right',\n hotkey = ['altKey', 'KeyT'],\n expand,\n closeButton,\n className,\n offset,\n theme = 'light',\n richColors,\n duration,\n style,\n visibleToasts = VISIBLE_TOASTS_AMOUNT,\n toastOptions,\n dir = getDocumentDirection(),\n gap,\n loadingIcon,\n } = props;\n const [toasts, setToasts] = React.useState<ToastT[]>([]);\n const possiblePositions = React.useMemo(() => {\n return Array.from(\n new Set([position].concat(toasts.filter((toast) => toast.position).map((toast) => toast.position))),\n );\n }, [toasts, position]);\n const [heights, setHeights] = React.useState<HeightT[]>([]);\n const [expanded, setExpanded] = React.useState(false);\n const [interacting, setInteracting] = React.useState(false);\n const [actualTheme, setActualTheme] = React.useState(\n theme !== 'system'\n ? theme\n : typeof window !== 'undefined'\n ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n ? 'dark'\n : 'light'\n : 'light',\n );\n\n const listRef = React.useRef<HTMLOListElement>(null);\n const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n const lastFocusedElementRef = React.useRef<HTMLElement>(null);\n const isFocusWithinRef = React.useRef(false);\n\n const removeToast = React.useCallback(\n (toast: ToastT) => setToasts((toasts) => toasts.filter(({ id }) => id !== toast.id)),\n [],\n );\n\n React.useEffect(() => {\n return ToastState.subscribe((toast) => {\n if ((toast as ToastToDismiss).dismiss) {\n setToasts((toasts) => toasts.map((t) => (t.id === toast.id ? { ...t, delete: true } : t)));\n return;\n }\n\n // Prevent batching, temp solution.\n setTimeout(() => {\n ReactDOM.flushSync(() => {\n setToasts((toasts) => {\n const indexOfExistingToast = toasts.findIndex((t) => t.id === toast.id);\n\n // Update the toast if it already exists\n if (indexOfExistingToast !== -1) {\n return [\n ...toasts.slice(0, indexOfExistingToast),\n { ...toasts[indexOfExistingToast], ...toast },\n ...toasts.slice(indexOfExistingToast + 1),\n ];\n }\n\n return [toast, ...toasts];\n });\n });\n });\n });\n }, []);\n\n React.useEffect(() => {\n if (theme !== 'system') {\n setActualTheme(theme);\n return;\n }\n\n if (theme === 'system') {\n // check if current preference is dark\n if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n // it's currently dark\n setActualTheme('dark');\n } else {\n // it's not dark\n setActualTheme('light');\n }\n }\n\n if (typeof window === 'undefined') return;\n\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {\n if (matches) {\n setActualTheme('dark');\n } else {\n setActualTheme('light');\n }\n });\n }, [theme]);\n\n React.useEffect(() => {\n // Ensure expanded is always false when no toasts are present / only one left\n if (toasts.length <= 1) {\n setExpanded(false);\n }\n }, [toasts]);\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n\n if (isHotkeyPressed) {\n setExpanded(true);\n listRef.current?.focus();\n }\n\n if (\n event.code === 'Escape' &&\n (document.activeElement === listRef.current || listRef.current?.contains(document.activeElement))\n ) {\n setExpanded(false);\n }\n };\n document.addEventListener('keydown', handleKeyDown);\n\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [hotkey]);\n\n React.useEffect(() => {\n if (listRef.current) {\n return () => {\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n isFocusWithinRef.current = false;\n }\n };\n }\n }, [listRef.current]);\n\n if (!toasts.length) return null;\n\n return (\n // Remove item from normal navigation flow, only available via hotkey\n <section aria-label={`Notifications ${hotkeyLabel}`} tabIndex={-1}>\n {possiblePositions.map((position, index) => {\n const [y, x] = position.split('-');\n return (\n <ol\n key={position}\n dir={dir === 'auto' ? getDocumentDirection() : dir}\n tabIndex={-1}\n ref={listRef}\n className={className}\n data-sonner-toaster\n data-theme={actualTheme}\n data-rich-colors={richColors}\n data-y-position={y}\n data-x-position={x}\n style={\n {\n '--front-toast-height': `${heights[0]?.height}px`,\n '--offset': typeof offset === 'number' ? `${offset}px` : offset || VIEWPORT_OFFSET,\n '--width': `${TOAST_WIDTH}px`,\n '--gap': `${GAP}px`,\n ...style,\n } as React.CSSProperties\n }\n onBlur={(event) => {\n if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {\n isFocusWithinRef.current = false;\n if (lastFocusedElementRef.current) {\n lastFocusedElementRef.current.focus({ preventScroll: true });\n lastFocusedElementRef.current = null;\n }\n }\n }}\n onFocus={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n\n if (!isFocusWithinRef.current) {\n isFocusWithinRef.current = true;\n lastFocusedElementRef.current = event.relatedTarget as HTMLElement;\n }\n }}\n onMouseEnter={() => setExpanded(true)}\n onMouseMove={() => setExpanded(true)}\n onMouseLeave={() => {\n // Avoid setting expanded to false when interacting with a toast, e.g. swiping\n if (!interacting) {\n setExpanded(false);\n }\n }}\n onPointerDown={(event) => {\n const isNotDismissible =\n event.target instanceof HTMLElement && event.target.dataset.dismissible === 'false';\n\n if (isNotDismissible) return;\n setInteracting(true);\n }}\n onPointerUp={() => setInteracting(false)}\n >\n {toasts\n .filter((toast) => (!toast.position && index === 0) || toast.position === position)\n .map((toast, index) => (\n <Toast\n key={toast.id}\n index={index}\n toast={toast}\n duration={toastOptions?.duration ?? duration}\n className={toastOptions?.className}\n descriptionClassName={toastOptions?.descriptionClassName}\n invert={invert}\n visibleToasts={visibleToasts}\n closeButton={closeButton}\n interacting={interacting}\n position={position}\n style={toastOptions?.style}\n classNames={toastOptions?.classNames}\n cancelButtonStyle={toastOptions?.cancelButtonStyle}\n actionButtonStyle={toastOptions?.actionButtonStyle}\n removeToast={removeToast}\n toasts={toasts}\n heights={heights}\n setHeights={setHeights}\n expandByDefault={expand}\n gap={gap}\n loadingIcon={loadingIcon}\n expanded={expanded}\n />\n ))}\n </ol>\n );\n })}\n </section>\n );\n};\nexport { toast, Toaster, ToastT, ExternalToast };\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(\"html[dir=ltr],[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%)}html[dir=rtl],[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%)}[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}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[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);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[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}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [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)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [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}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [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;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;opacity:0;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]{opacity:1}[data-sonner-toast]:focus [data-close-button]{opacity:1}[data-sonner-toast]:focus-within [data-close-button]{opacity:1}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:\\\"\\\";position:absolute;left:0;right:0;height:100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\\\"\\\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\\\"\\\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[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)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[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}[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}[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-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] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[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}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\\n\")","'use client';\nimport React from 'react';\nimport type { ToastTypes } from './types';\n\nexport const getAsset = (type: ToastTypes): JSX.Element | null => {\n switch (type) {\n case 'success':\n return SuccessIcon;\n\n case 'info':\n return InfoIcon;\n\n case 'warning':\n return WarningIcon;\n\n case 'error':\n return ErrorIcon;\n\n default:\n return null;\n }\n};\n\nconst bars = Array(12).fill(0);\n\nexport const Loader = ({ visible }: { visible: boolean }) => {\n return (\n <div className=\"sonner-loading-wrapper\" data-visible={visible}>\n <div className=\"sonner-spinner\">\n {bars.map((_, i) => (\n <div className=\"sonner-loading-bar\" key={`spinner-bar-${i}`} />\n ))}\n </div>\n </div>\n );\n};\n\nconst SuccessIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst WarningIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst InfoIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nconst ErrorIcon = (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" height=\"20\" width=\"20\">\n <path\n fillRule=\"evenodd\"\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\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { ExternalToast, ToastT, PromiseData, PromiseT, ToastToDismiss, ToastTypes } from './types';\n\nlet toastsCounter = 1;\n\nclass Observer {\n subscribers: Array<(toast: ExternalToast | ToastToDismiss) => void>;\n toasts: Array<ToastT | ToastToDismiss>;\n\n constructor() {\n this.subscribers = [];\n this.toasts = [];\n }\n\n // We use arrow functions to maintain the correct `this` reference\n subscribe = (subscriber: (toast: ToastT | ToastToDismiss) => void) => {\n this.subscribers.push(subscriber);\n\n return () => {\n const index = this.subscribers.indexOf(subscriber);\n this.subscribers.splice(index, 1);\n };\n };\n\n publish = (data: ToastT) => {\n this.subscribers.forEach((subscriber) => subscriber(data));\n };\n\n addToast = (data: ToastT) => {\n this.publish(data);\n this.toasts = [...this.toasts, data];\n };\n\n create = (\n data: ExternalToast & {\n message?: string | React.ReactNode;\n type?: ToastTypes;\n promise?: PromiseT;\n jsx?: React.ReactElement;\n },\n ) => {\n const { message, ...rest } = data;\n const id = typeof data?.id === 'number' || data.id?.length > 0 ? data.id : toastsCounter++;\n const alreadyExists = this.toasts.find((toast) => {\n return toast.id === id;\n });\n const dismissible = data.dismissible === undefined ? true : data.dismissible;\n\n if (alreadyExists) {\n this.toasts = this.toasts.map((toast) => {\n if (toast.id === id) {\n this.publish({ ...toast, ...data, id, title: message });\n return {\n ...toast,\n ...data,\n id,\n dismissible,\n title: message,\n };\n }\n\n return toast;\n });\n } else {\n this.addToast({ title: message, ...rest, dismissible, id });\n }\n\n return id;\n };\n\n dismiss = (id?: number | string) => {\n if (!id) {\n this.toasts.forEach((toast) => {\n this.subscribers.forEach((subscriber) => subscriber({ id: toast.id, dismiss: true }));\n });\n }\n\n this.subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }));\n return id;\n };\n\n message = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message });\n };\n\n error = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, message, type: 'error' });\n };\n\n success = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'success', message });\n };\n\n info = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'info', message });\n };\n\n warning = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'warning', message });\n };\n\n loading = (message: string | React.ReactNode, data?: ExternalToast) => {\n return this.create({ ...data, type: 'loading', message });\n };\n\n promise = <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => {\n if (!data) {\n // Nothing to show\n return;\n }\n\n let id: string | number | undefined = undefined;\n if (data.loading !== undefined) {\n id = this.create({\n ...data,\n promise,\n type: 'loading',\n message: data.loading,\n });\n }\n\n const p = promise instanceof Promise ? promise : promise();\n\n let shouldDismiss = id !== undefined;\n\n p.then((response) => {\n // TODO: Clean up TS here, response has incorrect type\n // @ts-expect-error\n if (response && typeof response.ok === 'boolean' && !response.ok) {\n shouldDismiss = false;\n const message =\n // @ts-expect-error\n typeof data.error === 'function' ? data.error(`HTTP error! status: ${response.status}`) : data.error;\n this.create({ id, type: 'error', message });\n } else if (data.success !== undefined) {\n shouldDismiss = false;\n const message = typeof data.success === 'function' ? data.success(response) : data.success;\n this.create({ id, type: 'success', message });\n }\n })\n .catch((error) => {\n if (data.error !== undefined) {\n shouldDismiss = false;\n const message = typeof data.error === 'function' ? data.error(error) : data.error;\n this.create({ id, type: 'error', message });\n }\n })\n .finally(() => {\n if (shouldDismiss) {\n // Toast is still in load state (and will be indefinitely — dismiss it)\n this.dismiss(id);\n id = undefined;\n }\n\n data.finally?.();\n });\n\n return id;\n };\n\n custom = (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n this.create({ jsx: jsx(id), id, ...data });\n return id;\n };\n}\n\nexport const ToastState = new Observer();\n\n// bind this to the toast function\nconst toastFunction = (message: string | React.ReactNode, data?: ExternalToast) => {\n const id = data?.id || toastsCounter++;\n\n ToastState.addToast({\n title: message,\n ...data,\n id,\n });\n return id;\n};\n\nconst basicToast = toastFunction;\n\n// We use `Object.assign` to maintain the correct types as we would lose them otherwise\nexport const toast = Object.assign(basicToast, {\n success: ToastState.success,\n info: ToastState.info,\n warning: ToastState.warning,\n error: ToastState.error,\n custom: ToastState.custom,\n message: ToastState.message,\n promise: ToastState.promise,\n dismiss: ToastState.dismiss,\n loading: ToastState.loading,\n});\n"],"mappings":"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","names":["React","ReactDOM","styleInject","css","insertAt","head","style","styleInject","React","getAsset","type","SuccessIcon","InfoIcon","WarningIcon","ErrorIcon","bars","Loader","visible","_","i","toastsCounter","Observer","subscriber","index","data","_a","message","rest","id","alreadyExists","toast","dismissible","promise","p","shouldDismiss","response","error","jsx","ToastState","toastFunction","basicToast","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","ToasterInvert","toast","interacting","setHeights","visibleToasts","heights","index","toasts","expanded","removeToast","closeButton","style","cancelButtonStyle","actionButtonStyle","className","descriptionClassName","durationFromToaster","position","gap","loadingIconProp","expandByDefault","classNames","mounted","setMounted","React","removed","setRemoved","swiping","setSwiping","swipeOut","setSwipeOut","offsetBeforeRemove","setOffsetBeforeRemove","initialHeight","setInitialHeight","dragStartTime","toastRef","isFront","isVisible","toastType","dismissible","toastClassname","toastDescriptionClassname","heightIndex","height","duration","closeTimerStartTimeRef","offset","closeTimerRemainingTimeRef","lastCloseTimerStartTimeRef","pointerStartRef","y","x","toastsHeightBefore","prev","curr","reducerIndex","invert","disabled","toastNode","originalHeight","newHeight","deleteToast","h","timeoutId","remainingTime","elapsedTime","getLoadingIcon","Loader","event","swipeAmount","timeTaken","velocity","yPosition","xPosition","clampedY","swipeStartThreshold","getAsset","getDocumentDirection","dirAttribute","Toaster","hotkey","expand","theme","richColors","toastOptions","dir","loadingIcon","setToasts","possiblePositions","setExpanded","setInteracting","actualTheme","setActualTheme","listRef","hotkeyLabel","lastFocusedElementRef","isFocusWithinRef","id","ToastState","t","ReactDOM","indexOfExistingToast","matches","handleKeyDown","key"]}
|