sonner - npm Package Compare versions

Comparing version 1.7.1 to 1.7.2

dist/index.d.ts

@@ -83,3 +83,8 @@ import React from 'react';
 }
-type CnFunction = (...classes: Array<string | undefined>) => string;
+type Offset = {
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+} | string | number;
 interface ToasterProps {
@@ -99,4 +104,6 @@ invert?: boolean;
     style?: React.CSSProperties;
-    offset?: string | number;
+    offset?: Offset;
+    mobileOffset?: Offset;
     dir?: 'rtl' | 'ltr' | 'auto';
+    swipeDirections?: SwipeDirection[];
     /**
@@ -114,4 +121,4 @@ * @deprecated Please use the `icons` prop instead:
     pauseWhenPageIsHidden?: boolean;
-    cn?: CnFunction;
 }
+type SwipeDirection = 'top' | 'right' | 'bottom' | 'left';
 interface ToastToDismiss {
@@ -118,0 +125,0 @@ id: number | string;

dist/index.js

@@ -1,3 +0,3 @@
-"use client";var Gt=Object.create;var rt=Object.defineProperty;var Qt=Object.getOwnPropertyDescriptor;var qt=Object.getOwnPropertyNames;var Zt=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var ee=(a,e)=>{for(var t in e)rt(a,t,{get:e[t],enumerable:!0})},Mt=(a,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of qt(e))!te.call(a,c)&&c!==t&&rt(a,c,{get:()=>e[c],enumerable:!(r=Qt(e,c))||r.enumerable});return a};var V=(a,e,t)=>(t=a!=null?Gt(Zt(a)):{},Mt(e||!a||!a.__esModule?rt(t,"default",{value:a,enumerable:!0}):t,a)),oe=a=>Mt(rt({},"__esModule",{value:!0}),a);var Te={};ee(Te,{Toaster:()=>we,toast:()=>Ft,useSonner:()=>ve});module.exports=oe(Te);var o=V(require("react")),_t=V(require("react-dom"));var T=V(require("react")),At=a=>{switch(a){case"success":return ne;case"info":return re;case"warning":return se;case"error":return ie;default:return null}},ae=Array(12).fill(0),Lt=({visible:a,className:e})=>T.default.createElement("div",{className:["sonner-loading-wrapper",e].filter(Boolean).join(" "),"data-visible":a},T.default.createElement("div",{className:"sonner-spinner"},ae.map((t,r)=>T.default.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),ne=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),se=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),re=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),ie=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),zt=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},T.default.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),T.default.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}));var pt=V(require("react")),jt=()=>{let[a,e]=pt.default.useState(document.hidden);return pt.default.useEffect(()=>{let t=()=>{e(document.hidden)};return document.addEventListener("visibilitychange",t),()=>window.removeEventListener("visibilitychange",t)},[]),a};var Yt=V(require("react")),gt=1,ht=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)});this.publish=e=>{this.subscribers.forEach(t=>t(e))};this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]};this.create=e=>{var P;let{message:t,...r}=e,c=typeof(e==null?void 0:e.id)=="number"||((P=e.id)==null?void 0:P.length)>0?e.id:gt++,l=this.toasts.find(h=>h.id===c),E=e.dismissible===void 0?!0:e.dismissible;return l?this.toasts=this.toasts.map(h=>h.id===c?(this.publish({...h,...e,id:c,title:t}),{...h,...e,id:c,dismissible:E,title:t}):h):this.addToast({title:t,...r,dismissible:E,id:c}),c};this.dismiss=e=>(e||this.toasts.forEach(t=>{this.subscribers.forEach(r=>r({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e);this.message=(e,t)=>this.create({...t,message:e});this.error=(e,t)=>this.create({...t,message:e,type:"error"});this.success=(e,t)=>this.create({...t,type:"success",message:e});this.info=(e,t)=>this.create({...t,type:"info",message:e});this.warning=(e,t)=>this.create({...t,type:"warning",message:e});this.loading=(e,t)=>this.create({...t,type:"loading",message:e});this.promise=(e,t)=>{if(!t)return;let r;t.loading!==void 0&&(r=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let c=e instanceof Promise?e:e(),l=r!==void 0,E,P=c.then(async u=>{if(E=["resolve",u],Yt.default.isValidElement(u))l=!1,this.create({id:r,type:"default",message:u});else if(de(u)&&!u.ok){l=!1;let k=typeof t.error=="function"?await t.error(`HTTP error! status: ${u.status}`):t.error,j=typeof t.description=="function"?await t.description(`HTTP error! status: ${u.status}`):t.description;this.create({id:r,type:"error",message:k,description:j})}else if(t.success!==void 0){l=!1;let k=typeof t.success=="function"?await t.success(u):t.success,j=typeof t.description=="function"?await t.description(u):t.description;this.create({id:r,type:"success",message:k,description:j})}}).catch(async u=>{if(E=["reject",u],t.error!==void 0){l=!1;let y=typeof t.error=="function"?await t.error(u):t.error,k=typeof t.description=="function"?await t.description(u):t.description;this.create({id:r,type:"error",message:y,description:k})}}).finally(()=>{var u;l&&(this.dismiss(r),r=void 0),(u=t.finally)==null||u.call(t)}),h=()=>new Promise((u,y)=>P.then(()=>E[0]==="reject"?y(E[1]):u(E[1])).catch(y));return typeof r!="string"&&typeof r!="number"?{unwrap:h}:Object.assign(r,{unwrap:h})};this.custom=(e,t)=>{let r=(t==null?void 0:t.id)||gt++;return this.create({jsx:e(r),id:r,...t}),r};this.subscribers=[],this.toasts=[]}},R=new ht,le=(a,e)=>{let t=(e==null?void 0:e.id)||gt++;return R.addToast({title:a,...e,id:t}),t},de=a=>a&&typeof a=="object"&&"ok"in a&&typeof a.ok=="boolean"&&"status"in a&&typeof a.status=="number",ce=le,ue=()=>R.toasts,Ft=Object.assign(ce,{success:R.success,info:R.info,warning:R.warning,error:R.error,custom:R.custom,message:R.message,promise:R.promise,dismiss:R.dismiss,loading:R.loading},{getHistory:ue});function bt(a,{insertAt:e}={}){if(!a||typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",e==="top"&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=a:r.appendChild(document.createTextNode(a))}bt(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
-`);function O(a){return a.label!==void 0}var fe=3,me="32px",$t=4e3,pe=356,ge=14,he=20,be=200;function ye(...a){return a.filter(Boolean).join(" ")}var xe=a=>{var Tt,Rt,St,Et,Nt,Pt,Ct,Bt,It,kt,Dt;let{invert:e,toast:t,unstyled:r,interacting:c,setHeights:l,visibleToasts:E,heights:P,index:h,toasts:u,expanded:y,removeToast:k,defaultRichColors:j,closeButton:K,style:it,cancelButtonStyle:i,actionButtonStyle:J,className:X="",descriptionClassName:lt="",duration:_,position:dt,gap:ct,loadingIcon:G,expandByDefault:C,classNames:n,icons:N,closeButtonAriaLabel:Q="Close toast",pauseWhenPageIsHidden:q,cn:S}=a,[B,Z]=o.default.useState(!1),[U,ut]=o.default.useState(!1),[M,A]=o.default.useState(!1),[tt,L]=o.default.useState(!1),[Y,et]=o.default.useState(!1),[d,f]=o.default.useState(0),[b,w]=o.default.useState(0),D=o.default.useRef(t.duration||_||$t),m=o.default.useRef(null),H=o.default.useRef(null),ot=h===0,at=h+1<=E,x=t.type,F=t.dismissible!==!1,Ut=t.className||"",Vt=t.descriptionClassName||"",nt=o.default.useMemo(()=>P.findIndex(s=>s.toastId===t.id)||0,[P,t.id]),Ot=o.default.useMemo(()=>{var s;return(s=t.closeButton)!=null?s:K},[t.closeButton,K]),Re=o.default.useMemo(()=>t.duration||_||$t,[t.duration,_]),ft=o.default.useRef(0),$=o.default.useRef(0),yt=o.default.useRef(0),st=o.default.useRef(null),[xt,Kt]=dt.split("-"),vt=o.default.useMemo(()=>P.reduce((s,p,g)=>g>=nt?s:s+p.height,0),[P,nt]),wt=jt(),Jt=t.invert||e,mt=x==="loading";$.current=o.default.useMemo(()=>nt*ct+vt,[nt,vt]),o.default.useEffect(()=>{Z(!0)},[]),o.default.useEffect(()=>{let s=H.current;if(s){let p=s.getBoundingClientRect().height;return w(p),l(g=>[{toastId:t.id,height:p,position:t.position},...g]),()=>l(g=>g.filter(v=>v.toastId!==t.id))}},[l,t.id]),o.default.useLayoutEffect(()=>{if(!B)return;let s=H.current,p=s.style.height;s.style.height="auto";let g=s.getBoundingClientRect().height;s.style.height=p,w(g),l(v=>v.find(I=>I.toastId===t.id)?v.map(I=>I.toastId===t.id?{...I,height:g}:I):[{toastId:t.id,height:g,position:t.position},...v])},[B,t.title,t.description,l,t.id]);let z=o.default.useCallback(()=>{ut(!0),f($.current),l(s=>s.filter(p=>p.toastId!==t.id)),setTimeout(()=>{k(t)},be)},[t,k,l,$]);o.default.useEffect(()=>{if(t.promise&&x==="loading"||t.duration===1/0||t.type==="loading")return;let s;return y||c||q&&wt?(()=>{if(yt.current<ft.current){let v=new Date().getTime()-ft.current;D.current=D.current-v}yt.current=new Date().getTime()})():(()=>{D.current!==1/0&&(ft.current=new Date().getTime(),s=setTimeout(()=>{var v;(v=t.onAutoClose)==null||v.call(t,t),z()},D.current))})(),()=>clearTimeout(s)},[y,c,t,x,q,wt,z]),o.default.useEffect(()=>{t.delete&&z()},[z,t.delete]);function Xt(){var s,p,g;return N!=null&&N.loading?o.default.createElement("div",{className:S(n==null?void 0:n.loader,(s=t==null?void 0:t.classNames)==null?void 0:s.loader,"sonner-loader"),"data-visible":x==="loading"},N.loading):G?o.default.createElement("div",{className:S(n==null?void 0:n.loader,(p=t==null?void 0:t.classNames)==null?void 0:p.loader,"sonner-loader"),"data-visible":x==="loading"},G):o.default.createElement(Lt,{className:S(n==null?void 0:n.loader,(g=t==null?void 0:t.classNames)==null?void 0:g.loader),visible:x==="loading"})}return o.default.createElement("li",{tabIndex:0,ref:H,className:S(X,Ut,n==null?void 0:n.toast,(Tt=t==null?void 0:t.classNames)==null?void 0:Tt.toast,n==null?void 0:n.default,n==null?void 0:n[x],(Rt=t==null?void 0:t.classNames)==null?void 0:Rt[x]),"data-sonner-toast":"","data-rich-colors":(St=t.richColors)!=null?St:j,"data-styled":!(t.jsx||t.unstyled||r),"data-mounted":B,"data-promise":!!t.promise,"data-swiped":Y,"data-removed":U,"data-visible":at,"data-y-position":xt,"data-x-position":Kt,"data-index":h,"data-front":ot,"data-swiping":M,"data-dismissible":F,"data-type":x,"data-invert":Jt,"data-swipe-out":tt,"data-expanded":!!(y||C&&B),style:{"--index":h,"--toasts-before":h,"--z-index":u.length-h,"--offset":`${U?d:$.current}px`,"--initial-height":C?"auto":`${b}px`,...it,...t.style},onPointerDown:s=>{mt||!F||(m.current=new Date,f($.current),s.target.setPointerCapture(s.pointerId),s.target.tagName!=="BUTTON"&&(A(!0),st.current={x:s.clientX,y:s.clientY}))},onPointerUp:()=>{var v,W,I,Ht;if(tt||!F)return;st.current=null;let s=Number(((v=H.current)==null?void 0:v.style.getPropertyValue("--swipe-amount").replace("px",""))||0),p=new Date().getTime()-((W=m.current)==null?void 0:W.getTime()),g=Math.abs(s)/p;if(Math.abs(s)>=he||g>.11){f($.current),(I=t.onDismiss)==null||I.call(t,t),z(),L(!0),et(!1);return}(Ht=H.current)==null||Ht.style.setProperty("--swipe-amount","0px"),A(!1)},onPointerMove:s=>{var W,I;if(!st.current||!F)return;let p=s.clientY-st.current.y,g=((W=window.getSelection())==null?void 0:W.toString().length)>0,v=xt==="top"?Math.min(0,p):Math.max(0,p);Math.abs(v)>0&&et(!0),!g&&((I=H.current)==null||I.style.setProperty("--swipe-amount",`${v}px`))}},Ot&&!t.jsx?o.default.createElement("button",{"aria-label":Q,"data-disabled":mt,"data-close-button":!0,onClick:mt||!F?()=>{}:()=>{var s;z(),(s=t.onDismiss)==null||s.call(t,t)},className:S(n==null?void 0:n.closeButton,(Et=t==null?void 0:t.classNames)==null?void 0:Et.closeButton)},(Nt=N==null?void 0:N.close)!=null?Nt:zt):null,t.jsx||o.default.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.default.createElement(o.default.Fragment,null,x||t.icon||t.promise?o.default.createElement("div",{"data-icon":"",className:S(n==null?void 0:n.icon,(Pt=t==null?void 0:t.classNames)==null?void 0:Pt.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Xt():null,t.type!=="loading"?t.icon||(N==null?void 0:N[x])||At(x):null):null,o.default.createElement("div",{"data-content":"",className:S(n==null?void 0:n.content,(Ct=t==null?void 0:t.classNames)==null?void 0:Ct.content)},o.default.createElement("div",{"data-title":"",className:S(n==null?void 0:n.title,(Bt=t==null?void 0:t.classNames)==null?void 0:Bt.title)},typeof t.title=="function"?t.title():t.title),t.description?o.default.createElement("div",{"data-description":"",className:S(lt,Vt,n==null?void 0:n.description,(It=t==null?void 0:t.classNames)==null?void 0:It.description)},typeof t.description=="function"?t.description():t.description):null),o.default.isValidElement(t.cancel)?t.cancel:t.cancel&&O(t.cancel)?o.default.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||i,onClick:s=>{var p,g;O(t.cancel)&&F&&((g=(p=t.cancel).onClick)==null||g.call(p,s),z())},className:S(n==null?void 0:n.cancelButton,(kt=t==null?void 0:t.classNames)==null?void 0:kt.cancelButton)},t.cancel.label):null,o.default.isValidElement(t.action)?t.action:t.action&&O(t.action)?o.default.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||J,onClick:s=>{var p,g;O(t.action)&&((g=(p=t.action).onClick)==null||g.call(p,s),!s.defaultPrevented&&z())},className:S(n==null?void 0:n.actionButton,(Dt=t==null?void 0:t.classNames)==null?void 0:Dt.actionButton)},t.action.label):null))};function Wt(){if(typeof window=="undefined"||typeof document=="undefined")return"ltr";let a=document.documentElement.getAttribute("dir");return a==="auto"||!a?window.getComputedStyle(document.documentElement).direction:a}function ve(){let[a,e]=o.default.useState([]);return o.default.useEffect(()=>R.subscribe(t=>{e(r=>{if("dismiss"in t&&t.dismiss)return r.filter(l=>l.id!==t.id);let c=r.findIndex(l=>l.id===t.id);if(c!==-1){let l=[...r];return l[c]={...l[c],...t},l}else return[t,...r]})}),[]),{toasts:a}}var we=(0,o.forwardRef)(function(e,t){let{invert:r,position:c="bottom-right",hotkey:l=["altKey","KeyT"],expand:E,closeButton:P,className:h,offset:u,theme:y="light",richColors:k,duration:j,style:K,visibleToasts:it=fe,toastOptions:i,dir:J=Wt(),gap:X=ge,loadingIcon:lt,icons:_,containerAriaLabel:dt="Notifications",pauseWhenPageIsHidden:ct,cn:G=ye}=e,[C,n]=o.default.useState([]),N=o.default.useMemo(()=>Array.from(new Set([c].concat(C.filter(d=>d.position).map(d=>d.position)))),[C,c]),[Q,q]=o.default.useState([]),[S,B]=o.default.useState(!1),[Z,U]=o.default.useState(!1),[ut,M]=o.default.useState(y!=="system"?y:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),A=o.default.useRef(null),tt=l.join("+").replace(/Key/g,"").replace(/Digit/g,""),L=o.default.useRef(null),Y=o.default.useRef(!1),et=o.default.useCallback(d=>{n(f=>{var b;return(b=f.find(w=>w.id===d.id))!=null&&b.delete||R.dismiss(d.id),f.filter(({id:w})=>w!==d.id)})},[]);return o.default.useEffect(()=>R.subscribe(d=>{if(d.dismiss){n(f=>f.map(b=>b.id===d.id?{...b,delete:!0}:b));return}setTimeout(()=>{_t.default.flushSync(()=>{n(f=>{let b=f.findIndex(w=>w.id===d.id);return b!==-1?[...f.slice(0,b),{...f[b],...d},...f.slice(b+1)]:[d,...f]})})})}),[]),o.default.useEffect(()=>{if(y!=="system"){M(y);return}if(y==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?M("dark"):M("light")),typeof window=="undefined")return;let d=window.matchMedia("(prefers-color-scheme: dark)");try{d.addEventListener("change",({matches:f})=>{M(f?"dark":"light")})}catch(f){d.addListener(({matches:b})=>{try{M(b?"dark":"light")}catch(w){console.error(w)}})}},[y]),o.default.useEffect(()=>{C.length<=1&&B(!1)},[C]),o.default.useEffect(()=>{let d=f=>{var w,D;l.every(m=>f[m]||f.code===m)&&(B(!0),(w=A.current)==null||w.focus()),f.code==="Escape"&&(document.activeElement===A.current||(D=A.current)!=null&&D.contains(document.activeElement))&&B(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[l]),o.default.useEffect(()=>{if(A.current)return()=>{L.current&&(L.current.focus({preventScroll:!0}),L.current=null,Y.current=!1)}},[A.current]),o.default.createElement("section",{"aria-label":`${dt} ${tt}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false"},N.map((d,f)=>{var D;let[b,w]=d.split("-");return C.length?o.default.createElement("ol",{key:d,dir:J==="auto"?Wt():J,tabIndex:-1,ref:A,className:h,"data-sonner-toaster":!0,"data-theme":ut,"data-y-position":b,"data-lifted":S&&C.length>1&&!E,"data-x-position":w,style:{"--front-toast-height":`${((D=Q[0])==null?void 0:D.height)||0}px`,"--offset":typeof u=="number"?`${u}px`:u||me,"--width":`${pe}px`,"--gap":`${X}px`,...K},onBlur:m=>{Y.current&&!m.currentTarget.contains(m.relatedTarget)&&(Y.current=!1,L.current&&(L.current.focus({preventScroll:!0}),L.current=null))},onFocus:m=>{m.target instanceof HTMLElement&&m.target.dataset.dismissible==="false"||Y.current||(Y.current=!0,L.current=m.relatedTarget)},onMouseEnter:()=>B(!0),onMouseMove:()=>B(!0),onMouseLeave:()=>{Z||B(!1)},onPointerDown:m=>{m.target instanceof HTMLElement&&m.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},C.filter(m=>!m.position&&f===0||m.position===d).map((m,H)=>{var ot,at;return o.default.createElement(xe,{key:m.id,icons:_,index:H,toast:m,defaultRichColors:k,duration:(ot=i==null?void 0:i.duration)!=null?ot:j,className:i==null?void 0:i.className,descriptionClassName:i==null?void 0:i.descriptionClassName,invert:r,visibleToasts:it,closeButton:(at=i==null?void 0:i.closeButton)!=null?at:P,interacting:Z,position:d,style:i==null?void 0:i.style,unstyled:i==null?void 0:i.unstyled,classNames:i==null?void 0:i.classNames,cancelButtonStyle:i==null?void 0:i.cancelButtonStyle,actionButtonStyle:i==null?void 0:i.actionButtonStyle,removeToast:et,toasts:C.filter(x=>x.position==m.position),heights:Q.filter(x=>x.position==m.position),setHeights:q,expandByDefault:E,gap:X,loadingIcon:lt,expanded:S,pauseWhenPageIsHidden:ct,cn:G})})):null}))});0&&(module.exports={Toaster,toast,useSonner});
+"use client";var re=Object.create;var ft=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,le=Object.prototype.hasOwnProperty;var ce=(r,e)=>{for(var t in e)ft(r,t,{get:e[t],enumerable:!0})},Yt=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of se(e))!le.call(r,u)&&u!==t&&ft(r,u,{get:()=>e[u],enumerable:!(a=ne(e,u))||a.enumerable});return r};var tt=(r,e,t)=>(t=r!=null?re(ie(r)):{},Yt(e||!r||!r.__esModule?ft(t,"default",{value:r,enumerable:!0}):t,r)),de=r=>Yt(ft({},"__esModule",{value:!0}),r);var ke={};ce(ke,{Toaster:()=>Ie,toast:()=>Vt,useSonner:()=>Ce});module.exports=de(ke);var o=tt(require("react")),Xt=tt(require("react-dom"));var T=tt(require("react")),Ot=r=>{switch(r){case"success":return fe;case"info":return me;case"warning":return pe;case"error":return ge;default:return null}},ue=Array(12).fill(0),$t=({visible:r,className:e})=>T.default.createElement("div",{className:["sonner-loading-wrapper",e].filter(Boolean).join(" "),"data-visible":r},T.default.createElement("div",{className:"sonner-spinner"},ue.map((t,a)=>T.default.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),fe=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),pe=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),me=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),ge=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},T.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),Ft=T.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},T.default.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),T.default.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}));var wt=tt(require("react")),Wt=()=>{let[r,e]=wt.default.useState(document.hidden);return wt.default.useEffect(()=>{let t=()=>{e(document.hidden)};return document.addEventListener("visibilitychange",t),()=>window.removeEventListener("visibilitychange",t)},[]),r};var _t=tt(require("react")),xt=1,vt=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 R;let{message:t,...a}=e,u=typeof(e==null?void 0:e.id)=="number"||((R=e.id)==null?void 0:R.length)>0?e.id:xt++,l=this.toasts.find(g=>g.id===u),w=e.dismissible===void 0?!0:e.dismissible;return l?this.toasts=this.toasts.map(g=>g.id===u?(this.publish({...g,...e,id:u,title:t}),{...g,...e,id:u,dismissible:w,title:t}):g):this.addToast({title:t,...a,dismissible:w,id:u}),u};this.dismiss=e=>(e||this.toasts.forEach(t=>{this.subscribers.forEach(a=>a({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 a;t.loading!==void 0&&(a=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let u=e instanceof Promise?e:e(),l=a!==void 0,w,R=u.then(async i=>{if(w=["resolve",i],_t.default.isValidElement(i))l=!1,this.create({id:a,type:"default",message:i});else if(be(i)&&!i.ok){l=!1;let v=typeof t.error=="function"?await t.error(`HTTP error! status: ${i.status}`):t.error,F=typeof t.description=="function"?await t.description(`HTTP error! status: ${i.status}`):t.description;this.create({id:a,type:"error",message:v,description:F})}else if(t.success!==void 0){l=!1;let v=typeof t.success=="function"?await t.success(i):t.success,F=typeof t.description=="function"?await t.description(i):t.description;this.create({id:a,type:"success",message:v,description:F})}}).catch(async i=>{if(w=["reject",i],t.error!==void 0){l=!1;let D=typeof t.error=="function"?await t.error(i):t.error,v=typeof t.description=="function"?await t.description(i):t.description;this.create({id:a,type:"error",message:D,description:v})}}).finally(()=>{var i;l&&(this.dismiss(a),a=void 0),(i=t.finally)==null||i.call(t)}),g=()=>new Promise((i,D)=>R.then(()=>w[0]==="reject"?D(w[1]):i(w[1])).catch(D));return typeof a!="string"&&typeof a!="number"?{unwrap:g}:Object.assign(a,{unwrap:g})};this.custom=(e,t)=>{let a=(t==null?void 0:t.id)||xt++;return this.create({jsx:e(a),id:a,...t}),a};this.subscribers=[],this.toasts=[]}},S=new vt,he=(r,e)=>{let t=(e==null?void 0:e.id)||xt++;return S.addToast({title:r,...e,id:t}),t},be=r=>r&&typeof r=="object"&&"ok"in r&&typeof r.ok=="boolean"&&"status"in r&&typeof r.status=="number",ye=he,we=()=>S.toasts,Vt=Object.assign(ye,{success:S.success,info:S.info,warning:S.warning,error:S.error,custom:S.custom,message:S.message,promise:S.promise,dismiss:S.dismiss,loading:S.loading},{getHistory:we});function Tt(r,{insertAt:e}={}){if(!r||typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",e==="top"&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=r:a.appendChild(document.createTextNode(r))}Tt(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);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-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--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-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
+`);function et(r){return r.label!==void 0}var xe=3,ve="32px",Te="16px",Ut=4e3,Se=356,Re=14,Ee=20,De=200;function k(...r){return r.filter(Boolean).join(" ")}function Pe(r){let[e,t]=r.split("-"),a=[];return e&&a.push(e),t&&a.push(t),a}var Ne=r=>{var Pt,Nt,Bt,Ct,It,kt,Mt,Ht,At,Lt,zt;let{invert:e,toast:t,unstyled:a,interacting:u,setHeights:l,visibleToasts:w,heights:R,index:g,toasts:i,expanded:D,removeToast:v,defaultRichColors:F,closeButton:ot,style:pt,cancelButtonStyle:mt,actionButtonStyle:c,className:at="",descriptionClassName:rt="",duration:K,position:nt,gap:gt,loadingIcon:st,expandByDefault:B,classNames:n,icons:P,closeButtonAriaLabel:it="Close toast",pauseWhenPageIsHidden:lt}=r,[j,M]=o.default.useState(null),[ct,X]=o.default.useState(null),[W,H]=o.default.useState(!1),[A,ht]=o.default.useState(!1),[L,Y]=o.default.useState(!1),[dt,f]=o.default.useState(!1),[h,y]=o.default.useState(!1),[E,z]=o.default.useState(0),[p,_]=o.default.useState(0),O=o.default.useRef(t.duration||K||Ut),J=o.default.useRef(null),C=o.default.useRef(null),Jt=g===0,Gt=g+1<=w,N=t.type,V=t.dismissible!==!1,Qt=t.className||"",qt=t.descriptionClassName||"",ut=o.default.useMemo(()=>R.findIndex(s=>s.toastId===t.id)||0,[R,t.id]),Zt=o.default.useMemo(()=>{var s;return(s=t.closeButton)!=null?s:ot},[t.closeButton,ot]),St=o.default.useMemo(()=>t.duration||K||Ut,[t.duration,K]),bt=o.default.useRef(0),U=o.default.useRef(0),Rt=o.default.useRef(0),G=o.default.useRef(null),[te,ee]=nt.split("-"),Et=o.default.useMemo(()=>R.reduce((s,m,d)=>d>=ut?s:s+m.height,0),[R,ut]),Dt=Wt(),oe=t.invert||e,yt=N==="loading";U.current=o.default.useMemo(()=>ut*gt+Et,[ut,Et]),o.default.useEffect(()=>{O.current=St},[St]),o.default.useEffect(()=>{H(!0)},[]),o.default.useEffect(()=>{let s=C.current;if(s){let m=s.getBoundingClientRect().height;return _(m),l(d=>[{toastId:t.id,height:m,position:t.position},...d]),()=>l(d=>d.filter(b=>b.toastId!==t.id))}},[l,t.id]),o.default.useLayoutEffect(()=>{if(!W)return;let s=C.current,m=s.style.height;s.style.height="auto";let d=s.getBoundingClientRect().height;s.style.height=m,_(d),l(b=>b.find(x=>x.toastId===t.id)?b.map(x=>x.toastId===t.id?{...x,height:d}:x):[{toastId:t.id,height:d,position:t.position},...b])},[W,t.title,t.description,l,t.id]);let $=o.default.useCallback(()=>{ht(!0),z(U.current),l(s=>s.filter(m=>m.toastId!==t.id)),setTimeout(()=>{v(t)},De)},[t,v,l,U]);o.default.useEffect(()=>{if(t.promise&&N==="loading"||t.duration===1/0||t.type==="loading")return;let s;return D||u||lt&&Dt?(()=>{if(Rt.current<bt.current){let b=new Date().getTime()-bt.current;O.current=O.current-b}Rt.current=new Date().getTime()})():(()=>{O.current!==1/0&&(bt.current=new Date().getTime(),s=setTimeout(()=>{var b;(b=t.onAutoClose)==null||b.call(t,t),$()},O.current))})(),()=>clearTimeout(s)},[D,u,t,N,lt,Dt,$]),o.default.useEffect(()=>{t.delete&&$()},[$,t.delete]);function ae(){var s,m,d;return P!=null&&P.loading?o.default.createElement("div",{className:k(n==null?void 0:n.loader,(s=t==null?void 0:t.classNames)==null?void 0:s.loader,"sonner-loader"),"data-visible":N==="loading"},P.loading):st?o.default.createElement("div",{className:k(n==null?void 0:n.loader,(m=t==null?void 0:t.classNames)==null?void 0:m.loader,"sonner-loader"),"data-visible":N==="loading"},st):o.default.createElement($t,{className:k(n==null?void 0:n.loader,(d=t==null?void 0:t.classNames)==null?void 0:d.loader),visible:N==="loading"})}return o.default.createElement("li",{tabIndex:0,ref:C,className:k(at,Qt,n==null?void 0:n.toast,(Pt=t==null?void 0:t.classNames)==null?void 0:Pt.toast,n==null?void 0:n.default,n==null?void 0:n[N],(Nt=t==null?void 0:t.classNames)==null?void 0:Nt[N]),"data-sonner-toast":"","data-rich-colors":(Bt=t.richColors)!=null?Bt:F,"data-styled":!(t.jsx||t.unstyled||a),"data-mounted":W,"data-promise":!!t.promise,"data-swiped":h,"data-removed":A,"data-visible":Gt,"data-y-position":te,"data-x-position":ee,"data-index":g,"data-front":Jt,"data-swiping":L,"data-dismissible":V,"data-type":N,"data-invert":oe,"data-swipe-out":dt,"data-swipe-direction":ct,"data-expanded":!!(D||B&&W),style:{"--index":g,"--toasts-before":g,"--z-index":i.length-g,"--offset":`${A?E:U.current}px`,"--initial-height":B?"auto":`${p}px`,...pt,...t.style},onPointerDown:s=>{yt||!V||(J.current=new Date,z(U.current),s.target.setPointerCapture(s.pointerId),s.target.tagName!=="BUTTON"&&(Y(!0),G.current={x:s.clientX,y:s.clientY}))},onPointerUp:()=>{var x,Q,q,Z;if(dt||!V)return;G.current=null;let s=Number(((x=C.current)==null?void 0:x.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),m=Number(((Q=C.current)==null?void 0:Q.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),d=new Date().getTime()-((q=J.current)==null?void 0:q.getTime()),b=j==="x"?s:m,I=Math.abs(b)/d;if(Math.abs(b)>=Ee||I>.11){z(U.current),(Z=t.onDismiss)==null||Z.call(t,t),X(j==="x"?s>0?"right":"left":m>0?"down":"up"),$(),f(!0),y(!1);return}Y(!1),M(null)},onPointerMove:s=>{var Q,q,Z,jt;if(!G.current||!V||((Q=window.getSelection())==null?void 0:Q.toString().length)>0)return;let d=s.clientY-G.current.y,b=s.clientX-G.current.x,I=(q=r.swipeDirections)!=null?q:Pe(nt);!j&&(Math.abs(b)>1||Math.abs(d)>1)&&M(Math.abs(b)>Math.abs(d)?"x":"y");let x={x:0,y:0};j==="y"?(I.includes("top")||I.includes("bottom"))&&(I.includes("top")&&d<0||I.includes("bottom")&&d>0)&&(x.y=d):j==="x"&&(I.includes("left")||I.includes("right"))&&(I.includes("left")&&b<0||I.includes("right")&&b>0)&&(x.x=b),(Math.abs(x.x)>0||Math.abs(x.y)>0)&&y(!0),(Z=C.current)==null||Z.style.setProperty("--swipe-amount-x",`${x.x}px`),(jt=C.current)==null||jt.style.setProperty("--swipe-amount-y",`${x.y}px`)}},Zt&&!t.jsx?o.default.createElement("button",{"aria-label":it,"data-disabled":yt,"data-close-button":!0,onClick:yt||!V?()=>{}:()=>{var s;$(),(s=t.onDismiss)==null||s.call(t,t)},className:k(n==null?void 0:n.closeButton,(Ct=t==null?void 0:t.classNames)==null?void 0:Ct.closeButton)},(It=P==null?void 0:P.close)!=null?It:Ft):null,t.jsx||(0,o.isValidElement)(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.default.createElement(o.default.Fragment,null,N||t.icon||t.promise?o.default.createElement("div",{"data-icon":"",className:k(n==null?void 0:n.icon,(kt=t==null?void 0:t.classNames)==null?void 0:kt.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||ae():null,t.type!=="loading"?t.icon||(P==null?void 0:P[N])||Ot(N):null):null,o.default.createElement("div",{"data-content":"",className:k(n==null?void 0:n.content,(Mt=t==null?void 0:t.classNames)==null?void 0:Mt.content)},o.default.createElement("div",{"data-title":"",className:k(n==null?void 0:n.title,(Ht=t==null?void 0:t.classNames)==null?void 0:Ht.title)},typeof t.title=="function"?t.title():t.title),t.description?o.default.createElement("div",{"data-description":"",className:k(rt,qt,n==null?void 0:n.description,(At=t==null?void 0:t.classNames)==null?void 0:At.description)},typeof t.description=="function"?t.description():t.description):null),(0,o.isValidElement)(t.cancel)?t.cancel:t.cancel&&et(t.cancel)?o.default.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||mt,onClick:s=>{var m,d;et(t.cancel)&&V&&((d=(m=t.cancel).onClick)==null||d.call(m,s),$())},className:k(n==null?void 0:n.cancelButton,(Lt=t==null?void 0:t.classNames)==null?void 0:Lt.cancelButton)},t.cancel.label):null,(0,o.isValidElement)(t.action)?t.action:t.action&&et(t.action)?o.default.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||c,onClick:s=>{var m,d;et(t.action)&&((d=(m=t.action).onClick)==null||d.call(m,s),!s.defaultPrevented&&$())},className:k(n==null?void 0:n.actionButton,(zt=t==null?void 0:t.classNames)==null?void 0:zt.actionButton)},t.action.label):null))};function Kt(){if(typeof window=="undefined"||typeof document=="undefined")return"ltr";let r=document.documentElement.getAttribute("dir");return r==="auto"||!r?window.getComputedStyle(document.documentElement).direction:r}function Be(r,e){let t={};return[r,e].forEach((a,u)=>{let l=u===1,w=l?"--mobile-offset":"--offset",R=l?Te:ve;function g(i){["top","right","bottom","left"].forEach(D=>{t[`${w}-${D}`]=typeof i=="number"?`${i}px`:i})}typeof a=="number"||typeof a=="string"?g(a):typeof a=="object"?["top","right","bottom","left"].forEach(i=>{a[i]===void 0?t[`${w}-${i}`]=R:t[`${w}-${i}`]=typeof a[i]=="number"?`${a[i]}px`:a[i]}):g(R)}),t}function Ce(){let[r,e]=o.default.useState([]);return o.default.useEffect(()=>S.subscribe(t=>{e(a=>{if("dismiss"in t&&t.dismiss)return a.filter(l=>l.id!==t.id);let u=a.findIndex(l=>l.id===t.id);if(u!==-1){let l=[...a];return l[u]={...l[u],...t},l}else return[t,...a]})}),[]),{toasts:r}}var Ie=(0,o.forwardRef)(function(e,t){let{invert:a,position:u="bottom-right",hotkey:l=["altKey","KeyT"],expand:w,closeButton:R,className:g,offset:i,mobileOffset:D,theme:v="light",richColors:F,duration:ot,style:pt,visibleToasts:mt=xe,toastOptions:c,dir:at=Kt(),gap:rt=Re,loadingIcon:K,icons:nt,containerAriaLabel:gt="Notifications",pauseWhenPageIsHidden:st}=e,[B,n]=o.default.useState([]),P=o.default.useMemo(()=>Array.from(new Set([u].concat(B.filter(f=>f.position).map(f=>f.position)))),[B,u]),[it,lt]=o.default.useState([]),[j,M]=o.default.useState(!1),[ct,X]=o.default.useState(!1),[W,H]=o.default.useState(v!=="system"?v:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),A=o.default.useRef(null),ht=l.join("+").replace(/Key/g,"").replace(/Digit/g,""),L=o.default.useRef(null),Y=o.default.useRef(!1),dt=o.default.useCallback(f=>{n(h=>{var y;return(y=h.find(E=>E.id===f.id))!=null&&y.delete||S.dismiss(f.id),h.filter(({id:E})=>E!==f.id)})},[]);return o.default.useEffect(()=>S.subscribe(f=>{if(f.dismiss){n(h=>h.map(y=>y.id===f.id?{...y,delete:!0}:y));return}setTimeout(()=>{Xt.default.flushSync(()=>{n(h=>{let y=h.findIndex(E=>E.id===f.id);return y!==-1?[...h.slice(0,y),{...h[y],...f},...h.slice(y+1)]:[f,...h]})})})}),[]),o.default.useEffect(()=>{if(v!=="system"){H(v);return}if(v==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?H("dark"):H("light")),typeof window=="undefined")return;let f=window.matchMedia("(prefers-color-scheme: dark)");try{f.addEventListener("change",({matches:h})=>{H(h?"dark":"light")})}catch(h){f.addListener(({matches:y})=>{try{H(y?"dark":"light")}catch(E){console.error(E)}})}},[v]),o.default.useEffect(()=>{B.length<=1&&M(!1)},[B]),o.default.useEffect(()=>{let f=h=>{var E,z;l.every(p=>h[p]||h.code===p)&&(M(!0),(E=A.current)==null||E.focus()),h.code==="Escape"&&(document.activeElement===A.current||(z=A.current)!=null&&z.contains(document.activeElement))&&M(!1)};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[l]),o.default.useEffect(()=>{if(A.current)return()=>{L.current&&(L.current.focus({preventScroll:!0}),L.current=null,Y.current=!1)}},[A.current]),o.default.createElement("section",{ref:t,"aria-label":`${gt} ${ht}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},P.map((f,h)=>{var z;let[y,E]=f.split("-");return B.length?o.default.createElement("ol",{key:f,dir:at==="auto"?Kt():at,tabIndex:-1,ref:A,className:g,"data-sonner-toaster":!0,"data-theme":W,"data-y-position":y,"data-lifted":j&&B.length>1&&!w,"data-x-position":E,style:{"--front-toast-height":`${((z=it[0])==null?void 0:z.height)||0}px`,"--width":`${Se}px`,"--gap":`${rt}px`,...pt,...Be(i,D)},onBlur:p=>{Y.current&&!p.currentTarget.contains(p.relatedTarget)&&(Y.current=!1,L.current&&(L.current.focus({preventScroll:!0}),L.current=null))},onFocus:p=>{p.target instanceof HTMLElement&&p.target.dataset.dismissible==="false"||Y.current||(Y.current=!0,L.current=p.relatedTarget)},onMouseEnter:()=>M(!0),onMouseMove:()=>M(!0),onMouseLeave:()=>{ct||M(!1)},onPointerDown:p=>{p.target instanceof HTMLElement&&p.target.dataset.dismissible==="false"||X(!0)},onPointerUp:()=>X(!1)},B.filter(p=>!p.position&&h===0||p.position===f).map((p,_)=>{var O,J;return o.default.createElement(Ne,{key:p.id,icons:nt,index:_,toast:p,defaultRichColors:F,duration:(O=c==null?void 0:c.duration)!=null?O:ot,className:c==null?void 0:c.className,descriptionClassName:c==null?void 0:c.descriptionClassName,invert:a,visibleToasts:mt,closeButton:(J=c==null?void 0:c.closeButton)!=null?J:R,interacting:ct,position:f,style:c==null?void 0:c.style,unstyled:c==null?void 0:c.unstyled,classNames:c==null?void 0:c.classNames,cancelButtonStyle:c==null?void 0:c.cancelButtonStyle,actionButtonStyle:c==null?void 0:c.actionButtonStyle,removeToast:dt,toasts:B.filter(C=>C.position==p.position),heights:it.filter(C=>C.position==p.position),setHeights:lt,expandByDefault:w,gap:rt,loadingIcon:K,expanded:j,pauseWhenPageIsHidden:st,swipeDirections:e.swipeDirections})})):null}))});0&&(module.exports={Toaster,toast,useSonner});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "sonner",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "description": "An opinionated toast component for React.",
@@ -44,3 +44,3 @@ "exports": {
   "devDependencies": {
-    "@playwright/test": "^1.30.0",
+    "@playwright/test": "^1.49.1",
     "@types/node": "^18.11.13",
@@ -47,0 +47,0 @@ "@types/react": "^18.0.26",

No alert changes

Improved metrics

Total package byte prevSize

267747

increased by8.68%

Lines of code

1020

increased by8.63%

No dependency changes