@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-11.js

@@ -1,153 +1,133 @@
-import { defineComponent as ft, useAttrs as It, ref as f, computed as b, watchEffect as j, nextTick as Yt, watch as kt, openBlock as d, createElementBlock as p, unref as it, Fragment as N, renderList as pt, mergeProps as rt, createBlock as K, normalizeStyle as Mt, normalizeClass as _, withCtx as F, renderSlot as P, createVNode as R, onMounted as Bt, onUnmounted as At, createCommentVNode as L, resolveDynamicComponent as st, createElementVNode as Y, normalizeProps as Tt, createTextVNode as Ct, toDisplayString as nt } from "vue";
-var Dt = Object.defineProperty, Ht = (i, o, a) => o in i ? Dt(i, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : i[o] = a, k = (i, o, a) => (Ht(i, typeof o != "symbol" ? o + "" : o, a), a);
-function Ot(i) {
-  if (typeof document > "u")
-    return;
-  let o = document.head || document.getElementsByTagName("head")[0], a = document.createElement("style");
-  a.type = "text/css", o.appendChild(a), a.styleSheet ? a.styleSheet.cssText = i : a.appendChild(document.createTextNode(i));
+import { defineComponent as yt, useAttrs as Jt, ref as p, computed as g, watchEffect as K, nextTick as Qt, watch as Ft, openBlock as d, createElementBlock as v, unref as j, Fragment as N, renderList as gt, mergeProps as ut, createBlock as F, normalizeStyle as pt, normalizeClass as D, withCtx as V, renderSlot as E, createVNode as U, onMounted as _t, onBeforeUnmount as Xt, resolveDynamicComponent as Z, createCommentVNode as W, createElementVNode as L, normalizeProps as Rt, createTextVNode as Vt, toDisplayString as dt } from "vue";
+var Zt = Object.defineProperty, te = (s, a, t) => a in s ? Zt(s, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[a] = t, k = (s, a, t) => te(s, typeof a != "symbol" ? a + "" : a, t);
+function ee(s) {
+  if (typeof document > "u") return;
+  function a() {
+    let t = document.head || document.getElementsByTagName("head")[0];
+    if (!t) return;
+    let n = document.createElement("style");
+    n.type = "text/css", t.appendChild(n), n.styleSheet ? n.styleSheet.cssText = s : n.appendChild(document.createTextNode(s));
+  }
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", a) : a();
 }
-Ot("[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 vt = 0;
-class Lt {
+ee(":where([data-sonner-toaster][dir=ltr]),:where(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%)}:where([data-sonner-toaster][dir=rtl]),:where(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%)}: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:0;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:translateX(-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:0;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 rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}: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:0;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 rgba(0,0,0,.4)}: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)}[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;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 rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}:where([data-sonner-toast]) :where([data-disabled=true]){cursor:not-allowed}[data-sonner-toast]:hover [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) * 0.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,0));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{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][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]{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 mt = 0;
+class ae {
   constructor() {
-    k(this, "subscribers"), k(this, "toasts"), k(this, "subscribe", (o) => (this.subscribers.push(o), () => {
-      const a = this.subscribers.indexOf(o);
-      this.subscribers.splice(a, 1);
-    })), k(this, "publish", (o) => {
-      this.subscribers.forEach((a) => a(o));
-    }), k(this, "addToast", (o) => {
-      this.publish(o), this.toasts = [...this.toasts, o];
-    }), k(this, "create", (o) => {
-      var a;
-      const { message: e, ...B } = o, r = typeof o.id == "number" || o.id && ((a = o.id) == null ? void 0 : a.length) > 0 ? o.id : vt++, g = this.toasts.find((u) => u.id === r), m = o.dismissible === void 0 ? !0 : o.dismissible;
-      return g ? this.toasts = this.toasts.map((u) => u.id === r ? (this.publish({ ...u, ...o, id: r, title: e }), {
-        ...u,
-        ...o,
-        id: r,
-        dismissible: m,
-        title: e
-      }) : u) : this.addToast({ title: e, ...B, dismissible: m, id: r }), r;
-    }), k(this, "dismiss", (o) => (o || this.toasts.forEach((a) => {
+    k(this, "subscribers"), k(this, "toasts"), k(this, "subscribe", (a) => (this.subscribers.push(a), () => {
+      const t = this.subscribers.indexOf(a);
+      this.subscribers.splice(t, 1);
+    })), k(this, "publish", (a) => {
+      this.subscribers.forEach((t) => t(a));
+    }), k(this, "addToast", (a) => {
+      this.publish(a), this.toasts = [...this.toasts, a];
+    }), k(this, "create", (a) => {
+      var t;
+      const { message: n, ...l } = a, y = typeof a.id == "number" || a.id && ((t = a.id) == null ? void 0 : t.length) > 0 ? a.id : mt++, T = this.toasts.find((h) => h.id === y), z = a.dismissible === void 0 ? !0 : a.dismissible;
+      return T ? this.toasts = this.toasts.map((h) => h.id === y ? (this.publish({ ...h, ...a, id: y, title: n }), {
+        ...h,
+        ...a,
+        id: y,
+        dismissible: z,
+        title: n
+      }) : h) : this.addToast({ title: n, ...l, dismissible: z, id: y }), y;
+    }), k(this, "dismiss", (a) => (a || this.toasts.forEach((t) => {
       this.subscribers.forEach(
-        (e) => e({ id: a.id, dismiss: !0 })
+        (n) => n({ id: t.id, dismiss: !0 })
       );
-    }), this.subscribers.forEach((a) => a({ id: o, dismiss: !0 })), o)), k(this, "message", (o, a) => this.create({ ...a, message: o, type: "default" })), k(this, "error", (o, a) => this.create({ ...a, type: "error", message: o })), k(this, "success", (o, a) => this.create({ ...a, type: "success", message: o })), k(this, "info", (o, a) => this.create({ ...a, type: "info", message: o })), k(this, "warning", (o, a) => this.create({ ...a, type: "warning", message: o })), k(this, "loading", (o, a) => this.create({ ...a, type: "loading", message: o })), k(this, "promise", (o, a) => {
-      if (!a)
+    }), this.subscribers.forEach((t) => t({ id: a, dismiss: !0 })), a)), k(this, "message", (a, t) => this.create({ ...t, message: a, type: "default" })), k(this, "error", (a, t) => this.create({ ...t, type: "error", message: a })), k(this, "success", (a, t) => this.create({ ...t, type: "success", message: a })), k(this, "info", (a, t) => this.create({ ...t, type: "info", message: a })), k(this, "warning", (a, t) => this.create({ ...t, type: "warning", message: a })), k(this, "loading", (a, t) => this.create({ ...t, type: "loading", message: a })), k(this, "promise", (a, t) => {
+      if (!t)
         return;
-      let e;
-      a.loading !== void 0 && (e = this.create({
-        ...a,
-        promise: o,
+      let n;
+      t.loading !== void 0 && (n = this.create({
+        ...t,
+        promise: a,
         type: "loading",
-        message: a.loading,
-        description: typeof a.description != "function" ? a.description : void 0
+        message: t.loading,
+        description: typeof t.description != "function" ? t.description : void 0
       }));
-      const B = o instanceof Promise ? o : o();
-      let r = e !== void 0;
-      return B.then((g) => {
-        if (g && // @ts-expect-error
-        typeof g.ok == "boolean" && // @ts-expect-error
-        !g.ok) {
-          r = !1;
-          const m = typeof a.error == "function" ? (
-            // @ts-expect-error
-            a.error(`HTTP error! status: ${response.status}`)
-          ) : a.error, u = typeof a.description == "function" ? (
-            // @ts-expect-error
-            a.description(`HTTP error! status: ${response.status}`)
-          ) : a.description;
-          this.create({ id: e, type: "error", message: m, description: u });
-        } else if (a.success !== void 0) {
-          r = !1;
-          const m = typeof a.success == "function" ? a.success(g) : a.success, u = typeof a.description == "function" ? (
+      const l = a instanceof Promise ? a : a();
+      let y = n !== void 0, T;
+      const z = l.then(async (c) => {
+        if (T = ["resolve", c], se(c) && !c.ok) {
+          y = !1;
+          const f = typeof t.error == "function" ? await t.error(
+            `HTTP error! status: ${c.status}`
+          ) : t.error, b = typeof t.description == "function" ? (
             // @ts-expect-error
-            a.description(g)
-          ) : a.description;
-          this.create({ id: e, type: "success", message: m, description: u });
+            await t.description(`HTTP error! status: ${c.status}`)
+          ) : t.description;
+          this.create({ id: n, type: "error", message: f, description: b });
+        } else if (t.success !== void 0) {
+          y = !1;
+          const f = typeof t.success == "function" ? await t.success(c) : t.success, b = typeof t.description == "function" ? await t.description(c) : t.description;
+          this.create({ id: n, type: "success", message: f, description: b });
         }
-      }).catch((g) => {
-        if (a.error !== void 0) {
-          r = !1;
-          const m = typeof a.error == "function" ? a.error(g) : a.error, u = typeof a.description == "function" ? (
-            // @ts-expect-error
-            a.description(g)
-          ) : a.description;
-          this.create({ id: e, type: "error", message: m, description: u });
+      }).catch(async (c) => {
+        if (T = ["reject", c], t.error !== void 0) {
+          y = !1;
+          const f = typeof t.error == "function" ? await t.error(c) : t.error, b = typeof t.description == "function" ? await t.description(
+            c
+          ) : t.description;
+          this.create({ id: n, type: "error", message: f, description: b });
         }
       }).finally(() => {
-        var g;
-        r && (this.dismiss(e), e = void 0), (g = a.finally) == null || g.call(a);
-      }), e;
-    }), k(this, "custom", (o, a) => {
-      const e = a?.id || vt++;
-      return this.publish({ component: o, id: e, ...a }), e;
+        var c;
+        y && (this.dismiss(n), n = void 0), (c = t.finally) == null || c.call(t);
+      }), h = () => new Promise(
+        (c, f) => z.then(
+          () => T[0] === "reject" ? f(T[1]) : c(T[1])
+        ).catch(f)
+      );
+      return typeof n != "string" && typeof n != "number" ? { unwrap: h } : Object.assign(n, { unwrap: h });
+    }), k(this, "custom", (a, t) => {
+      const n = t?.id || mt++;
+      return this.publish({ component: a, id: n, ...t }), n;
     }), this.subscribers = [], this.toasts = [];
   }
 }
-const S = new Lt(), _t = (i, o) => {
-  const a = o?.id || vt++;
-  return S.create({
-    message: i,
-    id: a,
+const $ = new ae();
+function oe(s, a) {
+  const t = a?.id || mt++;
+  return $.create({
+    message: s,
+    id: t,
     type: "default",
-    ...o
-  }), a;
-}, Nt = _t, La = Object.assign(Nt, {
-  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
-}), X = (i, o) => {
-  const a = i.__vccOpts || i;
-  for (const [e, B] of o)
-    a[e] = B;
-  return a;
-}, jt = {}, Ut = {
-  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"
-}, Rt = /* @__PURE__ */ Y("line", {
-  x1: "18",
-  y1: "6",
-  x2: "6",
-  y2: "18"
-}, null, -1), Vt = /* @__PURE__ */ Y("line", {
-  x1: "6",
-  y1: "6",
-  x2: "18",
-  y2: "18"
-}, null, -1), Wt = [
-  Rt,
-  Vt
-];
-function Ft(i, o) {
-  return d(), p("svg", Ut, Wt);
+    ...a
+  }), t;
+}
+const se = (s) => s && typeof s == "object" && "ok" in s && typeof s.ok == "boolean" && "status" in s && typeof s.status == "number", ne = oe, re = () => $.toasts, Ue = Object.assign(
+  ne,
+  {
+    success: $.success,
+    info: $.info,
+    warning: $.warning,
+    error: $.error,
+    custom: $.custom,
+    message: $.message,
+    promise: $.promise,
+    dismiss: $.dismiss,
+    loading: $.loading
+  },
+  {
+    getHistory: re
+  }
+);
+function ct(s) {
+  return s.label !== void 0;
 }
-const Kt = /* @__PURE__ */ X(jt, [["render", Ft]]), Xt = () => {
-  const i = f(!1);
-  return j(() => {
-    const o = () => {
-      i.value = document.hidden;
+function ie() {
+  const s = p(!1);
+  return K(() => {
+    const a = () => {
+      s.value = document.hidden;
     };
-    return document.addEventListener("visibilitychange", o), () => window.removeEventListener("visibilitychange", o);
+    return document.addEventListener("visibilitychange", a), () => window.removeEventListener("visibilitychange", a);
   }), {
-    isDocumentHidden: i
+    isDocumentHidden: s
   };
-}, Zt = ["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"], qt = ["aria-label", "data-disabled"], Jt = {
-  key: 0,
-  "data-icon": ""
-}, Qt = { "data-content": "" }, Gt = 4e3, ta = 14, aa = 20, ea = 200, oa = /* @__PURE__ */ ft({
+}
+const le = ["aria-live", "data-rich-colors", "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"], de = ["aria-label", "data-disabled"], Ut = 4e3, ce = 20, ue = 200, pe = /* @__PURE__ */ yt({
   __name: "Toast",
   props: {
     toast: {},
@@ -162,318 +142,381 @@ const Kt = /* @__PURE__ */ X(jt, [["render", Ft]]), Xt = () => {
     expandByDefault: { type: Boolean },
     closeButton: { type: Boolean },
     interacting: { type: Boolean },
-    duration: {},
-    descriptionClass: {},
     style: {},
     cancelButtonStyle: {},
     actionButtonStyle: {},
+    duration: {},
+    class: {},
     unstyled: { type: Boolean },
+    descriptionClass: {},
     loadingIcon: {},
-    class: {},
     classes: {},
     icons: {},
     closeButtonAriaLabel: {},
     pauseWhenPageIsHidden: { type: Boolean },
-    cn: { type: Function }
+    cn: { type: Function },
+    defaultRichColors: { type: Boolean }
   },
   emits: ["update:heights", "removeToast"],
-  setup(i, { emit: o }) {
-    const a = o, e = i, B = f(!1), r = f(!1), g = f(!1), m = f(!1), u = f(0), A = f(0);
-    let D = 0;
-    const M = f(null), $ = b(() => e.index === 0), I = b(() => e.index + 1 <= e.visibleToasts), w = b(() => e.toast.type), V = b(() => e.toast.dismissible !== !1), lt = b(() => {
-      var t, l, h, x, v, C, O;
-      return e.cn(
-        (t = e.classes) == null ? void 0 : t.toast,
-        (h = (l = e.toast) == null ? void 0 : l.classes) == null ? void 0 : h.toast,
-        (x = e.classes) == null ? void 0 : x.default,
-        (v = e.classes) == null ? void 0 : v[e.toast.type || "default"],
-        (O = (C = e.toast) == null ? void 0 : C.classes) == null ? void 0 : O[e.toast.type || "default"]
-      );
-    }), dt = e.toast.style || {}, Z = b(
-      () => e.heights.findIndex((t) => t.toastId === e.toast.id) || 0
-    ), ut = b(() => e.toast.closeButton ?? e.closeButton), s = b(
-      () => e.toast.duration || e.duration || Gt
-    ), n = f(0), c = f(0), T = f(s.value), z = f(0), y = f(null), H = b(() => e.position.split("-")), q = b(() => H.value[0]), J = b(() => H.value[1]), Q = b(() => typeof e.toast.title != "string"), G = b(() => typeof e.toast.description != "string"), tt = b(() => e.heights.reduce((t, l, h) => h >= Z.value ? t : t + l.height, 0)), at = Xt(), et = b(() => e.toast.invert || e.invert), U = b(() => w.value === "loading");
-    Bt(() => {
-      if (!B.value)
-        return;
-      const t = M.value, l = t?.style.height;
-      t.style.height = "auto";
-      const h = t.getBoundingClientRect().height;
-      t.style.height = l, A.value = h;
-      let x;
-      e.heights.find(
-        (v) => v.toastId === e.toast.id
-      ) ? x = e.heights.map(
-        (v) => v.toastId === e.toast.id ? { ...v, height: h } : v
-      ) : x = [
+  setup(s, { emit: a }) {
+    const t = s, n = a, l = p(!1), y = p(!1), T = p(!1), z = p(!1), h = p(!1), c = p(0), f = p(0), b = p(
+      t.toast.duration || t.duration || Ut
+    ), I = p(null), B = p(null), vt = g(() => t.index === 0), ht = g(() => t.index + 1 <= t.visibleToasts), S = g(() => t.toast.type), O = g(() => t.toast.dismissible !== !1), ft = g(() => t.toast.class || ""), o = g(() => t.descriptionClass || ""), r = t.toast.style || {}, i = g(
+      () => t.heights.findIndex((e) => e.toastId === t.toast.id) || 0
+    ), w = g(() => t.toast.closeButton ?? t.closeButton);
+    g(
+      () => t.toast.duration || t.duration || Ut
+    );
+    const P = p(0), Y = p(0), A = p(null), q = g(() => t.position.split("-")), G = g(() => q.value[0]), et = g(() => q.value[1]), at = g(() => typeof t.toast.title != "string"), ot = g(
+      () => typeof t.toast.description != "string"
+    ), st = g(() => t.heights.reduce((e, u, x) => x >= i.value ? e : e + u.height, 0)), nt = ie(), rt = g(() => t.toast.invert || t.invert), _ = g(() => S.value === "loading"), H = g(() => i.value * t.gap + st.value || 0);
+    _t(() => {
+      if (!l.value) return;
+      const e = B.value, u = e?.style.height;
+      e.style.height = "auto";
+      const x = e.getBoundingClientRect().height;
+      e.style.height = u, f.value = x;
+      let C;
+      t.heights.find(
+        (m) => m.toastId === t.toast.id
+      ) ? C = t.heights.map(
+        (m) => m.toastId === t.toast.id ? { ...m, height: x } : m
+      ) : C = [
         {
-          toastId: e.toast.id,
-          height: h,
-          position: e.toast.position
+          toastId: t.toast.id,
+          height: x,
+          position: t.toast.position
         },
-        ...e.heights
-      ], a("update:heights", x);
+        ...t.heights
+      ], n("update:heights", C);
     });
-    const E = () => {
-      r.value = !0, u.value = c.value, setTimeout(() => {
-        a("removeToast", e.toast);
-      }, ea);
-    }, ct = () => {
-      var t, l;
-      U.value || !V.value || (E(), (l = (t = e.toast).onDismiss) == null || l.call(t, e.toast));
-    }, Et = (t) => {
-      U.value || !V.value || (D = Date.now(), u.value = c.value, t.target.setPointerCapture(t.pointerId), t.target.tagName !== "BUTTON" && (g.value = !0, y.value = { x: t.clientX, y: t.clientY }));
-    }, Pt = (t) => {
-      var l, h, x, v;
-      if (m.value)
-        return;
-      y.value = null;
-      const C = Number(
-        ((l = M.value) == null ? void 0 : l.style.getPropertyValue("--swipe-amount").replace("px", "")) || 0
-      ), O = Date.now() - D || 50, ot = Math.abs(C) / O;
-      if (Math.abs(C) >= aa || ot > 0.11) {
-        u.value = c.value, (x = (h = e.toast).onDismiss) == null || x.call(h, e.toast), E(), m.value = !0;
+    function R() {
+      y.value = !0, c.value = H.value;
+      const e = t.heights.filter(
+        (u) => u.toastId !== t.toast.id
+      );
+      n("update:heights", e), setTimeout(() => {
+        n("removeToast", t.toast);
+      }, ue);
+    }
+    function bt() {
+      var e, u;
+      if (_.value || !O.value)
+        return {};
+      R(), (u = (e = t.toast).onDismiss) == null || u.call(e, t.toast);
+    }
+    function Kt(e) {
+      _.value || !O.value || (I.value = /* @__PURE__ */ new Date(), c.value = H.value, e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (T.value = !0, A.value = { x: e.clientX, y: e.clientY }));
+    }
+    function qt() {
+      var e, u, x, C, m;
+      if (z.value || !O) return;
+      A.value = null;
+      const M = Number(
+        ((e = B.value) == null ? void 0 : e.style.getPropertyValue("--swipe-amount").replace("px", "")) || 0
+      ), it = (/* @__PURE__ */ new Date()).getTime() - ((u = I.value) == null ? void 0 : u.getTime()), lt = Math.abs(M) / it;
+      if (Math.abs(M) >= ce || lt > 0.11) {
+        c.value = H.value, (C = (x = t.toast).onDismiss) == null || C.call(x, t.toast), R(), z.value = !0, h.value = !1;
         return;
       }
-      (v = M.value) == null || v.style.setProperty("--swipe-amount", "0px"), g.value = !1;
-    }, $t = (t) => {
-      var l;
-      if (!y.value)
-        return;
-      const h = t.clientY - y.value.y, x = t.clientX - y.value.x, v = (H.value[0] === "top" ? Math.min : Math.max)(0, h), C = t.pointerType === "touch" ? 10 : 2;
-      Math.abs(v) > C ? (l = M.value) == null || l.style.setProperty("--swipe-amount", `${h}px`) : Math.abs(x) > C && (y.value = null);
-    };
-    return j(() => {
-      c.value = Z.value * ta + tt.value;
-    }), j((t) => {
-      if (e.toast.promise && w.value === "loading" || e.toast.duration === 1 / 0 || e.toast.type === "loading")
+      (m = B.value) == null || m.style.setProperty("--swipe-amount", "0px"), T.value = !1;
+    }
+    function Gt(e) {
+      var u, x;
+      if (!A.value || !O.value) return;
+      const C = e.clientY - A.value.y, m = ((u = window.getSelection()) == null ? void 0 : u.toString().length) > 0, M = G.value === "top" ? Math.min(0, C) : Math.max(0, C);
+      Math.abs(M) > 0 && (h.value = !0), !m && ((x = B.value) == null || x.style.setProperty("--swipe-amount", `${M}px`));
+    }
+    return K((e) => {
+      if (t.toast.promise && S.value === "loading" || t.toast.duration === 1 / 0 || t.toast.type === "loading")
         return;
-      let l;
-      const h = () => {
-        if (z.value < n.value) {
-          const v = Date.now() - n.value;
-          T.value = T.value - v;
+      let u;
+      const x = () => {
+        if (Y.value < P.value) {
+          const m = (/* @__PURE__ */ new Date()).getTime() - P.value;
+          b.value = b.value - m;
         }
-        z.value = Date.now();
-      }, x = () => {
-        n.value = Date.now(), l = setTimeout(() => {
-          var v, C;
-          (C = (v = e.toast).onAutoClose) == null || C.call(v, e.toast), E();
-        }, T.value);
+        Y.value = (/* @__PURE__ */ new Date()).getTime();
+      }, C = () => {
+        b.value !== 1 / 0 && (P.value = (/* @__PURE__ */ new Date()).getTime(), u = setTimeout(() => {
+          var m, M;
+          (M = (m = t.toast).onAutoClose) == null || M.call(m, t.toast), R();
+        }, b.value));
       };
-      e.expanded || e.interacting || e.pauseWhenPageIsHidden && at ? h() : x(), t(() => {
-        clearTimeout(l);
+      t.expanded || t.interacting || t.pauseWhenPageIsHidden && nt ? x() : C(), e(() => {
+        clearTimeout(u);
       });
-    }), j(() => {
-      e.toast.delete && E();
-    }), Bt(() => {
-      if (M.value) {
-        const t = M.value.getBoundingClientRect().height;
-        A.value = t;
-        const l = [
-          { toastId: e.toast.id, height: t, position: e.toast.position },
-          ...e.heights
+    }), Ft(
+      () => t.toast.delete,
+      () => {
+        t.toast.delete && R();
+      },
+      {
+        deep: !0
+      }
+    ), _t(() => {
+      if (l.value = !0, B.value) {
+        const e = B.value.getBoundingClientRect().height;
+        f.value = e;
+        const u = [
+          { toastId: t.toast.id, height: e, position: t.toast.position },
+          ...t.heights
         ];
-        a("update:heights", l);
+        n("update:heights", u);
       }
-      B.value = !0;
-    }), At(() => {
-      if (M.value) {
-        const t = e.heights.filter(
-          (l) => l.toastId !== e.toast.id
+    }), Xt(() => {
+      if (B.value) {
+        const e = t.heights.filter(
+          (u) => u.toastId !== t.toast.id
         );
-        a("update:heights", t);
+        n("update:heights", e);
       }
-    }), (t, l) => {
-      var h, x, v, C, O, ot, gt, ht, mt, yt, bt, xt;
-      return d(), p("li", {
-        "aria-live": t.toast.important ? "assertive" : "polite",
+    }), (e, u) => {
+      var x, C, m, M, it, lt, wt, xt, kt, Bt, Ct, Tt, St, Pt, $t, zt, Et, Mt, It, Yt, Ht, At, Dt, Lt, Ot, jt, Nt;
+      return d(), v("li", {
+        ref_key: "toastRef",
+        ref: B,
+        "aria-live": e.toast.important ? "assertive" : "polite",
         "aria-atomic": "true",
         role: "status",
         tabindex: "0",
-        ref_key: "toastRef",
-        ref: M,
-        "data-sonner-toast": "",
-        class: _(lt.value),
-        "data-styled": !(t.toast.component || (h = t.toast) != null && h.unstyled || t.unstyled),
-        "data-mounted": B.value,
-        "data-promise": !!t.toast.promise,
-        "data-removed": r.value,
-        "data-visible": I.value,
-        "data-y-position": q.value,
-        "data-x-position": J.value,
-        "data-index": t.index,
-        "data-front": $.value,
-        "data-swiping": g.value,
-        "data-dismissible": V.value,
-        "data-type": w.value,
-        "data-invert": et.value,
-        "data-swipe-out": m.value,
-        "data-expanded": !!(t.expanded || t.expandByDefault && B.value),
-        style: Mt({
-          "--index": t.index,
-          "--toasts-before": t.index,
-          "--z-index": t.toasts.length - t.index,
-          "--offset": `${r.value ? u.value : c.value}px`,
-          "--initial-height": t.expandByDefault ? "auto" : `${A.value}px`,
-          ...t.style,
-          ...it(dt)
+        "data-sonner-toast": "true",
+        class: D(
+          e.cn(
+            t.class,
+            ft.value,
+            (x = e.classes) == null ? void 0 : x.toast,
+            (C = e.toast.classes) == null ? void 0 : C.toast,
+            // @ts-ignore
+            (m = e.classes) == null ? void 0 : m[S.value],
+            // @ts-ignore
+            (it = (M = e.toast) == null ? void 0 : M.classes) == null ? void 0 : it[S.value]
+          )
+        ),
+        "data-rich-colors": e.toast.richColors ?? e.defaultRichColors,
+        "data-styled": !(e.toast.component || (lt = e.toast) != null && lt.unstyled || e.unstyled),
+        "data-mounted": l.value,
+        "data-promise": !!e.toast.promise,
+        "data-removed": y.value,
+        "data-visible": ht.value,
+        "data-y-position": G.value,
+        "data-x-position": et.value,
+        "data-index": e.index,
+        "data-front": vt.value,
+        "data-swiping": T.value,
+        "data-dismissible": O.value,
+        "data-type": S.value,
+        "data-invert": rt.value,
+        "data-swipe-out": z.value,
+        "data-expanded": !!(e.expanded || e.expandByDefault && l.value),
+        style: pt({
+          "--index": e.index,
+          "--toasts-before": e.index,
+          "--z-index": e.toasts.length - e.index,
+          "--offset": `${y.value ? c.value : H.value}px`,
+          "--initial-height": e.expandByDefault ? "auto" : `${f.value}px`,
+          ...e.style,
+          ...j(r)
         }),
-        onPointerdown: Et,
-        onPointerup: Pt,
-        onPointermove: $t
+        onPointerdown: Kt,
+        onPointerup: qt,
+        onPointermove: Gt
       }, [
-        ut.value && !t.toast.component ? (d(), p("button", {
+        w.value && !e.toast.component ? (d(), v("button", {
           key: 0,
-          "aria-label": t.closeButtonAriaLabel || "Close toast",
-          "data-disabled": U.value,
-          "data-close-button": "",
-          class: _(t.cn((x = t.classes) == null ? void 0 : x.closeButton, (C = (v = t.toast) == null ? void 0 : v.classes) == null ? void 0 : C.closeButton)),
-          onClick: ct
+          "aria-label": e.closeButtonAriaLabel || "Close toast",
+          "data-disabled": _.value,
+          "data-close-button": "true",
+          class: D(e.cn((wt = e.classes) == null ? void 0 : wt.closeButton, (kt = (xt = e.toast) == null ? void 0 : xt.classes) == null ? void 0 : kt.closeButton)),
+          onClick: bt
         }, [
-          R(Kt)
-        ], 10, qt)) : L("", !0),
-        t.toast.component ? (d(), K(st(t.toast.component), rt({ key: 1 }, t.toast.componentProps, { onCloseToast: E }), null, 16)) : (d(), p(N, { key: 2 }, [
-          w.value !== "default" || t.toast.icon || t.toast.promise ? (d(), p("div", Jt, [
-            (t.toast.promise || w.value === "loading") && !t.toast.icon ? P(t.$slots, "loading-icon", { key: 0 }) : L("", !0),
-            t.toast.icon ? (d(), K(st(t.toast.icon), { key: 1 })) : (d(), p(N, { key: 2 }, [
-              w.value === "success" ? P(t.$slots, "success-icon", { key: 0 }) : w.value === "error" ? P(t.$slots, "error-icon", { key: 1 }) : w.value === "warning" ? P(t.$slots, "warning-icon", { key: 2 }) : w.value === "info" ? P(t.$slots, "info-icon", { key: 3 }) : L("", !0)
+          (Bt = e.icons) != null && Bt.close ? (d(), F(Z((Ct = e.icons) == null ? void 0 : Ct.close), { key: 0 })) : E(e.$slots, "close-icon", { key: 1 })
+        ], 10, de)) : W("", !0),
+        e.toast.component ? (d(), F(Z(e.toast.component), ut({ key: 1 }, e.toast.componentProps, { onCloseToast: bt }), null, 16)) : (d(), v(N, { key: 2 }, [
+          S.value !== "default" || e.toast.icon || e.toast.promise ? (d(), v("div", {
+            key: 0,
+            "data-icon": "",
+            class: D(e.cn((Tt = e.classes) == null ? void 0 : Tt.icon, (Pt = (St = e.toast) == null ? void 0 : St.classes) == null ? void 0 : Pt.icon))
+          }, [
+            e.toast.icon ? (d(), F(Z(e.toast.icon), { key: 0 })) : (d(), v(N, { key: 1 }, [
+              S.value === "loading" ? E(e.$slots, "loading-icon", { key: 0 }) : S.value === "success" ? E(e.$slots, "success-icon", { key: 1 }) : S.value === "error" ? E(e.$slots, "error-icon", { key: 2 }) : S.value === "warning" ? E(e.$slots, "warning-icon", { key: 3 }) : S.value === "info" ? E(e.$slots, "info-icon", { key: 4 }) : W("", !0)
             ], 64))
-          ])) : L("", !0),
-          Y("div", Qt, [
-            Y("div", {
+          ], 2)) : W("", !0),
+          L("div", {
+            "data-content": "",
+            class: D(e.cn(($t = e.classes) == null ? void 0 : $t.content, (Et = (zt = e.toast) == null ? void 0 : zt.classes) == null ? void 0 : Et.content))
+          }, [
+            L("div", {
               "data-title": "",
-              class: _(t.cn((O = t.classes) == null ? void 0 : O.title, (ot = t.toast.classes) == null ? void 0 : ot.title))
+              class: D(e.cn((Mt = e.classes) == null ? void 0 : Mt.title, (It = e.toast.classes) == null ? void 0 : It.title))
             }, [
-              Q.value ? (d(), K(st(t.toast.title), Tt(rt({ key: 0 }, t.toast.componentProps)), null, 16)) : (d(), p(N, { key: 1 }, [
-                Ct(nt(t.toast.title), 1)
+              at.value ? (d(), F(Z(e.toast.title), Rt(ut({ key: 0 }, e.toast.componentProps)), null, 16)) : (d(), v(N, { key: 1 }, [
+                Vt(dt(e.toast.title), 1)
               ], 64))
             ], 2),
-            t.toast.description ? (d(), p("div", {
+            e.toast.description ? (d(), v("div", {
               key: 0,
               "data-description": "",
-              class: _(
-                t.cn(
-                  t.descriptionClass,
-                  t.toast.descriptionClass,
-                  (gt = t.classes) == null ? void 0 : gt.description,
-                  (ht = t.toast.classes) == null ? void 0 : ht.description
+              class: D(
+                e.cn(
+                  e.descriptionClass,
+                  o.value,
+                  (Yt = e.classes) == null ? void 0 : Yt.description,
+                  (Ht = e.toast.classes) == null ? void 0 : Ht.description
                 )
               )
             }, [
-              G.value ? (d(), K(st(t.toast.description), Tt(rt({ key: 0 }, t.toast.componentProps)), null, 16)) : (d(), p(N, { key: 1 }, [
-                Ct(nt(t.toast.description), 1)
+              ot.value ? (d(), F(Z(e.toast.description), Rt(ut({ key: 0 }, e.toast.componentProps)), null, 16)) : (d(), v(N, { key: 1 }, [
+                Vt(dt(e.toast.description), 1)
               ], 64))
-            ], 2)) : L("", !0)
-          ]),
-          t.toast.cancel ? (d(), p("button", {
+            ], 2)) : W("", !0)
+          ], 2),
+          e.toast.cancel ? (d(), v("button", {
             key: 1,
-            class: _(t.cn((mt = t.classes) == null ? void 0 : mt.cancelButton, (yt = t.toast.classes) == null ? void 0 : yt.cancelButton)),
+            style: pt(e.toast.cancelButtonStyle || e.cancelButtonStyle),
+            class: D(e.cn((At = e.classes) == null ? void 0 : At.cancelButton, (Dt = e.toast.classes) == null ? void 0 : Dt.cancelButton)),
             "data-button": "",
             "data-cancel": "",
-            onClick: l[0] || (l[0] = () => {
-              var W;
-              E(), (W = t.toast.cancel) != null && W.onClick && t.toast.cancel.onClick();
+            onClick: u[0] || (u[0] = (J) => {
+              var Q, X;
+              j(ct)(e.toast.cancel) && O.value && ((X = (Q = e.toast.cancel).onClick) == null || X.call(Q, J), R());
             })
-          }, nt(t.toast.cancel.label), 3)) : L("", !0),
-          t.toast.action ? (d(), p("button", {
+          }, dt(j(ct)(e.toast.cancel) ? (Lt = e.toast.cancel) == null ? void 0 : Lt.label : e.toast.cancel), 7)) : W("", !0),
+          e.toast.action ? (d(), v("button", {
             key: 2,
-            class: _(t.cn((bt = t.classes) == null ? void 0 : bt.actionButton, (xt = t.toast.classes) == null ? void 0 : xt.actionButton)),
+            style: pt(e.toast.actionButtonStyle || e.actionButtonStyle),
+            class: D(e.cn((Ot = e.classes) == null ? void 0 : Ot.actionButton, (jt = e.toast.classes) == null ? void 0 : jt.actionButton)),
             "data-button": "",
-            onClick: l[1] || (l[1] = (W) => {
-              var wt;
-              (wt = t.toast.action) == null || wt.onClick(W), !W.defaultPrevented && E();
+            "data-action": "",
+            onClick: u[1] || (u[1] = (J) => {
+              var Q, X;
+              j(ct)(e.toast.action) && (J.defaultPrevented || ((X = (Q = e.toast.action).onClick) == null || X.call(Q, J), !J.defaultPrevented && R()));
             })
-          }, nt(t.toast.action.label), 3)) : L("", !0)
+          }, dt(j(ct)(e.toast.action) ? (Nt = e.toast.action) == null ? void 0 : Nt.label : e.toast.action), 7)) : W("", !0)
         ], 64))
-      ], 46, Zt);
+      ], 46, le);
     };
   }
-}), sa = ["data-visible"], na = { class: "sonner-spinner" }, ra = /* @__PURE__ */ ft({
+}), tt = (s, a) => {
+  const t = s.__vccOpts || s;
+  for (const [n, l] of a)
+    t[n] = l;
+  return t;
+}, ve = {}, he = {
+  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"
+};
+function fe(s, a) {
+  return d(), v("svg", he, a[0] || (a[0] = [
+    L("line", {
+      x1: "18",
+      y1: "6",
+      x2: "6",
+      y2: "18"
+    }, null, -1),
+    L("line", {
+      x1: "6",
+      y1: "6",
+      x2: "18",
+      y2: "18"
+    }, null, -1)
+  ]));
+}
+const ge = /* @__PURE__ */ tt(ve, [["render", fe]]), me = ["data-visible"], ye = { class: "sonner-spinner" }, be = /* @__PURE__ */ yt({
   __name: "Loader",
   props: {
     visible: { type: Boolean }
   },
-  setup(i) {
-    const o = Array(12).fill(0);
-    return (a, e) => (d(), p("div", {
+  setup(s) {
+    const a = Array(12).fill(0);
+    return (t, n) => (d(), v("div", {
       class: "sonner-loading-wrapper",
-      "data-visible": a.visible
+      "data-visible": t.visible
     }, [
-      Y("div", na, [
-        (d(!0), p(N, null, pt(it(o), (B) => (d(), p("div", {
-          key: `spinner-bar-${B}`,
+      L("div", ye, [
+        (d(!0), v(N, null, gt(j(a), (l) => (d(), v("div", {
+          key: `spinner-bar-${l}`,
           class: "sonner-loading-bar"
         }))), 128))
       ])
-    ], 8, sa));
+    ], 8, me));
   }
-}), ia = {}, la = {
+}), we = {}, xe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, da = /* @__PURE__ */ Y("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), ua = [
-  da
-];
-function ca(i, o) {
-  return d(), p("svg", la, ua);
+};
+function ke(s, a) {
+  return d(), v("svg", xe, a[0] || (a[0] = [
+    L("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)
+  ]));
 }
-const pa = /* @__PURE__ */ X(ia, [["render", ca]]), va = {}, fa = {
+const Be = /* @__PURE__ */ tt(we, [["render", ke]]), Ce = {}, Te = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, ga = /* @__PURE__ */ Y("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), ha = [
-  ga
-];
-function ma(i, o) {
-  return d(), p("svg", fa, ha);
+};
+function Se(s, a) {
+  return d(), v("svg", Te, a[0] || (a[0] = [
+    L("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)
+  ]));
 }
-const ya = /* @__PURE__ */ X(va, [["render", ma]]), ba = {}, xa = {
+const Pe = /* @__PURE__ */ tt(Ce, [["render", Se]]), $e = {}, ze = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, wa = /* @__PURE__ */ Y("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), ka = [
-  wa
-];
-function Ba(i, o) {
-  return d(), p("svg", xa, ka);
+};
+function Ee(s, a) {
+  return d(), v("svg", ze, a[0] || (a[0] = [
+    L("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)
+  ]));
 }
-const Ta = /* @__PURE__ */ X(ba, [["render", Ba]]), Ca = {}, za = {
+const Me = /* @__PURE__ */ tt($e, [["render", Ee]]), Ie = {}, Ye = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, Sa = /* @__PURE__ */ Y("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), Ma = [
-  Sa
-];
-function Ea(i, o) {
-  return d(), p("svg", za, Ma);
+};
+function He(s, a) {
+  return d(), v("svg", Ye, a[0] || (a[0] = [
+    L("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)
+  ]));
 }
-const Pa = /* @__PURE__ */ X(Ca, [["render", Ea]]), $a = ["aria-label"], Ia = ["dir", "data-theme", "data-rich-colors", "data-y-position", "data-x-position"], Ya = 3, zt = "32px", Aa = 4e3, Da = 356, St = 14, Ha = typeof window < "u" && typeof document < "u", _a = /* @__PURE__ */ ft({
+const Ae = /* @__PURE__ */ tt(Ie, [["render", He]]), De = ["aria-label"], Le = ["dir", "data-theme", "data-rich-colors", "data-y-position", "data-x-position", "data-lifted"], Oe = 3, Wt = "32px", je = 356, Ne = 14, _e = typeof window < "u" && typeof document < "u";
+function Re(...s) {
+  return s.filter(Boolean).join(" ");
+}
+const We = /* @__PURE__ */ yt({
   name: "Toaster",
   inheritAttrs: !1,
   __name: "Toaster",
@@ -484,202 +527,224 @@ const Pa = /* @__PURE__ */ X(Ca, [["render", Ea]]), $a = ["aria-label"], Ia = ["
     hotkey: { default: () => ["altKey", "KeyT"] },
     richColors: { type: Boolean, default: !1 },
     expand: { type: Boolean, default: !1 },
-    duration: { default: Aa },
-    gap: { default: St },
-    visibleToasts: { default: Ya },
+    duration: {},
+    gap: { default: Ne },
+    visibleToasts: { default: Oe },
     closeButton: { type: Boolean, default: !1 },
     toastOptions: { default: () => ({}) },
     class: { default: "" },
     style: { default: () => ({}) },
-    offset: { default: zt },
+    offset: { default: Wt },
     dir: { default: "auto" },
     icons: {},
     containerAriaLabel: { default: "Notifications" },
     pauseWhenPageIsHidden: { type: Boolean, default: !1 },
-    cn: {}
+    cn: { type: Function, default: Re }
   },
-  setup(i) {
-    function o(...s) {
-      return s.filter(Boolean).join(" ");
+  setup(s) {
+    const a = s;
+    function t() {
+      if (typeof window > "u" || typeof document > "u") return "ltr";
+      const o = document.documentElement.getAttribute("dir");
+      return o === "auto" || !o ? window.getComputedStyle(document.documentElement).direction : o;
     }
-    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 n = Jt(), l = p([]), y = g(() => (o, r) => l.value.filter(
+      (i) => !i.position && r === 0 || i.position === o
+    )), T = g(() => {
+      const o = l.value.filter((r) => r.position).map((r) => r.position);
+      return o.length > 0 ? Array.from(new Set([a.position].concat(o))) : [a.position];
+    }), z = p([]), h = p(!1), c = p(!1), f = p(
+      a.theme !== "system" ? a.theme : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
+    ), b = p(null), I = p(null), B = p(!1), vt = a.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+    function ht(o) {
+      var r;
+      (r = l.value.find((i) => i.id === o.id)) != null && r.delete || $.dismiss(o.id), l.value = l.value.filter(({ id: i }) => i !== o.id);
     }
-    const e = i, B = It(), r = f([]), g = b(() => {
-      const s = r.value.filter((n) => n.position).map((n) => n.position);
-      return s.length > 0 ? Array.from(new Set([e.position].concat(s))) : [e.position];
-    }), m = f([]), u = f(!1), A = f(!1), D = f(
-      e.theme !== "system" ? e.theme : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
-    ), M = b(() => e.cn || o), $ = f(null), I = f(null), w = f(!1), V = e.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
-    function lt(s) {
-      m.value = m.value.filter(({ toastId: n }) => n !== s.id), r.value = r.value.filter(({ id: n }) => n !== s.id);
+    function S(o) {
+      var r, i;
+      B.value && !((i = (r = o.currentTarget) == null ? void 0 : r.contains) != null && i.call(r, o.relatedTarget)) && (B.value = !1, I.value && (I.value.focus({ preventScroll: !0 }), I.value = null));
     }
-    const dt = (s) => {
-      var n, c;
-      w.value && !((c = (n = s.currentTarget) == null ? void 0 : n.contains) != null && c.call(n, s.relatedTarget)) && (w.value = !1, I.value && (I.value.focus({ preventScroll: !0 }), I.value = null));
-    }, Z = (s) => {
-      s.target instanceof HTMLElement && s.target.dataset.dismissible === "false" || w.value || (w.value = !0, I.value = s.relatedTarget);
-    }, ut = (s) => {
-      s.target && s.target instanceof HTMLElement && s.target.dataset.dismissible === "false" || (A.value = !1);
-    };
-    return j((s) => {
-      const n = S.subscribe((c) => {
-        if (c.dismiss) {
-          r.value = r.value.map(
-            (T) => T.id === c.id ? { ...T, delete: !0 } : T
+    function O(o) {
+      o.target instanceof HTMLElement && o.target.dataset.dismissible === "false" || B.value || (B.value = !0, I.value = o.relatedTarget);
+    }
+    function ft(o) {
+      o.target && o.target instanceof HTMLElement && o.target.dataset.dismissible === "false" || (c.value = !0);
+    }
+    return K((o) => {
+      const r = $.subscribe((i) => {
+        if (i.dismiss) {
+          l.value = l.value.map(
+            (w) => w.id === i.id ? { ...w, delete: !0 } : w
           );
           return;
         }
-        Yt(() => {
-          const T = r.value.findIndex(
-            (z) => z.id === c.id
+        Qt(() => {
+          const w = l.value.findIndex(
+            (P) => P.id === i.id
           );
-          T !== -1 ? r.value.splice(T, 1, c) : r.value = [c, ...r.value];
+          w !== -1 ? l.value = [
+            ...l.value.slice(0, w),
+            { ...l.value[w], ...i },
+            ...l.value.slice(w + 1)
+          ] : l.value = [i, ...l.value];
         });
       });
-      s(() => {
-        n();
-      });
-    }), kt(
-      () => e.theme,
-      (s) => {
-        if (s !== "system") {
-          D.value = s;
+      o(r);
+    }), Ft(
+      () => a.theme,
+      (o) => {
+        if (o !== "system") {
+          f.value = o;
           return;
         }
-        s === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? D.value = "dark" : D.value = "light"), !(typeof window > "u") && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", ({ matches: n }) => {
-          n ? D.value = "dark" : D.value = "light";
-        });
-      }
-    ), kt(
-      () => $.value,
-      () => {
-        if ($.value)
-          return () => {
-            I.value && (I.value.focus({ preventScroll: !0 }), I.value = null, w.value = !1);
-          };
+        if (o === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? f.value = "dark" : f.value = "light"), typeof window > "u") return;
+        const r = window.matchMedia("(prefers-color-scheme: dark)");
+        try {
+          r.addEventListener("change", ({ matches: i }) => {
+            i ? f.value = "dark" : f.value = "light";
+          });
+        } catch {
+          r.addListener(({ matches: i }) => {
+            try {
+              i ? f.value = "dark" : f.value = "light";
+            } catch (w) {
+              console.error(w);
+            }
+          });
+        }
       }
-    ), j(() => {
-      r.value.length <= 1 && (u.value = !1);
-    }), j((s) => {
-      function n(c) {
-        const T = e.hotkey.every(
-          (H) => c[H] || c.code === H
-        ), z = Array.isArray($.value) ? $.value[0] : $.value;
-        T && (u.value = !0, z?.focus());
-        const y = document.activeElement === $.value || z?.contains(document.activeElement);
-        c.code === "Escape" && y && (u.value = !1);
+    ), K(() => {
+      b.value && I.value && (I.value.focus({ preventScroll: !0 }), I.value = null, B.value = !1);
+    }), K(() => {
+      l.value.length <= 1 && (h.value = !1);
+    }), K((o) => {
+      function r(i) {
+        const w = a.hotkey.every(
+          (A) => i[A] || i.code === A
+        ), P = Array.isArray(b.value) ? b.value[0] : b.value;
+        w && (h.value = !0, P?.focus());
+        const Y = document.activeElement === b.value || P?.contains(document.activeElement);
+        i.code === "Escape" && Y && (h.value = !1);
       }
-      Ha && (document.addEventListener("keydown", n), s(() => {
-        document.removeEventListener("keydown", n);
+      _e && (document.addEventListener("keydown", r), o(() => {
+        document.removeEventListener("keydown", r);
       }));
-    }), (s, n) => (d(), p("section", {
-      "aria-label": `${s.containerAriaLabel} ${it(V)}`,
-      tabIndex: -1
+    }), (o, r) => (d(), v("section", {
+      "aria-label": `${o.containerAriaLabel} ${j(vt)}`,
+      tabIndex: -1,
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      "aria-atomic": "false"
     }, [
-      (d(!0), p(N, null, pt(g.value, (c, T) => {
-        var z;
-        return d(), p("ol", rt({
-          key: c,
+      (d(!0), v(N, null, gt(T.value, (i, w) => {
+        var P;
+        return d(), v("ol", ut({
+          key: i,
           ref_for: !0,
           ref_key: "listRef",
-          ref: $,
+          ref: b,
           "data-sonner-toaster": "",
-          class: s.class,
-          dir: s.dir === "auto" ? a() : s.dir,
+          class: a.class,
+          dir: o.dir === "auto" ? t() : o.dir,
           tabIndex: -1,
-          "data-theme": s.theme,
-          "data-rich-colors": s.richColors,
-          "data-y-position": c.split("-")[0],
-          "data-x-position": c.split("-")[1],
+          "data-theme": o.theme,
+          "data-rich-colors": o.richColors,
+          "data-y-position": i.split("-")[0],
+          "data-x-position": i.split("-")[1],
+          "data-lifted": h.value && l.value.length > 1 && !o.expand,
           style: {
-            "--front-toast-height": `${(z = m.value[0]) == null ? void 0 : z.height}px`,
-            "--offset": typeof s.offset == "number" ? `${s.offset}px` : s.offset || zt,
-            "--width": `${Da}px`,
-            "--gap": `${St}px`,
-            ...s.style,
-            ...it(B).style
-          },
-          onBlur: dt,
-          onFocus: Z,
-          onMouseenter: n[1] || (n[1] = (y) => u.value = !0),
-          onMousemove: n[2] || (n[2] = (y) => u.value = !0),
-          onMouseleave: n[3] || (n[3] = () => {
-            A.value || (u.value = !1);
+            "--front-toast-height": `${(P = z.value[0]) == null ? void 0 : P.height}px`,
+            "--offset": typeof o.offset == "number" ? `${o.offset}px` : o.offset || Wt,
+            "--width": `${je}px`,
+            "--gap": `${o.gap}px`,
+            ...o.style,
+            ...j(n).style
+          }
+        }, o.$attrs, {
+          onBlur: S,
+          onFocus: O,
+          onMouseenter: r[1] || (r[1] = () => h.value = !0),
+          onMousemove: r[2] || (r[2] = () => h.value = !0),
+          onMouseleave: r[3] || (r[3] = () => {
+            c.value || (h.value = !1);
           }),
-          onPointerdown: ut,
-          onPointerup: n[4] || (n[4] = (y) => A.value = !1)
-        }, s.$attrs), [
-          (d(!0), p(N, null, pt(r.value.filter(
-            (y) => !y.position && T === 0 || y.position === c
-          ), (y, H) => {
-            var q, J, Q, G, tt, at, et, U, E;
-            return d(), K(oa, {
-              key: y.id,
-              index: H,
-              toast: y,
-              duration: ((q = s.toastOptions) == null ? void 0 : q.duration) ?? s.duration,
-              class: _(((J = s.toastOptions) == null ? void 0 : J.class) ?? ""),
-              descriptionClass: (Q = s.toastOptions) == null ? void 0 : Q.descriptionClass,
-              invert: s.invert,
-              visibleToasts: s.visibleToasts,
-              closeButton: ((G = s.toastOptions) == null ? void 0 : G.closeButton) ?? s.closeButton,
-              interacting: A.value,
-              position: c,
-              style: Mt((tt = s.toastOptions) == null ? void 0 : tt.style),
-              unstyled: (at = s.toastOptions) == null ? void 0 : at.unstyled,
-              classes: (et = s.toastOptions) == null ? void 0 : et.classes,
-              cancelButtonStyle: (U = s.toastOptions) == null ? void 0 : U.cancelButtonStyle,
-              actionButtonStyle: (E = s.toastOptions) == null ? void 0 : E.actionButtonStyle,
-              toasts: r.value,
-              expandByDefault: s.expand,
-              gap: s.gap,
-              expanded: u.value,
-              pauseWhenPageIsHidden: s.pauseWhenPageIsHidden,
-              cn: M.value,
-              heights: m.value,
-              "onUpdate:heights": n[0] || (n[0] = (ct) => m.value = ct),
-              onRemoveToast: lt
+          onPointerdown: ft,
+          onPointerup: r[4] || (r[4] = () => c.value = !1)
+        }), [
+          (d(!0), v(N, null, gt(y.value(i, w), (Y, A) => {
+            var q, G, et, at, ot, st, nt, rt, _;
+            return d(), F(pe, {
+              key: Y.id,
+              heights: z.value.filter((H) => H.position === Y.position),
+              icons: o.icons,
+              index: A,
+              toast: Y,
+              defaultRichColors: o.richColors,
+              duration: ((q = o.toastOptions) == null ? void 0 : q.duration) ?? o.duration,
+              class: D(((G = o.toastOptions) == null ? void 0 : G.class) ?? ""),
+              descriptionClass: (et = o.toastOptions) == null ? void 0 : et.descriptionClass,
+              invert: o.invert,
+              visibleToasts: o.visibleToasts,
+              closeButton: ((at = o.toastOptions) == null ? void 0 : at.closeButton) ?? o.closeButton,
+              interacting: c.value,
+              position: i,
+              style: pt((ot = o.toastOptions) == null ? void 0 : ot.style),
+              unstyled: (st = o.toastOptions) == null ? void 0 : st.unstyled,
+              classes: (nt = o.toastOptions) == null ? void 0 : nt.classes,
+              cancelButtonStyle: (rt = o.toastOptions) == null ? void 0 : rt.cancelButtonStyle,
+              actionButtonStyle: (_ = o.toastOptions) == null ? void 0 : _.actionButtonStyle,
+              toasts: l.value.filter((H) => H.position === Y.position),
+              expandByDefault: o.expand,
+              gap: o.gap,
+              expanded: h.value,
+              pauseWhenPageIsHidden: o.pauseWhenPageIsHidden,
+              cn: o.cn,
+              "onUpdate:heights": r[0] || (r[0] = (H) => {
+                z.value = H;
+              }),
+              onRemoveToast: ht
             }, {
-              "loading-icon": F(() => [
-                P(s.$slots, "loading-icon", {}, () => [
-                  R(ra, {
-                    visible: y.type === "loading"
+              "close-icon": V(() => [
+                E(o.$slots, "close-icon", {}, () => [
+                  U(ge)
+                ])
+              ]),
+              "loading-icon": V(() => [
+                E(o.$slots, "loading-icon", {}, () => [
+                  U(be, {
+                    visible: Y.type === "loading"
                   }, null, 8, ["visible"])
                 ])
               ]),
-              "success-icon": F(() => [
-                P(s.$slots, "success-icon", {}, () => [
-                  R(pa)
+              "success-icon": V(() => [
+                E(o.$slots, "success-icon", {}, () => [
+                  U(Be)
                 ])
               ]),
-              "error-icon": F(() => [
-                P(s.$slots, "error-icon", {}, () => [
-                  R(Pa)
+              "error-icon": V(() => [
+                E(o.$slots, "error-icon", {}, () => [
+                  U(Ae)
                 ])
               ]),
-              "warning-icon": F(() => [
-                P(s.$slots, "warning-icon", {}, () => [
-                  R(Ta)
+              "warning-icon": V(() => [
+                E(o.$slots, "warning-icon", {}, () => [
+                  U(Me)
                 ])
               ]),
-              "info-icon": F(() => [
-                P(s.$slots, "info-icon", {}, () => [
-                  R(ya)
+              "info-icon": V(() => [
+                E(o.$slots, "info-icon", {}, () => [
+                  U(Pe)
                 ])
               ]),
               _: 2
-            }, 1032, ["index", "toast", "duration", "class", "descriptionClass", "invert", "visibleToasts", "closeButton", "interacting", "position", "style", "unstyled", "classes", "cancelButtonStyle", "actionButtonStyle", "toasts", "expandByDefault", "gap", "expanded", "pauseWhenPageIsHidden", "cn", "heights"]);
+            }, 1032, ["heights", "icons", "index", "toast", "defaultRichColors", "duration", "class", "descriptionClass", "invert", "visibleToasts", "closeButton", "interacting", "position", "style", "unstyled", "classes", "cancelButtonStyle", "actionButtonStyle", "toasts", "expandByDefault", "gap", "expanded", "pauseWhenPageIsHidden", "cn"]);
           }), 128))
-        ], 16, Ia);
+        ], 16, Le);
       }), 128))
-    ], 8, $a));
+    ], 8, De));
   }
 });
 export {
-  _a as Toaster,
-  La as toast
+  We as Toaster,
+  Ue as toast
 };