@21st-dev/magic
Version:
Magic MCP UI builder by 21st.dev
1 lines • 36.4 kB
JavaScript
;(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[486],{51362:(t,e,a)=>{a.d(e,{D:()=>d,N:()=>c});var o=a(12115),r=(t,e,a,o,r,n,s,i)=>{let l=document.documentElement,d=["light","dark"];function c(e){var a;(Array.isArray(t)?t:[t]).forEach(t=>{let a="class"===t,o=a&&n?r.map(t=>n[t]||t):r;a?(l.classList.remove(...o),l.classList.add(n&&n[e]?n[e]:e)):l.setAttribute(t,e)}),a=e,i&&d.includes(a)&&(l.style.colorScheme=a)}if(o)c(o);else try{let t=localStorage.getItem(e)||a,o=s&&"system"===t?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t;c(o)}catch(t){}},n=["light","dark"],s="(prefers-color-scheme: dark)",i=o.createContext(void 0),l={setTheme:t=>{},themes:[]},d=()=>{var t;return null!=(t=o.useContext(i))?t:l},c=t=>o.useContext(i)?o.createElement(o.Fragment,null,t.children):o.createElement(m,{...t}),u=["light","dark"],m=t=>{let{forcedTheme:e,disableTransitionOnChange:a=!1,enableSystem:r=!0,enableColorScheme:l=!0,storageKey:d="theme",themes:c=u,defaultTheme:m=r?"system":"light",attribute:v="data-theme",value:b,children:y,nonce:w,scriptProps:x}=t,[E,k]=o.useState(()=>f(d,m)),[S,T]=o.useState(()=>"system"===E?g():E),N=b?Object.values(b):c,C=o.useCallback(t=>{let e=t;if(!e)return;"system"===t&&r&&(e=g());let o=b?b[e]:e,s=a?p(w):null,i=document.documentElement,d=t=>{"class"===t?(i.classList.remove(...N),o&&i.classList.add(o)):t.startsWith("data-")&&(o?i.setAttribute(t,o):i.removeAttribute(t))};if(Array.isArray(v)?v.forEach(d):d(v),l){let t=n.includes(m)?m:null,a=n.includes(e)?e:t;i.style.colorScheme=a}null==s||s()},[w]),M=o.useCallback(t=>{let e="function"==typeof t?t(E):t;k(e);try{localStorage.setItem(d,e)}catch(t){}},[E]),B=o.useCallback(t=>{T(g(t)),"system"===E&&r&&!e&&C("system")},[E,e]);o.useEffect(()=>{let t=window.matchMedia(s);return t.addListener(B),B(t),()=>t.removeListener(B)},[B]),o.useEffect(()=>{let t=t=>{t.key===d&&(t.newValue?k(t.newValue):M(m))};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)},[M]),o.useEffect(()=>{C(null!=e?e:E)},[e,E]);let z=o.useMemo(()=>({theme:E,setTheme:M,forcedTheme:e,resolvedTheme:"system"===E?S:E,themes:r?[...c,"system"]:c,systemTheme:r?S:void 0}),[E,M,e,S,r,c]);return o.createElement(i.Provider,{value:z},o.createElement(h,{forcedTheme:e,storageKey:d,attribute:v,enableSystem:r,enableColorScheme:l,defaultTheme:m,value:b,themes:c,nonce:w,scriptProps:x}),y)},h=o.memo(t=>{let{forcedTheme:e,storageKey:a,attribute:n,enableSystem:s,enableColorScheme:i,defaultTheme:l,value:d,themes:c,nonce:u,scriptProps:m}=t,h=JSON.stringify([n,a,l,e,c,d,s,i]).slice(1,-1);return o.createElement("script",{...m,suppressHydrationWarning:!0,nonce:"",dangerouslySetInnerHTML:{__html:"(".concat(r.toString(),")(").concat(h,")")}})}),f=(t,e)=>{let a;try{a=localStorage.getItem(t)||void 0}catch(t){}return a||e},p=t=>{let e=document.createElement("style");return t&&e.setAttribute("nonce",t),e.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}},g=t=>(t||(t=window.matchMedia(s)),t.matches?"dark":"light")},56671:(t,e,a)=>{a.d(e,{Toaster:()=>E,o:()=>v});var o=a(12115),r=a(47650),n=t=>{switch(t){case"success":return l;case"info":return c;case"warning":return d;case"error":return u;default:return null}},s=Array(12).fill(0),i=t=>{let{visible:e,className:a}=t;return o.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":e},o.createElement("div",{className:"sonner-spinner"},s.map((t,e)=>o.createElement("div",{className:"sonner-loading-bar",key:"spinner-bar-".concat(e)}))))},l=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.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"})),d=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},o.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"})),c=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.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"})),u=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.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"})),m=o.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"},o.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),h=()=>{let[t,e]=o.useState(document.hidden);return o.useEffect(()=>{let t=()=>{e(document.hidden)};return document.addEventListener("visibilitychange",t),()=>window.removeEventListener("visibilitychange",t)},[]),t},f=1,p=new class{constructor(){this.subscribe=t=>(this.subscribers.push(t),()=>{let e=this.subscribers.indexOf(t);this.subscribers.splice(e,1)}),this.publish=t=>{this.subscribers.forEach(e=>e(t))},this.addToast=t=>{this.publish(t),this.toasts=[...this.toasts,t]},this.create=t=>{var e;let{message:a,...o}=t,r="number"==typeof(null==t?void 0:t.id)||(null==(e=t.id)?void 0:e.length)>0?t.id:f++,n=this.toasts.find(t=>t.id===r),s=void 0===t.dismissible||t.dismissible;return this.dismissedToasts.has(r)&&this.dismissedToasts.delete(r),n?this.toasts=this.toasts.map(e=>e.id===r?(this.publish({...e,...t,id:r,title:a}),{...e,...t,id:r,dismissible:s,title:a}):e):this.addToast({title:a,...o,dismissible:s,id:r}),r},this.dismiss=t=>(this.dismissedToasts.add(t),t||this.toasts.forEach(t=>{this.subscribers.forEach(e=>e({id:t.id,dismiss:!0}))}),this.subscribers.forEach(e=>e({id:t,dismiss:!0})),t),this.message=(t,e)=>this.create({...e,message:t}),this.error=(t,e)=>this.create({...e,message:t,type:"error"}),this.success=(t,e)=>this.create({...e,type:"success",message:t}),this.info=(t,e)=>this.create({...e,type:"info",message:t}),this.warning=(t,e)=>this.create({...e,type:"warning",message:t}),this.loading=(t,e)=>this.create({...e,type:"loading",message:t}),this.promise=(t,e)=>{let a;if(!e)return;void 0!==e.loading&&(a=this.create({...e,promise:t,type:"loading",message:e.loading,description:"function"!=typeof e.description?e.description:void 0}));let r=t instanceof Promise?t:t(),n=void 0!==a,s,i=r.then(async t=>{if(s=["resolve",t],o.isValidElement(t))n=!1,this.create({id:a,type:"default",message:t});else if(g(t)&&!t.ok){n=!1;let o="function"==typeof e.error?await e.error("HTTP error! status: ".concat(t.status)):e.error,r="function"==typeof e.description?await e.description("HTTP error! status: ".concat(t.status)):e.description;this.create({id:a,type:"error",message:o,description:r})}else if(void 0!==e.success){n=!1;let o="function"==typeof e.success?await e.success(t):e.success,r="function"==typeof e.description?await e.description(t):e.description;this.create({id:a,type:"success",message:o,description:r})}}).catch(async t=>{if(s=["reject",t],void 0!==e.error){n=!1;let o="function"==typeof e.error?await e.error(t):e.error,r="function"==typeof e.description?await e.description(t):e.description;this.create({id:a,type:"error",message:o,description:r})}}).finally(()=>{var t;n&&(this.dismiss(a),a=void 0),null==(t=e.finally)||t.call(e)}),l=()=>new Promise((t,e)=>i.then(()=>"reject"===s[0]?e(s[1]):t(s[1])).catch(e));return"string"!=typeof a&&"number"!=typeof a?{unwrap:l}:Object.assign(a,{unwrap:l})},this.custom=(t,e)=>{let a=(null==e?void 0:e.id)||f++;return this.create({jsx:t(a),id:a,...e}),a},this.getActiveToasts=()=>this.toasts.filter(t=>!this.dismissedToasts.has(t.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},g=t=>t&&"object"==typeof t&&"ok"in t&&"boolean"==typeof t.ok&&"status"in t&&"number"==typeof t.status,v=Object.assign((t,e)=>{let a=(null==e?void 0:e.id)||f++;return p.addToast({title:t,...e,id:a}),a},{success:p.success,info:p.info,warning:p.warning,error:p.error,custom:p.custom,message:p.message,promise:p.promise,dismiss:p.dismiss,loading:p.loading},{getHistory:()=>p.toasts,getToasts:()=>p.getActiveToasts()});function b(t){return void 0!==t.label}function y(){for(var t=arguments.length,e=Array(t),a=0;a<t;a++)e[a]=arguments[a];return e.filter(Boolean).join(" ")}!function(t){let{insertAt:e}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t||"undefined"==typeof document)return;let a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}(':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%)}\n');var w=t=>{var e,a,r,s,l,d,c,u,f,p,g;let{invert:v,toast:w,unstyled:x,interacting:E,setHeights:k,visibleToasts:S,heights:T,index:N,toasts:C,expanded:M,removeToast:B,defaultRichColors:z,closeButton:I,style:L,cancelButtonStyle:R,actionButtonStyle:A,className:j="",descriptionClassName:P="",duration:Y,position:D,gap:H,loadingIcon:O,expandByDefault:V,classNames:W,icons:K,closeButtonAriaLabel:U="Close toast",pauseWhenPageIsHidden:_}=t,[F,X]=o.useState(null),[J,q]=o.useState(null),[G,Q]=o.useState(!1),[Z,$]=o.useState(!1),[tt,te]=o.useState(!1),[ta,to]=o.useState(!1),[tr,tn]=o.useState(!1),[ts,ti]=o.useState(0),[tl,td]=o.useState(0),tc=o.useRef(w.duration||Y||4e3),tu=o.useRef(null),tm=o.useRef(null),th=0===N,tf=N+1<=S,tp=w.type,tg=!1!==w.dismissible,tv=w.className||"",tb=w.descriptionClassName||"",ty=o.useMemo(()=>T.findIndex(t=>t.toastId===w.id)||0,[T,w.id]),tw=o.useMemo(()=>{var t;return null!=(t=w.closeButton)?t:I},[w.closeButton,I]),tx=o.useMemo(()=>w.duration||Y||4e3,[w.duration,Y]),tE=o.useRef(0),tk=o.useRef(0),tS=o.useRef(0),tT=o.useRef(null),[tN,tC]=D.split("-"),tM=o.useMemo(()=>T.reduce((t,e,a)=>a>=ty?t:t+e.height,0),[T,ty]),tB=h(),tz=w.invert||v,tI="loading"===tp;tk.current=o.useMemo(()=>ty*H+tM,[ty,tM]),o.useEffect(()=>{tc.current=tx},[tx]),o.useEffect(()=>{Q(!0)},[]),o.useEffect(()=>{let t=tm.current;if(t){let e=t.getBoundingClientRect().height;return td(e),k(t=>[{toastId:w.id,height:e,position:w.position},...t]),()=>k(t=>t.filter(t=>t.toastId!==w.id))}},[k,w.id]),o.useLayoutEffect(()=>{if(!G)return;let t=tm.current,e=t.style.height;t.style.height="auto";let a=t.getBoundingClientRect().height;t.style.height=e,td(a),k(t=>t.find(t=>t.toastId===w.id)?t.map(t=>t.toastId===w.id?{...t,height:a}:t):[{toastId:w.id,height:a,position:w.position},...t])},[G,w.title,w.description,k,w.id]);let tL=o.useCallback(()=>{$(!0),ti(tk.current),k(t=>t.filter(t=>t.toastId!==w.id)),setTimeout(()=>{B(w)},200)},[w,B,k,tk]);return o.useEffect(()=>{let t;if((!w.promise||"loading"!==tp)&&w.duration!==1/0&&"loading"!==w.type)return M||E||_&&tB?(()=>{if(tS.current<tE.current){let t=new Date().getTime()-tE.current;tc.current=tc.current-t}tS.current=new Date().getTime()})():tc.current!==1/0&&(tE.current=new Date().getTime(),t=setTimeout(()=>{var t;null==(t=w.onAutoClose)||t.call(w,w),tL()},tc.current)),()=>clearTimeout(t)},[M,E,w,tp,_,tB,tL]),o.useEffect(()=>{w.delete&&tL()},[tL,w.delete]),o.createElement("li",{tabIndex:0,ref:tm,className:y(j,tv,null==W?void 0:W.toast,null==(e=null==w?void 0:w.classNames)?void 0:e.toast,null==W?void 0:W.default,null==W?void 0:W[tp],null==(a=null==w?void 0:w.classNames)?void 0:a[tp]),"data-sonner-toast":"","data-rich-colors":null!=(r=w.richColors)?r:z,"data-styled":!(w.jsx||w.unstyled||x),"data-mounted":G,"data-promise":!!w.promise,"data-swiped":tr,"data-removed":Z,"data-visible":tf,"data-y-position":tN,"data-x-position":tC,"data-index":N,"data-front":th,"data-swiping":tt,"data-dismissible":tg,"data-type":tp,"data-invert":tz,"data-swipe-out":ta,"data-swipe-direction":J,"data-expanded":!!(M||V&&G),style:{"--index":N,"--toasts-before":N,"--z-index":C.length-N,"--offset":"".concat(Z?ts:tk.current,"px"),"--initial-height":V?"auto":"".concat(tl,"px"),...L,...w.style},onDragEnd:()=>{te(!1),X(null),tT.current=null},onPointerDown:t=>{tI||!tg||(tu.current=new Date,ti(tk.current),t.target.setPointerCapture(t.pointerId),"BUTTON"!==t.target.tagName&&(te(!0),tT.current={x:t.clientX,y:t.clientY}))},onPointerUp:()=>{var t,e,a,o;if(ta||!tg)return;tT.current=null;let r=Number((null==(t=tm.current)?void 0:t.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),n=Number((null==(e=tm.current)?void 0:e.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),s=new Date().getTime()-(null==(a=tu.current)?void 0:a.getTime()),i="x"===F?r:n,l=Math.abs(i)/s;if(Math.abs(i)>=20||l>.11){ti(tk.current),null==(o=w.onDismiss)||o.call(w,w),q("x"===F?r>0?"right":"left":n>0?"down":"up"),tL(),to(!0),tn(!1);return}te(!1),X(null)},onPointerMove:e=>{var a,o,r,n;if(!tT.current||!tg||(null==(a=window.getSelection())?void 0:a.toString().length)>0)return;let s=e.clientY-tT.current.y,i=e.clientX-tT.current.x,l=null!=(o=t.swipeDirections)?o:function(t){let[e,a]=t.split("-"),o=[];return e&&o.push(e),a&&o.push(a),o}(D);!F&&(Math.abs(i)>1||Math.abs(s)>1)&&X(Math.abs(i)>Math.abs(s)?"x":"y");let d={x:0,y:0};"y"===F?(l.includes("top")||l.includes("bottom"))&&(l.includes("top")&&s<0||l.includes("bottom")&&s>0)&&(d.y=s):"x"===F&&(l.includes("left")||l.includes("right"))&&(l.includes("left")&&i<0||l.includes("right")&&i>0)&&(d.x=i),(Math.abs(d.x)>0||Math.abs(d.y)>0)&&tn(!0),null==(r=tm.current)||r.style.setProperty("--swipe-amount-x","".concat(d.x,"px")),null==(n=tm.current)||n.style.setProperty("--swipe-amount-y","".concat(d.y,"px"))}},tw&&!w.jsx?o.createElement("button",{"aria-label":U,"data-disabled":tI,"data-close-button":!0,onClick:tI||!tg?()=>{}:()=>{var t;tL(),null==(t=w.onDismiss)||t.call(w,w)},className:y(null==W?void 0:W.closeButton,null==(s=null==w?void 0:w.classNames)?void 0:s.closeButton)},null!=(l=null==K?void 0:K.close)?l:m):null,w.jsx||(0,o.isValidElement)(w.title)?w.jsx?w.jsx:"function"==typeof w.title?w.title():w.title:o.createElement(o.Fragment,null,tp||w.icon||w.promise?o.createElement("div",{"data-icon":"",className:y(null==W?void 0:W.icon,null==(d=null==w?void 0:w.classNames)?void 0:d.icon)},w.promise||"loading"===w.type&&!w.icon?w.icon||function(){var t,e,a;return null!=K&&K.loading?o.createElement("div",{className:y(null==W?void 0:W.loader,null==(t=null==w?void 0:w.classNames)?void 0:t.loader,"sonner-loader"),"data-visible":"loading"===tp},K.loading):O?o.createElement("div",{className:y(null==W?void 0:W.loader,null==(e=null==w?void 0:w.classNames)?void 0:e.loader,"sonner-loader"),"data-visible":"loading"===tp},O):o.createElement(i,{className:y(null==W?void 0:W.loader,null==(a=null==w?void 0:w.classNames)?void 0:a.loader),visible:"loading"===tp})}():null,"loading"!==w.type?w.icon||(null==K?void 0:K[tp])||n(tp):null):null,o.createElement("div",{"data-content":"",className:y(null==W?void 0:W.content,null==(c=null==w?void 0:w.classNames)?void 0:c.content)},o.createElement("div",{"data-title":"",className:y(null==W?void 0:W.title,null==(u=null==w?void 0:w.classNames)?void 0:u.title)},"function"==typeof w.title?w.title():w.title),w.description?o.createElement("div",{"data-description":"",className:y(P,tb,null==W?void 0:W.description,null==(f=null==w?void 0:w.classNames)?void 0:f.description)},"function"==typeof w.description?w.description():w.description):null),(0,o.isValidElement)(w.cancel)?w.cancel:w.cancel&&b(w.cancel)?o.createElement("button",{"data-button":!0,"data-cancel":!0,style:w.cancelButtonStyle||R,onClick:t=>{var e,a;b(w.cancel)&&tg&&(null==(a=(e=w.cancel).onClick)||a.call(e,t),tL())},className:y(null==W?void 0:W.cancelButton,null==(p=null==w?void 0:w.classNames)?void 0:p.cancelButton)},w.cancel.label):null,(0,o.isValidElement)(w.action)?w.action:w.action&&b(w.action)?o.createElement("button",{"data-button":!0,"data-action":!0,style:w.actionButtonStyle||A,onClick:t=>{var e,a;b(w.action)&&(null==(a=(e=w.action).onClick)||a.call(e,t),t.defaultPrevented||tL())},className:y(null==W?void 0:W.actionButton,null==(g=null==w?void 0:w.classNames)?void 0:g.actionButton)},w.action.label):null))};function x(){if("undefined"==typeof window||"undefined"==typeof document)return"ltr";let t=document.documentElement.getAttribute("dir");return"auto"!==t&&t?t:window.getComputedStyle(document.documentElement).direction}var E=(0,o.forwardRef)(function(t,e){let{invert:a,position:n="bottom-right",hotkey:s=["altKey","KeyT"],expand:i,closeButton:l,className:d,offset:c,mobileOffset:u,theme:m="light",richColors:h,duration:f,style:g,visibleToasts:v=3,toastOptions:b,dir:y=x(),gap:E=14,loadingIcon:k,icons:S,containerAriaLabel:T="Notifications",pauseWhenPageIsHidden:N}=t,[C,M]=o.useState([]),B=o.useMemo(()=>Array.from(new Set([n].concat(C.filter(t=>t.position).map(t=>t.position)))),[C,n]),[z,I]=o.useState([]),[L,R]=o.useState(!1),[A,j]=o.useState(!1),[P,Y]=o.useState("system"!==m?m:"undefined"!=typeof window&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),D=o.useRef(null),H=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),O=o.useRef(null),V=o.useRef(!1),W=o.useCallback(t=>{M(e=>{var a;return null!=(a=e.find(e=>e.id===t.id))&&a.delete||p.dismiss(t.id),e.filter(e=>{let{id:a}=e;return a!==t.id})})},[]);return o.useEffect(()=>p.subscribe(t=>{if(t.dismiss)return void M(e=>e.map(e=>e.id===t.id?{...e,delete:!0}:e));setTimeout(()=>{r.flushSync(()=>{M(e=>{let a=e.findIndex(e=>e.id===t.id);return -1!==a?[...e.slice(0,a),{...e[a],...t},...e.slice(a+1)]:[t,...e]})})})}),[]),o.useEffect(()=>{if("system"!==m)return void Y(m);if("system"===m&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?Y("dark"):Y("light")),"undefined"==typeof window)return;let t=window.matchMedia("(prefers-color-scheme: dark)");try{t.addEventListener("change",t=>{let{matches:e}=t;Y(e?"dark":"light")})}catch(e){t.addListener(t=>{let{matches:e}=t;try{Y(e?"dark":"light")}catch(t){console.error(t)}})}},[m]),o.useEffect(()=>{C.length<=1&&R(!1)},[C]),o.useEffect(()=>{let t=t=>{var e,a;s.every(e=>t[e]||t.code===e)&&(R(!0),null==(e=D.current)||e.focus()),"Escape"===t.code&&(document.activeElement===D.current||null!=(a=D.current)&&a.contains(document.activeElement))&&R(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[s]),o.useEffect(()=>{if(D.current)return()=>{O.current&&(O.current.focus({preventScroll:!0}),O.current=null,V.current=!1)}},[D.current]),o.createElement("section",{ref:e,"aria-label":"".concat(T," ").concat(H),tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},B.map((e,r)=>{var n;let s,[m,p]=e.split("-");return C.length?o.createElement("ol",{key:e,dir:"auto"===y?x():y,tabIndex:-1,ref:D,className:d,"data-sonner-toaster":!0,"data-theme":P,"data-y-position":m,"data-lifted":L&&C.length>1&&!i,"data-x-position":p,style:{"--front-toast-height":"".concat((null==(n=z[0])?void 0:n.height)||0,"px"),"--width":"".concat(356,"px"),"--gap":"".concat(E,"px"),...g,...(s={},[c,u].forEach((t,e)=>{let a=1===e,o=a?"--mobile-offset":"--offset",r=a?"16px":"32px";function n(t){["top","right","bottom","left"].forEach(e=>{s["".concat(o,"-").concat(e)]="number"==typeof t?"".concat(t,"px"):t})}"number"==typeof t||"string"==typeof t?n(t):"object"==typeof t?["top","right","bottom","left"].forEach(e=>{void 0===t[e]?s["".concat(o,"-").concat(e)]=r:s["".concat(o,"-").concat(e)]="number"==typeof t[e]?"".concat(t[e],"px"):t[e]}):n(r)}),s)},onBlur:t=>{V.current&&!t.currentTarget.contains(t.relatedTarget)&&(V.current=!1,O.current&&(O.current.focus({preventScroll:!0}),O.current=null))},onFocus:t=>{t.target instanceof HTMLElement&&"false"===t.target.dataset.dismissible||V.current||(V.current=!0,O.current=t.relatedTarget)},onMouseEnter:()=>R(!0),onMouseMove:()=>R(!0),onMouseLeave:()=>{A||R(!1)},onDragEnd:()=>R(!1),onPointerDown:t=>{t.target instanceof HTMLElement&&"false"===t.target.dataset.dismissible||j(!0)},onPointerUp:()=>j(!1)},C.filter(t=>!t.position&&0===r||t.position===e).map((r,n)=>{var s,d;return o.createElement(w,{key:r.id,icons:S,index:n,toast:r,defaultRichColors:h,duration:null!=(s=null==b?void 0:b.duration)?s:f,className:null==b?void 0:b.className,descriptionClassName:null==b?void 0:b.descriptionClassName,invert:a,visibleToasts:v,closeButton:null!=(d=null==b?void 0:b.closeButton)?d:l,interacting:A,position:e,style:null==b?void 0:b.style,unstyled:null==b?void 0:b.unstyled,classNames:null==b?void 0:b.classNames,cancelButtonStyle:null==b?void 0:b.cancelButtonStyle,actionButtonStyle:null==b?void 0:b.actionButtonStyle,removeToast:W,toasts:C.filter(t=>t.position==r.position),heights:z.filter(t=>t.position==r.position),setHeights:I,expandByDefault:i,gap:E,loadingIcon:k,expanded:L,pauseWhenPageIsHidden:N,swipeDirections:t.swipeDirections})})):null}))})}}]);