@layers.digital/layers-design-system-vue3 1.8.0 → 1.8.2

package/dist/chunks/chunk-10.cjs

@@ -1 +1 @@
-"use strict";const n=require("./chunk-1493.cjs");function s(o){const t=n.getIcon(o);if(t){const e=`<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">${t.body}</svg>`;return`data:image/svg+xml,${encodeURI(e)}`}}module.exports=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");var dt=Object.defineProperty,ct=(l,n,a)=>n in l?dt(l,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[n]=a,b=(l,n,a)=>(ct(l,typeof n!="symbol"?n+"":n,a),a);function ut(l){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",n.appendChild(a),a.styleSheet?a.styleSheet.cssText=l:a.appendChild(document.createTextNode(l))}ut("[data-sonner-toaster][dir=ltr],html[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%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px;transform:translateZ(0)}[data-sonner-toast] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:'';position:absolute;left:0;right:0;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount,0));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{from{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;--mobile-offset:16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 91%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 91%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 91%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 100%, 12%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 12%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-rich-colors=true] [data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[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]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[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]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[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]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[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:first-child{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)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{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%)}");let Z=0;class pt{constructor(){b(this,"subscribers"),b(this,"toasts"),b(this,"subscribe",n=>(this.subscribers.push(n),()=>{const a=this.subscribers.indexOf(n);this.subscribers.splice(a,1)})),b(this,"publish",n=>{this.subscribers.forEach(a=>a(n))}),b(this,"addToast",n=>{this.publish(n),this.toasts=[...this.toasts,n]}),b(this,"create",n=>{var a;const{message:o,...x}=n,i=typeof n.id=="number"||n.id&&((a=n.id)==null?void 0:a.length)>0?n.id:Z++,m=this.toasts.find(c=>c.id===i),f=n.dismissible===void 0?!0:n.dismissible;return m?this.toasts=this.toasts.map(c=>c.id===i?(this.publish({...c,...n,id:i,title:o}),{...c,...n,id:i,dismissible:f,title:o}):c):this.addToast({title:o,...x,dismissible:f,id:i}),i}),b(this,"dismiss",n=>(n||this.toasts.forEach(a=>{this.subscribers.forEach(o=>o({id:a.id,dismiss:!0}))}),this.subscribers.forEach(a=>a({id:n,dismiss:!0})),n)),b(this,"message",(n,a)=>this.create({...a,message:n,type:"default"})),b(this,"error",(n,a)=>this.create({...a,type:"error",message:n})),b(this,"success",(n,a)=>this.create({...a,type:"success",message:n})),b(this,"info",(n,a)=>this.create({...a,type:"info",message:n})),b(this,"warning",(n,a)=>this.create({...a,type:"warning",message:n})),b(this,"loading",(n,a)=>this.create({...a,type:"loading",message:n})),b(this,"promise",(n,a)=>{if(!a)return;let o;a.loading!==void 0&&(o=this.create({...a,promise:n,type:"loading",message:a.loading,description:typeof a.description!="function"?a.description:void 0}));const x=n instanceof Promise?n:n();let i=o!==void 0;return x.then(m=>{if(m&&typeof m.ok=="boolean"&&!m.ok){i=!1;const f=typeof a.error=="function"?a.error(`HTTP error! status: ${response.status}`):a.error,c=typeof a.description=="function"?a.description(`HTTP error! status: ${response.status}`):a.description;this.create({id:o,type:"error",message:f,description:c})}else if(a.success!==void 0){i=!1;const f=typeof a.success=="function"?a.success(m):a.success,c=typeof a.description=="function"?a.description(m):a.description;this.create({id:o,type:"success",message:f,description:c})}}).catch(m=>{if(a.error!==void 0){i=!1;const f=typeof a.error=="function"?a.error(m):a.error,c=typeof a.description=="function"?a.description(m):a.description;this.create({id:o,type:"error",message:f,description:c})}}).finally(()=>{var m;i&&(this.dismiss(o),o=void 0),(m=a.finally)==null||m.call(a)}),o}),b(this,"custom",(n,a)=>{const o=a?.id||Z++;return this.publish({component:n,id:o,...a}),o}),this.subscribers=[],this.toasts=[]}}const E=new pt,mt=(l,n)=>{const a=n?.id||Z++;return E.create({message:l,id:a,type:"default",...n}),a},vt=mt,ft=Object.assign(vt,{success:E.success,info:E.info,warning:E.warning,error:E.error,custom:E.custom,message:E.message,promise:E.promise,dismiss:E.dismiss,loading:E.loading}),Y=(l,n)=>{const a=l.__vccOpts||l;for(const[o,x]of n)a[o]=x;return a},gt={},ht={xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stoke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},yt=t.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"},null,-1),bt=t.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"},null,-1),xt=[yt,bt];function wt(l,n){return t.openBlock(),t.createElementBlock("svg",ht,xt)}const kt=Y(gt,[["render",wt]]),Bt=()=>{const l=t.ref(!1);return t.watchEffect(()=>{const n=()=>{l.value=document.hidden};return document.addEventListener("visibilitychange",n),()=>window.removeEventListener("visibilitychange",n)}),{isDocumentHidden:l}},Et=["aria-live","data-styled","data-mounted","data-promise","data-removed","data-visible","data-y-position","data-x-position","data-index","data-front","data-swiping","data-dismissible","data-type","data-invert","data-swipe-out","data-expanded"],Ct=["aria-label","data-disabled"],St={key:0,"data-icon":""},zt={"data-content":""},Tt=4e3,Nt=14,Pt=20,Mt=200,Vt=t.defineComponent({__name:"Toast",props:{toast:{},toasts:{},index:{},expanded:{type:Boolean},invert:{type:Boolean},heights:{},gap:{},position:{},visibleToasts:{},expandByDefault:{type:Boolean},closeButton:{type:Boolean},interacting:{type:Boolean},duration:{},descriptionClass:{},style:{},cancelButtonStyle:{},actionButtonStyle:{},unstyled:{type:Boolean},loadingIcon:{},class:{},classes:{},icons:{},closeButtonAriaLabel:{},pauseWhenPageIsHidden:{type:Boolean},cn:{type:Function}},emits:["update:heights","removeToast"],setup(l,{emit:n}){const a=n,o=l,x=t.ref(!1),i=t.ref(!1),m=t.ref(!1),f=t.ref(!1),c=t.ref(0),N=t.ref(0);let P=0;const C=t.ref(null),z=t.computed(()=>o.index===0),T=t.computed(()=>o.index+1<=o.visibleToasts),y=t.computed(()=>o.toast.type),I=t.computed(()=>o.toast.dismissible!==!1),W=t.computed(()=>{var e,d,v,h,p,k,V;return o.cn((e=o.classes)==null?void 0:e.toast,(v=(d=o.toast)==null?void 0:d.classes)==null?void 0:v.toast,(h=o.classes)==null?void 0:h.default,(p=o.classes)==null?void 0:p[o.toast.type||"default"],(V=(k=o.toast)==null?void 0:k.classes)==null?void 0:V[o.toast.type||"default"])}),q=o.toast.style||{},A=t.computed(()=>o.heights.findIndex(e=>e.toastId===o.toast.id)||0),K=t.computed(()=>o.toast.closeButton??o.closeButton),s=t.computed(()=>o.toast.duration||o.duration||Tt),r=t.ref(0),u=t.ref(0),w=t.ref(s.value),B=t.ref(0),g=t.ref(null),M=t.computed(()=>o.position.split("-")),H=t.computed(()=>M.value[0]),O=t.computed(()=>M.value[1]),L=t.computed(()=>typeof o.toast.title!="string"),_=t.computed(()=>typeof o.toast.description!="string"),j=t.computed(()=>o.heights.reduce((e,d,v)=>v>=A.value?e:e+d.height,0)),F=Bt(),U=t.computed(()=>o.toast.invert||o.invert),$=t.computed(()=>y.value==="loading");t.onMounted(()=>{if(!x.value)return;const e=C.value,d=e?.style.height;e.style.height="auto";const v=e.getBoundingClientRect().height;e.style.height=d,N.value=v;let h;o.heights.find(p=>p.toastId===o.toast.id)?h=o.heights.map(p=>p.toastId===o.toast.id?{...p,height:v}:p):h=[{toastId:o.toast.id,height:v,position:o.toast.position},...o.heights],a("update:heights",h)});const S=()=>{i.value=!0,c.value=u.value,setTimeout(()=>{a("removeToast",o.toast)},Mt)},X=()=>{var e,d;$.value||!I.value||(S(),(d=(e=o.toast).onDismiss)==null||d.call(e,o.toast))},rt=e=>{$.value||!I.value||(P=Date.now(),c.value=u.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!=="BUTTON"&&(m.value=!0,g.value={x:e.clientX,y:e.clientY}))},it=e=>{var d,v,h,p;if(f.value)return;g.value=null;const k=Number(((d=C.value)==null?void 0:d.style.getPropertyValue("--swipe-amount").replace("px",""))||0),V=Date.now()-P||50,R=Math.abs(k)/V;if(Math.abs(k)>=Pt||R>.11){c.value=u.value,(h=(v=o.toast).onDismiss)==null||h.call(v,o.toast),S(),f.value=!0;return}(p=C.value)==null||p.style.setProperty("--swipe-amount","0px"),m.value=!1},lt=e=>{var d;if(!g.value)return;const v=e.clientY-g.value.y,h=e.clientX-g.value.x,p=(M.value[0]==="top"?Math.min:Math.max)(0,v),k=e.pointerType==="touch"?10:2;Math.abs(p)>k?(d=C.value)==null||d.style.setProperty("--swipe-amount",`${v}px`):Math.abs(h)>k&&(g.value=null)};return t.watchEffect(()=>{u.value=A.value*Nt+j.value}),t.watchEffect(e=>{if(o.toast.promise&&y.value==="loading"||o.toast.duration===1/0||o.toast.type==="loading")return;let d;const v=()=>{if(B.value<r.value){const p=Date.now()-r.value;w.value=w.value-p}B.value=Date.now()},h=()=>{r.value=Date.now(),d=setTimeout(()=>{var p,k;(k=(p=o.toast).onAutoClose)==null||k.call(p,o.toast),S()},w.value)};o.expanded||o.interacting||o.pauseWhenPageIsHidden&&F?v():h(),e(()=>{clearTimeout(d)})}),t.watchEffect(()=>{o.toast.delete&&S()}),t.onMounted(()=>{if(C.value){const e=C.value.getBoundingClientRect().height;N.value=e;const d=[{toastId:o.toast.id,height:e,position:o.toast.position},...o.heights];a("update:heights",d)}x.value=!0}),t.onUnmounted(()=>{if(C.value){const e=o.heights.filter(d=>d.toastId!==o.toast.id);a("update:heights",e)}}),(e,d)=>{var v,h,p,k,V,R,J,Q,G,tt,et,at;return t.openBlock(),t.createElementBlock("li",{"aria-live":e.toast.important?"assertive":"polite","aria-atomic":"true",role:"status",tabindex:"0",ref_key:"toastRef",ref:C,"data-sonner-toast":"",class:t.normalizeClass(W.value),"data-styled":!(e.toast.component||(v=e.toast)!=null&&v.unstyled||e.unstyled),"data-mounted":x.value,"data-promise":!!e.toast.promise,"data-removed":i.value,"data-visible":T.value,"data-y-position":H.value,"data-x-position":O.value,"data-index":e.index,"data-front":z.value,"data-swiping":m.value,"data-dismissible":I.value,"data-type":y.value,"data-invert":U.value,"data-swipe-out":f.value,"data-expanded":!!(e.expanded||e.expandByDefault&&x.value),style:t.normalizeStyle({"--index":e.index,"--toasts-before":e.index,"--z-index":e.toasts.length-e.index,"--offset":`${i.value?c.value:u.value}px`,"--initial-height":e.expandByDefault?"auto":`${N.value}px`,...e.style,...t.unref(q)}),onPointerdown:rt,onPointerup:it,onPointermove:lt},[K.value&&!e.toast.component?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-label":e.closeButtonAriaLabel||"Close toast","data-disabled":$.value,"data-close-button":"",class:t.normalizeClass(e.cn((h=e.classes)==null?void 0:h.closeButton,(k=(p=e.toast)==null?void 0:p.classes)==null?void 0:k.closeButton)),onClick:X},[t.createVNode(kt)],10,Ct)):t.createCommentVNode("",!0),e.toast.component?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.toast.component),t.mergeProps({key:1},e.toast.componentProps,{onCloseToast:S}),null,16)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[y.value!=="default"||e.toast.icon||e.toast.promise?(t.openBlock(),t.createElementBlock("div",St,[(e.toast.promise||y.value==="loading")&&!e.toast.icon?t.renderSlot(e.$slots,"loading-icon",{key:0}):t.createCommentVNode("",!0),e.toast.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.toast.icon),{key:1})):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[y.value==="success"?t.renderSlot(e.$slots,"success-icon",{key:0}):y.value==="error"?t.renderSlot(e.$slots,"error-icon",{key:1}):y.value==="warning"?t.renderSlot(e.$slots,"warning-icon",{key:2}):y.value==="info"?t.renderSlot(e.$slots,"info-icon",{key:3}):t.createCommentVNode("",!0)],64))])):t.createCommentVNode("",!0),t.createElementVNode("div",zt,[t.createElementVNode("div",{"data-title":"",class:t.normalizeClass(e.cn((V=e.classes)==null?void 0:V.title,(R=e.toast.classes)==null?void 0:R.title))},[L.value?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.toast.title),t.normalizeProps(t.mergeProps({key:0},e.toast.componentProps)),null,16)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.toast.title),1)],64))],2),e.toast.description?(t.openBlock(),t.createElementBlock("div",{key:0,"data-description":"",class:t.normalizeClass(e.cn(e.descriptionClass,e.toast.descriptionClass,(J=e.classes)==null?void 0:J.description,(Q=e.toast.classes)==null?void 0:Q.description))},[_.value?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.toast.description),t.normalizeProps(t.mergeProps({key:0},e.toast.componentProps)),null,16)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.toast.description),1)],64))],2)):t.createCommentVNode("",!0)]),e.toast.cancel?(t.openBlock(),t.createElementBlock("button",{key:1,class:t.normalizeClass(e.cn((G=e.classes)==null?void 0:G.cancelButton,(tt=e.toast.classes)==null?void 0:tt.cancelButton)),"data-button":"","data-cancel":"",onClick:d[0]||(d[0]=()=>{var D;S(),(D=e.toast.cancel)!=null&&D.onClick&&e.toast.cancel.onClick()})},t.toDisplayString(e.toast.cancel.label),3)):t.createCommentVNode("",!0),e.toast.action?(t.openBlock(),t.createElementBlock("button",{key:2,class:t.normalizeClass(e.cn((et=e.classes)==null?void 0:et.actionButton,(at=e.toast.classes)==null?void 0:at.actionButton)),"data-button":"",onClick:d[1]||(d[1]=D=>{var ot;(ot=e.toast.action)==null||ot.onClick(D),!D.defaultPrevented&&S()})},t.toDisplayString(e.toast.action.label),3)):t.createCommentVNode("",!0)],64))],46,Et)}}}),$t=["data-visible"],It={class:"sonner-spinner"},Dt=t.defineComponent({__name:"Loader",props:{visible:{type:Boolean}},setup(l){const n=Array(12).fill(0);return(a,o)=>(t.openBlock(),t.createElementBlock("div",{class:"sonner-loading-wrapper","data-visible":a.visible},[t.createElementVNode("div",It,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n),x=>(t.openBlock(),t.createElementBlock("div",{key:`spinner-bar-${x}`,class:"sonner-loading-bar"}))),128))])],8,$t))}}),Yt={},At={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},Ht=t.createElementVNode("path",{"fill-rule":"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","clip-rule":"evenodd"},null,-1),Ot=[Ht];function Lt(l,n){return t.openBlock(),t.createElementBlock("svg",At,Ot)}const _t=Y(Yt,[["render",Lt]]),jt={},Ft={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},Ut=t.createElementVNode("path",{"fill-rule":"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","clip-rule":"evenodd"},null,-1),Rt=[Ut];function Wt(l,n){return t.openBlock(),t.createElementBlock("svg",Ft,Rt)}const qt=Y(jt,[["render",Wt]]),Kt={},Xt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},Zt=t.createElementVNode("path",{"fill-rule":"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","clip-rule":"evenodd"},null,-1),Jt=[Zt];function Qt(l,n){return t.openBlock(),t.createElementBlock("svg",Xt,Jt)}const Gt=Y(Kt,[["render",Qt]]),te={},ee={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},ae=t.createElementVNode("path",{"fill-rule":"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","clip-rule":"evenodd"},null,-1),oe=[ae];function ne(l,n){return t.openBlock(),t.createElementBlock("svg",ee,oe)}const se=Y(te,[["render",ne]]),re=["aria-label"],ie=["dir","data-theme","data-rich-colors","data-y-position","data-x-position"],le=3,nt="32px",de=4e3,ce=356,st=14,ue=typeof window<"u"&&typeof document<"u",pe=t.defineComponent({name:"Toaster",inheritAttrs:!1,__name:"Toaster",props:{invert:{type:Boolean,default:!1},theme:{default:"light"},position:{default:"bottom-right"},hotkey:{default:()=>["altKey","KeyT"]},richColors:{type:Boolean,default:!1},expand:{type:Boolean,default:!1},duration:{default:de},gap:{default:st},visibleToasts:{default:le},closeButton:{type:Boolean,default:!1},toastOptions:{default:()=>({})},class:{default:""},style:{default:()=>({})},offset:{default:nt},dir:{default:"auto"},icons:{},containerAriaLabel:{default:"Notifications"},pauseWhenPageIsHidden:{type:Boolean,default:!1},cn:{}},setup(l){function n(...s){return s.filter(Boolean).join(" ")}function a(){if(typeof window>"u"||typeof document>"u")return"ltr";const s=document.documentElement.getAttribute("dir");return s==="auto"||!s?window.getComputedStyle(document.documentElement).direction:s}const o=l,x=t.useAttrs(),i=t.ref([]),m=t.computed(()=>{const s=i.value.filter(r=>r.position).map(r=>r.position);return s.length>0?Array.from(new Set([o.position].concat(s))):[o.position]}),f=t.ref([]),c=t.ref(!1),N=t.ref(!1),P=t.ref(o.theme!=="system"?o.theme:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),C=t.computed(()=>o.cn||n),z=t.ref(null),T=t.ref(null),y=t.ref(!1),I=o.hotkey.join("+").replace(/Key/g,"").replace(/Digit/g,"");function W(s){f.value=f.value.filter(({toastId:r})=>r!==s.id),i.value=i.value.filter(({id:r})=>r!==s.id)}const q=s=>{var r,u;y.value&&!((u=(r=s.currentTarget)==null?void 0:r.contains)!=null&&u.call(r,s.relatedTarget))&&(y.value=!1,T.value&&(T.value.focus({preventScroll:!0}),T.value=null))},A=s=>{s.target instanceof HTMLElement&&s.target.dataset.dismissible==="false"||y.value||(y.value=!0,T.value=s.relatedTarget)},K=s=>{s.target&&s.target instanceof HTMLElement&&s.target.dataset.dismissible==="false"||(N.value=!1)};return t.watchEffect(s=>{const r=E.subscribe(u=>{if(u.dismiss){i.value=i.value.map(w=>w.id===u.id?{...w,delete:!0}:w);return}t.nextTick(()=>{const w=i.value.findIndex(B=>B.id===u.id);w!==-1?i.value.splice(w,1,u):i.value=[u,...i.value]})});s(()=>{r()})}),t.watch(()=>o.theme,s=>{if(s!=="system"){P.value=s;return}s==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?P.value="dark":P.value="light"),!(typeof window>"u")&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:r})=>{r?P.value="dark":P.value="light"})}),t.watch(()=>z.value,()=>{if(z.value)return()=>{T.value&&(T.value.focus({preventScroll:!0}),T.value=null,y.value=!1)}}),t.watchEffect(()=>{i.value.length<=1&&(c.value=!1)}),t.watchEffect(s=>{function r(u){const w=o.hotkey.every(M=>u[M]||u.code===M),B=Array.isArray(z.value)?z.value[0]:z.value;w&&(c.value=!0,B?.focus());const g=document.activeElement===z.value||B?.contains(document.activeElement);u.code==="Escape"&&g&&(c.value=!1)}ue&&(document.addEventListener("keydown",r),s(()=>{document.removeEventListener("keydown",r)}))}),(s,r)=>(t.openBlock(),t.createElementBlock("section",{"aria-label":`${s.containerAriaLabel} ${t.unref(I)}`,tabIndex:-1},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,(u,w)=>{var B;return t.openBlock(),t.createElementBlock("ol",t.mergeProps({key:u,ref_for:!0,ref_key:"listRef",ref:z,"data-sonner-toaster":"",class:s.class,dir:s.dir==="auto"?a():s.dir,tabIndex:-1,"data-theme":s.theme,"data-rich-colors":s.richColors,"data-y-position":u.split("-")[0],"data-x-position":u.split("-")[1],style:{"--front-toast-height":`${(B=f.value[0])==null?void 0:B.height}px`,"--offset":typeof s.offset=="number"?`${s.offset}px`:s.offset||nt,"--width":`${ce}px`,"--gap":`${st}px`,...s.style,...t.unref(x).style},onBlur:q,onFocus:A,onMouseenter:r[1]||(r[1]=g=>c.value=!0),onMousemove:r[2]||(r[2]=g=>c.value=!0),onMouseleave:r[3]||(r[3]=()=>{N.value||(c.value=!1)}),onPointerdown:K,onPointerup:r[4]||(r[4]=g=>N.value=!1)},s.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value.filter(g=>!g.position&&w===0||g.position===u),(g,M)=>{var H,O,L,_,j,F,U,$,S;return t.openBlock(),t.createBlock(Vt,{key:g.id,index:M,toast:g,duration:((H=s.toastOptions)==null?void 0:H.duration)??s.duration,class:t.normalizeClass(((O=s.toastOptions)==null?void 0:O.class)??""),descriptionClass:(L=s.toastOptions)==null?void 0:L.descriptionClass,invert:s.invert,visibleToasts:s.visibleToasts,closeButton:((_=s.toastOptions)==null?void 0:_.closeButton)??s.closeButton,interacting:N.value,position:u,style:t.normalizeStyle((j=s.toastOptions)==null?void 0:j.style),unstyled:(F=s.toastOptions)==null?void 0:F.unstyled,classes:(U=s.toastOptions)==null?void 0:U.classes,cancelButtonStyle:($=s.toastOptions)==null?void 0:$.cancelButtonStyle,actionButtonStyle:(S=s.toastOptions)==null?void 0:S.actionButtonStyle,toasts:i.value,expandByDefault:s.expand,gap:s.gap,expanded:c.value,pauseWhenPageIsHidden:s.pauseWhenPageIsHidden,cn:C.value,heights:f.value,"onUpdate:heights":r[0]||(r[0]=X=>f.value=X),onRemoveToast:W},{"loading-icon":t.withCtx(()=>[t.renderSlot(s.$slots,"loading-icon",{},()=>[t.createVNode(Dt,{visible:g.type==="loading"},null,8,["visible"])])]),"success-icon":t.withCtx(()=>[t.renderSlot(s.$slots,"success-icon",{},()=>[t.createVNode(_t)])]),"error-icon":t.withCtx(()=>[t.renderSlot(s.$slots,"error-icon",{},()=>[t.createVNode(se)])]),"warning-icon":t.withCtx(()=>[t.renderSlot(s.$slots,"warning-icon",{},()=>[t.createVNode(Gt)])]),"info-icon":t.withCtx(()=>[t.renderSlot(s.$slots,"info-icon",{},()=>[t.createVNode(qt)])]),_:2},1032,["index","toast","duration","class","descriptionClass","invert","visibleToasts","closeButton","interacting","position","style","unstyled","classes","cancelButtonStyle","actionButtonStyle","toasts","expandByDefault","gap","expanded","pauseWhenPageIsHidden","cn","heights"])}),128))],16,ie)}),128))],8,re))}});exports.Toaster=pe;exports.toast=ft;