vue-toastflow 1.1.9 → 1.2.0-beta.0

package/dist/toastflow.es.js

@@ -1,1236 +1,1062 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(':root{--tf-toast-font-family: inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-toast-border-radius: 12px;--tf-toast-border-width: 1px;--tf-toast-padding: 16px;--tf-toast-bg: var(--tf-toast-normal-bg-default);--tf-toast-color: var(--tf-toast-normal-text-default);--tf-toast-border-color: var(--tf-toast-normal-border-default);--tf-toast-gap: 10px;--tf-toast-buttons-gap: calc(var(--tf-toast-gap) / 2);--tf-toast-buttons-content-gap: calc(var(--tf-toast-gap) / 2);--tf-toast-stack-padding-top: 8px;--tf-toast-stack-padding-right: 8px;--tf-toast-stack-padding-bottom: 18px;--tf-toast-stack-padding-left: 0;--tf-toast-title-font-size: 14px;--tf-toast-title-font-weight: 600;--tf-toast-title-line-height: 1.25;--tf-toast-title-color: var(--tf-toast-color);--tf-toast-description-font-size: 13px;--tf-toast-description-line-height: 1.4;--tf-toast-description-color: var(--tf-toast-color);--tf-toast-float-x: .4;--tf-toast-float-y: -.4;--tf-toast-created-at-font-size: 11px;--tf-toast-created-at-offset: 0;--tf-toast-created-at-padding-x: 8px;--tf-toast-created-at-border-radius: 999px;--tf-toast-created-at-bg: var(--tf-toast-close-bg);--tf-toast-created-at-border-color: var(--tf-toast-close-border-color);--tf-toast-created-at-color: var(--tf-toast-close-color);--tf-toast-close-size: 18px;--tf-toast-close-icon-size: 12px;--tf-toast-close-border-width: var(--tf-toast-border-width);--tf-toast-close-border-radius: var(--tf-toast-border-radius);--tf-toast-close-border-color: var(--tf-toast-border-color);--tf-toast-close-color: var(--tf-toast-color);--tf-toast-close-bg: var(--tf-toast-bg);--tf-toast-close-ring-color: var(--tf-toast-close-border-color);--tf-toast-close-font-size: 11px;--tf-toast-button-font-size: 12px;--tf-toast-button-line-height: 1;--tf-toast-button-padding-y: 7px;--tf-toast-button-padding-x: 9px;--tf-toast-button-border-radius: 10px;--tf-toast-button-border-width: var(--tf-toast-border-width);--tf-toast-button-bg: var(--tf-toast-bg);--tf-toast-button-color: var(--tf-toast-color);--tf-toast-button-border-color: var(--tf-toast-border-color);--tf-toast-icon-size: 24px;--tf-toast-icon-loading: var(--tf-toast-loading-text-default);--tf-toast-icon-default: var(--tf-toast-normal-text-default);--tf-toast-icon-success: var(--tf-toast-success-text-default);--tf-toast-icon-error: var(--tf-toast-error-text-default);--tf-toast-icon-warning: var(--tf-toast-warning-text-default);--tf-toast-icon-info: var(--tf-toast-info-text-default);--tf-toast-icon-custom: var(--tf-toast-normal-text-default);--tf-toast-progress-height: 4px;--tf-toast-progress-bg: color-mix( in srgb, var(--tf-toast-color) 20%, transparent );--tf-toast-progress-border-radius: var(--tf-toast-border-radius);--tf-toast-progress-bar-bg: var(--tf-toast-color);--tf-toast-progress-duration: 5s;--tf-toast-normal-bg-default: #fff;--tf-toast-normal-border-default: #e6e8eb;--tf-toast-normal-text-default: #11181c;--tf-toast-normal-progress-bar-bg-default: var( --tf-toast-normal-text-default );--tf-toast-normal-progress-bg-default: color-mix( in srgb, var(--tf-toast-normal-text-default) 20%, transparent );--tf-toast-normal-color-default: var(--tf-toast-normal-text-default);--tf-toast-normal-title-color-default: var(--tf-toast-normal-text-default);--tf-toast-normal-description-color-default: var( --tf-toast-normal-text-default );--tf-toast-loading-bg-default: hsl(48, 100%, 96%);--tf-toast-loading-border-default: hsl(46, 100%, 88%);--tf-toast-loading-text-default: hsl(40, 100%, 32%);--tf-toast-loading-progress-bar-bg-default: var( --tf-toast-loading-text-default );--tf-toast-loading-progress-bg-default: color-mix( in srgb, var(--tf-toast-loading-text-default) 20%, transparent );--tf-toast-loading-color-default: var(--tf-toast-loading-text-default);--tf-toast-loading-title-color-default: var(--tf-toast-loading-text-default);--tf-toast-loading-description-color-default: var( --tf-toast-loading-text-default );--tf-toast-success-bg-default: hsl(143, 85%, 96%);--tf-toast-success-border-default: hsl(145, 92%, 87%);--tf-toast-success-text-default: hsl(140, 100%, 27%);--tf-toast-success-progress-bar-bg-default: var( --tf-toast-success-text-default );--tf-toast-success-progress-bg-default: color-mix( in srgb, var(--tf-toast-success-text-default) 20%, transparent );--tf-toast-success-color-default: var(--tf-toast-success-text-default);--tf-toast-success-title-color-default: var(--tf-toast-success-text-default);--tf-toast-success-description-color-default: var( --tf-toast-success-text-default );--tf-toast-info-bg-default: hsl(208, 100%, 97%);--tf-toast-info-border-default: hsl(221, 91%, 93%);--tf-toast-info-text-default: hsl(210, 92%, 45%);--tf-toast-info-progress-bar-bg-default: var(--tf-toast-info-text-default);--tf-toast-info-progress-bg-default: color-mix( in srgb, var(--tf-toast-info-text-default) 20%, transparent );--tf-toast-info-color-default: var(--tf-toast-info-text-default);--tf-toast-info-title-color-default: var(--tf-toast-info-text-default);--tf-toast-info-description-color-default: var(--tf-toast-info-text-default);--tf-toast-warning-bg-default: hsl(49, 100%, 97%);--tf-toast-warning-border-default: hsl(49, 91%, 84%);--tf-toast-warning-text-default: hsl(31, 92%, 45%);--tf-toast-warning-progress-bar-bg-default: var( --tf-toast-warning-text-default );--tf-toast-warning-progress-bg-default: color-mix( in srgb, var(--tf-toast-warning-text-default) 20%, transparent );--tf-toast-warning-color-default: var(--tf-toast-warning-text-default);--tf-toast-warning-title-color-default: var(--tf-toast-warning-text-default);--tf-toast-warning-description-color-default: var( --tf-toast-warning-text-default );--tf-toast-error-bg-default: hsl(359, 100%, 97%);--tf-toast-error-border-default: hsl(359, 100%, 94%);--tf-toast-error-text-default: hsl(360, 100%, 45%);--tf-toast-error-progress-bar-bg-default: var(--tf-toast-error-text-default);--tf-toast-error-progress-bg-default: color-mix( in srgb, var(--tf-toast-error-text-default) 20%, transparent );--tf-toast-error-color-default: var(--tf-toast-error-text-default);--tf-toast-error-title-color-default: var(--tf-toast-error-text-default);--tf-toast-error-description-color-default: var( --tf-toast-error-text-default );--tf-toast-motion-offset: 10px;--tf-toast-animation-in-duration: .26s;--tf-toast-animation-out-duration: .22s}.tf-toast--paused .tf-toast-progress-bar{animation-play-state:paused}.tf-toast-item[data-position^=top-]{--tf-toast-motion-offset: -10px}.tf-toast-item[data-position^=bottom-]{--tf-toast-motion-offset: 10px}.tf-toast-motion{width:100%;transform-origin:center}.Toastflow__animation-move{transition:transform var(--tf-toast-animation-in-duration) cubic-bezier(.5,1,.25,1);will-change:transform}.Toastflow__animation-enter-from>.tf-toast-motion,.Toastflow__animation-appear-from>.tf-toast-motion{opacity:0;transform:translate3d(0,var(--tf-toast-motion-offset),0) scale(.96)}.Toastflow__animation-enter-active>.tf-toast-motion,.Toastflow__animation-appear-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-in-duration) cubic-bezier(.5,1,.25,1),transform var(--tf-toast-animation-in-duration) cubic-bezier(.5,1,.25,1)}.Toastflow__animation-enter-to>.tf-toast-motion,.Toastflow__animation-appear-to>.tf-toast-motion{opacity:1;transform:translateZ(0) scale(1)}.Toastflow__animation-leave-from>.tf-toast-motion{opacity:1;transform:translateZ(0) scale(1)}.Toastflow__animation-leave-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-out-duration) ease,transform var(--tf-toast-animation-out-duration) ease}.Toastflow__animation-leave-to>.tf-toast-motion{opacity:0;transform:translate3d(0,var(--tf-toast-motion-offset),0) scale(.96)}.Toastflow__animation-clearAll .tf-toast-motion{animation:Toastflow__clearAll-kf var(--tf-toast-animation-in-duration) cubic-bezier(.22,1,.36,1) both}.Toastflow__animation-bump{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) ease-out}.Toastflow__animation-update{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) cubic-bezier(.33,1,.68,1)}@keyframes Toastflow__clearAll-kf{0%{opacity:1}to{opacity:0}}@keyframes Toastflow__bump-kf{0%{transform:scale(1)}40%{transform:scale(1.01)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.Toastflow__animation-move,.Toastflow__animation-enter-active .tf-toast-motion,.Toastflow__animation-leave-active .tf-toast-motion{transition:none}.Toastflow__animation-clearAll .tf-toast-motion{animation:none}}.tf-toast-progress[data-v-23c7e7fe]{height:var(--tf-toast-progress-height);width:100%;border-radius:0 0 var(--tf-toast-progress-border-radius) var(--tf-toast-progress-border-radius);background:var(--tf-toast-progress-bg)}.tf-toast-progress-bar[data-v-23c7e7fe]{height:100%;width:100%;background:var(--tf-toast-progress-bar-bg);transform-origin:left;animation-name:tf-toast-progress-rtl-23c7e7fe;animation-duration:var(--tf-toast-progress-duration, 5s);animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}.tf-toast-progress[data-align=left-to-right] .tf-toast-progress-bar[data-v-23c7e7fe]{transform-origin:right;animation-name:tf-toast-progress-ltr-23c7e7fe}@keyframes tf-toast-progress-rtl-23c7e7fe{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes tf-toast-progress-ltr-23c7e7fe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tf-toast-wrapper[data-v-012b51f7]{pointer-events:auto;width:100%}.tf-toast[data-v-012b51f7]{cursor:pointer;position:relative;width:100%;--tf-toast-button-color: var(--tf-toast-color);--tf-toast-button-border-color: var(--tf-toast-border-color);--tf-toast-button-border-width: var(--tf-toast-border-width);--tf-toast-button-bg: var(--tf-toast-bg);--tf-toast-close-color: var(--tf-toast-color);--tf-toast-close-border-color: var(--tf-toast-border-color);--tf-toast-close-bg: var(--tf-toast-bg);--tf-toast-close-ring-color: var(--tf-toast-close-border-color);--tf-toast-created-at-color: var(--tf-toast-description-color);--tf-toast-created-at-border-color: var(--tf-toast-border-color);--tf-toast-created-at-bg: var(--tf-toast-bg)}.tf-toast--swipe-enabled[data-v-012b51f7]{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.tf-toast--swipe-enabled[data-v-012b51f7]:active{cursor:grabbing}.tf-toast[data-align=right] .tf-toast-main-content[data-v-012b51f7]{flex-direction:row-reverse}.tf-toast[data-align=right] .tf-toast-text[data-v-012b51f7]{text-align:right}.tf-toast-accent--default[data-v-012b51f7]{--tf-toast-color: var(--tf-toast-normal-color-default);--tf-toast-bg: var(--tf-toast-normal-bg-default);--tf-toast-border-color: var(--tf-toast-normal-border-default);--tf-toast-title-color: var(--tf-toast-normal-title-color-default);--tf-toast-description-color: var( --tf-toast-normal-description-color-default );--tf-toast-progress-bg: var(--tf-toast-normal-progress-bg-default);--tf-toast-progress-bar-bg: var(--tf-toast-normal-progress-bar-bg-default)}.tf-toast-accent--loading[data-v-012b51f7]{--tf-toast-color: var(--tf-toast-loading-color-default);--tf-toast-bg: var(--tf-toast-loading-bg-default);--tf-toast-border-color: var(--tf-toast-loading-border-default);--tf-toast-title-color: var(--tf-toast-loading-title-color-default);--tf-toast-description-color: var( --tf-toast-loading-description-color-default );--tf-toast-progress-bg: var(--tf-toast-loading-progress-bg-default);--tf-toast-progress-bar-bg: var(--tf-toast-loading-progress-bar-bg-default)}.tf-toast-accent--success[data-v-012b51f7]{--tf-toast-color: var(--tf-toast-success-color-default);--tf-toast-bg: var(--tf-toast-success-bg-default);--tf-toast-border-color: var(--tf-toast-success-border-default);--tf-toast-title-color: var(--tf-toast-success-title-color-default);--tf-toast-description-color: var( --tf-toast-success-description-color-default );--tf-toast-progress-bg: var(--tf-toast-success-progress-bg-default);--tf-toast-progress-bar-bg: var(--tf-toast-success-progress-bar-bg-default)}.tf-toast-accent--error[data-v-012b51f7]{--tf-toast-color: var(--tf-toast-error-color-default);--tf-toast-bg: var(--tf-toast-error-bg-default);--tf-toast-border-color: var(--tf-toast-error-border-default);--tf-toast-title-color: var(--tf-toast-error-title-color-default);--tf-toast-description-color: var(--tf-toast-error-description-color-default);--tf-toast-progress-bg: var(--tf-toast-error-progress-bg-default);--tf-toast-progress-bar-bg: var(--tf-toast-error-progress-bar-bg-default)}.tf-toast-accent--warning[data-v-012b51f7]{--tf-toast-color: var(--tf-toast-warning-color-default);--tf-toast-bg: var(--tf-toast-warning-bg-default);--tf-toast-border-color: var(--tf-toast-warning-border-default);--tf-toast-title-color: var(--tf-toast-warning-title-color-default);--tf-toast-description-color: var( --tf-toast-warning-description-color-default );--tf-toast-progress-bg: var(--tf-toast-warning-progress-bg-default);--tf-toast-progress-bar-bg: var(--tf-toast-warning-progress-bar-bg-default)}.tf-toast-accent--info[data-v-012b51f7]{--tf-toast-color: var(--tf-toast-info-color-default);--tf-toast-bg: var(--tf-toast-info-bg-default);--tf-toast-border-color: var(--tf-toast-info-border-default);--tf-toast-title-color: var(--tf-toast-info-title-color-default);--tf-toast-description-color: var(--tf-toast-info-description-color-default);--tf-toast-progress-bg: var(--tf-toast-info-progress-bg-default);--tf-toast-progress-bar-bg: var(--tf-toast-info-progress-bar-bg-default)}.tf-toast-accent--custom[data-v-012b51f7]{--tf-toast-color: var( --tf-toast-custom-color-default, var(--tf-toast-normal-color-default) );--tf-toast-bg: var( --tf-toast-custom-bg-default, var(--tf-toast-normal-bg-default) );--tf-toast-border-color: var( --tf-toast-custom-border-default, var(--tf-toast-normal-border-default) );--tf-toast-title-color: var( --tf-toast-custom-title-color-default, var(--tf-toast-normal-title-color-default) );--tf-toast-description-color: var( --tf-toast-custom-description-color-default, var(--tf-toast-normal-description-color-default) );--tf-toast-progress-bg: var( --tf-toast-custom-progress-bg-default, var(--tf-toast-normal-progress-bg-default) );--tf-toast-progress-bar-bg: var( --tf-toast-custom-progress-bar-bg-default, var(--tf-toast-normal-progress-bar-bg-default) )}.tf-toast-surface[data-v-012b51f7]{position:relative;display:block;min-width:0;padding:var(--tf-toast-padding);border-radius:var(--tf-toast-border-radius);background-color:var(--tf-toast-bg);color:var(--tf-toast-color);border:var(--tf-toast-border-width) solid var(--tf-toast-border-color);font-family:var(--tf-toast-font-family),sans-serif;overflow:hidden}.tf-toast-main[data-v-012b51f7]{display:flex;align-items:stretch;gap:var(--tf-toast-buttons-content-gap);width:100%}.tf-toast-main--full>.tf-toast-main-content[data-v-012b51f7]{width:100%;min-width:0;flex:1 1 100%}.tf-toast-main--content-end>.tf-toast-main-content[data-v-012b51f7]{margin-left:auto;max-width:100%;flex:0 1 auto}.tf-toast-main--content-end>.tf-toast-main-content>.tf-toast-body[data-v-012b51f7]{flex:0 1 auto;min-width:0}.tf-toast-main-content[data-v-012b51f7]{display:flex;align-items:center;gap:var(--tf-toast-gap);min-width:0;flex:1 1 auto}.tf-toast-meta[data-v-012b51f7]{display:flex;flex-direction:column;gap:calc(var(--tf-toast-gap) / 2);min-width:0;flex-shrink:0}.tf-toast-meta--left[data-v-012b51f7]{align-items:flex-start}.tf-toast-meta--right[data-v-012b51f7]{align-items:flex-end}.tf-toast-meta-row[data-v-012b51f7]{display:flex;min-width:0}.tf-toast-meta-row--top[data-v-012b51f7]{margin-bottom:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row--bottom[data-v-012b51f7]{margin-top:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row[data-v-012b51f7] .tf-toast-actions--start{margin-right:auto}.tf-toast-meta-row[data-v-012b51f7] .tf-toast-actions--end{margin-left:auto}[data-v-012b51f7] .tf-toast-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--tf-toast-buttons-gap)}[data-v-012b51f7] .tf-toast-buttons--center{margin-top:auto;margin-bottom:auto}[data-v-012b51f7] .tf-toast-buttons--bottom{margin-top:auto}[data-v-012b51f7] .tf-toast-actions--start{justify-content:flex-start}[data-v-012b51f7] .tf-toast-actions--end{justify-content:flex-end}[data-v-012b51f7] .tf-toast-button{appearance:none;border:var(--tf-toast-button-border-width) solid var(--tf-toast-button-border-color);background:var(--tf-toast-button-bg);color:var(--tf-toast-button-color);border-radius:var(--tf-toast-button-border-radius);font-size:var(--tf-toast-button-font-size);line-height:var(--tf-toast-button-line-height);padding:var(--tf-toast-button-padding-y) var(--tf-toast-button-padding-x);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.tf-toast-icon-spin[data-v-012b51f7]{display:inline-block;animation:tf-toast-spin-012b51f7 .8s linear infinite;transform-origin:center}@keyframes tf-toast-spin-012b51f7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-toast-icon-svg[data-v-012b51f7]{width:var(--tf-toast-icon-size);height:var(--tf-toast-icon-size)}.tf-toast-icon--loading .tf-toast-icon-svg[data-v-012b51f7]{color:var(--tf-toast-icon-color-override, var(--tf-toast-icon-loading))}.tf-toast-icon--default .tf-toast-icon-svg[data-v-012b51f7]{color:var(--tf-toast-icon-color-override, var(--tf-toast-icon-default))}.tf-toast-icon--success .tf-toast-icon-svg[data-v-012b51f7]{color:var(--tf-toast-icon-color-override, var(--tf-toast-icon-success))}.tf-toast-icon--error .tf-toast-icon-svg[data-v-012b51f7]{color:var(--tf-toast-icon-color-override, var(--tf-toast-icon-error))}.tf-toast-icon--warning .tf-toast-icon-svg[data-v-012b51f7]{color:var(--tf-toast-icon-color-override, var(--tf-toast-icon-warning))}.tf-toast-icon--info .tf-toast-icon-svg[data-v-012b51f7]{color:var(--tf-toast-icon-color-override, var(--tf-toast-icon-info))}.tf-toast-icon--custom .tf-toast-icon-svg[data-v-012b51f7]{color:var( --tf-toast-icon-color-override, var(--tf-toast-icon-custom, var(--tf-toast-icon-default)) )}.tf-toast-body[data-v-012b51f7]{position:relative;z-index:1;min-width:0;flex:1 1 auto;display:flex;flex-direction:column}.tf-toast-body--has-created-at[data-v-012b51f7]{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:calc(var(--tf-toast-gap) / 2);grid-auto-flow:row}.tf-toast-body--has-created-at[data-v-012b51f7]>:not(.tf-toast-created-at){grid-column:1}.tf-toast-text[data-v-012b51f7]{min-width:0}.tf-toast-created-at[data-v-012b51f7]{color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);font-style:italic;white-space:nowrap;align-self:end;justify-self:end;grid-column:2;grid-row:1}.tf-toast[data-align=right] .tf-toast-created-at[data-v-012b51f7]{text-align:right;width:100%;display:flex;justify-content:flex-end}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-012b51f7]{grid-template-columns:auto minmax(0,1fr)}.tf-toast[data-align=right] .tf-toast-body--has-created-at>.tf-toast-created-at[data-v-012b51f7]{grid-column:1;justify-self:start}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-012b51f7]>:not(.tf-toast-created-at){grid-column:2}.tf-toast-floating-bar[data-v-012b51f7]{position:absolute;top:0;right:0;transform:translate(calc(var(--tf-toast-close-size) * var(--tf-toast-float-x)),calc(var(--tf-toast-close-size) * var(--tf-toast-float-y)));display:inline-flex;align-items:center;gap:var(--tf-toast-created-at-offset);height:var(--tf-toast-close-size);pointer-events:auto;z-index:2}.tf-toast-created-at-float[data-v-012b51f7]{display:inline-flex;align-items:center;height:var(--tf-toast-close-size);padding:0 var(--tf-toast-created-at-padding-x);border-radius:var(--tf-toast-created-at-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-created-at-border-color);background:var(--tf-toast-created-at-bg);color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);font-style:italic;white-space:nowrap;pointer-events:none}.tf-toast-title[data-v-012b51f7]{margin:0;font-size:var(--tf-toast-title-font-size);font-weight:var(--tf-toast-title-font-weight);line-height:var(--tf-toast-title-line-height);color:var(--tf-toast-title-color);word-wrap:break-word}.tf-toast-description[data-v-012b51f7]{margin:0;font-size:var(--tf-toast-description-font-size);line-height:var(--tf-toast-description-line-height);color:var(--tf-toast-description-color);word-wrap:break-word}.tf-toast-close[data-v-012b51f7]{position:relative;height:var(--tf-toast-close-size);width:var(--tf-toast-close-size);border-radius:var(--tf-toast-close-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-close-border-color);background:var(--tf-toast-close-bg);color:var(--tf-toast-close-color);font-size:var(--tf-toast-close-font-size);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;pointer-events:auto;z-index:2}.tf-toast-close-icon[data-v-012b51f7]{width:var(--tf-toast-close-icon-size);height:var(--tf-toast-close-icon-size)}.tf-toast-close[data-v-012b51f7]:focus-visible{outline:2px solid var(--tf-toast-close-ring-color);outline-offset:2px}.tf-toast-progress-wrapper[data-v-012b51f7]{position:absolute;left:0;right:0;bottom:0;margin:0}.tf-toast-root[data-v-c03eb678]{pointer-events:none;position:fixed;inset:0}.tf-toast-stack[data-v-c03eb678]{position:absolute;height:100%;display:flex;align-items:flex-start}.tf-toast-stack-inner[data-v-c03eb678]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box}.tf-toast-stack-inner--scroll[data-v-c03eb678]{max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-top:var(--tf-toast-stack-padding-top);padding-right:var(--tf-toast-stack-padding-right);padding-bottom:var(--tf-toast-stack-padding-bottom);padding-left:var(--tf-toast-stack-padding-left);scroll-padding:var(--tf-toast-stack-padding-top) var(--tf-toast-stack-padding-right) var(--tf-toast-stack-padding-bottom) var(--tf-toast-stack-padding-left)}.tf-toast-stack-inner--bottom[data-v-c03eb678]{min-height:100%;justify-content:flex-end}.tf-toast-stack--left[data-v-c03eb678]{justify-content:flex-start}.tf-toast-stack--center[data-v-c03eb678]{justify-content:center}.tf-toast-stack--right[data-v-c03eb678]{justify-content:flex-end}.tf-toast-item[data-v-c03eb678]{pointer-events:auto;width:100%;position:relative;z-index:1}')),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { createToastStore as Ne, isNumberFinite as Dt, defaultCreatedAtFormatter as ee, VALID_TOAST_TYPES as ze } from "toastflow-core";
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`:root{--tf-toast-font-family:inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-toast-border-radius:12px;--tf-toast-border-width:1px;--tf-toast-padding:16px;--tf-toast-gap:10px;--tf-toast-buttons-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-buttons-content-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-stack-padding-top:8px;--tf-toast-stack-padding-right:8px;--tf-toast-stack-padding-bottom:18px;--tf-toast-stack-padding-left:0;--tf-toast-title-font-size:14px;--tf-toast-title-font-weight:600;--tf-toast-title-line-height:1.25;--tf-toast-description-font-size:13px;--tf-toast-description-line-height:1.4;--tf-toast-float-x:.4;--tf-toast-float-y:-.4;--tf-toast-created-at-font-size:11px;--tf-toast-created-at-offset:0;--tf-toast-created-at-padding-x:8px;--tf-toast-created-at-border-radius:999px;--tf-toast-close-size:18px;--tf-toast-close-icon-size:12px;--tf-toast-close-border-width:var(--tf-toast-border-width);--tf-toast-close-border-radius:var(--tf-toast-border-radius);--tf-toast-close-font-size:11px;--tf-toast-button-font-size:12px;--tf-toast-button-line-height:1;--tf-toast-button-padding-y:7px;--tf-toast-button-padding-x:9px;--tf-toast-button-border-radius:10px;--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-icon-size:24px;--tf-toast-icon-loading:var(--tf-toast-loading-text-default);--tf-toast-icon-default:var(--tf-toast-normal-text-default);--tf-toast-icon-success:var(--tf-toast-success-text-default);--tf-toast-icon-error:var(--tf-toast-error-text-default);--tf-toast-icon-warning:var(--tf-toast-warning-text-default);--tf-toast-icon-info:var(--tf-toast-info-text-default);--tf-toast-icon-custom:var(--tf-toast-normal-text-default);--tf-toast-progress-height:4px;--tf-toast-progress-border-radius:var(--tf-toast-border-radius);--tf-toast-progress-duration:5s;--tf-toast-normal-bg-default:#fff;--tf-toast-normal-border-default:#e6e8eb;--tf-toast-normal-text-default:#11181c;--tf-toast-normal-progress-bar-bg-default:var(--tf-toast-normal-text-default);--tf-toast-normal-progress-bg-default:color-mix(in srgb, var(--tf-toast-normal-text-default) 20%, transparent);--tf-toast-normal-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-title-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-description-color-default:var(--tf-toast-normal-text-default);--tf-toast-loading-bg-default:#fffbeb;--tf-toast-loading-border-default:#fff1c2;--tf-toast-loading-text-default:#a36d00;--tf-toast-loading-progress-bar-bg-default:var(--tf-toast-loading-text-default);--tf-toast-loading-progress-bg-default:color-mix(in srgb, var(--tf-toast-loading-text-default) 20%, transparent);--tf-toast-loading-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-title-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-description-color-default:var(--tf-toast-loading-text-default);--tf-toast-success-bg-default:#ecfdf3;--tf-toast-success-border-default:#bffcd9;--tf-toast-success-text-default:#008a2e;--tf-toast-success-progress-bar-bg-default:var(--tf-toast-success-text-default);--tf-toast-success-progress-bg-default:color-mix(in srgb, var(--tf-toast-success-text-default) 20%, transparent);--tf-toast-success-color-default:var(--tf-toast-success-text-default);--tf-toast-success-title-color-default:var(--tf-toast-success-text-default);--tf-toast-success-description-color-default:var(--tf-toast-success-text-default);--tf-toast-info-bg-default:#f0f8ff;--tf-toast-info-border-default:#dde7fd;--tf-toast-info-text-default:#0973dc;--tf-toast-info-progress-bar-bg-default:var(--tf-toast-info-text-default);--tf-toast-info-progress-bg-default:color-mix(in srgb, var(--tf-toast-info-text-default) 20%, transparent);--tf-toast-info-color-default:var(--tf-toast-info-text-default);--tf-toast-info-title-color-default:var(--tf-toast-info-text-default);--tf-toast-info-description-color-default:var(--tf-toast-info-text-default);--tf-toast-warning-bg-default:#fffcf0;--tf-toast-warning-border-default:#fbeeb1;--tf-toast-warning-text-default:#dc7609;--tf-toast-warning-progress-bar-bg-default:var(--tf-toast-warning-text-default);--tf-toast-warning-progress-bg-default:color-mix(in srgb, var(--tf-toast-warning-text-default) 20%, transparent);--tf-toast-warning-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-title-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-description-color-default:var(--tf-toast-warning-text-default);--tf-toast-error-bg-default:#fff0f0;--tf-toast-error-border-default:#ffe0e1;--tf-toast-error-text-default:#e60000;--tf-toast-error-progress-bar-bg-default:var(--tf-toast-error-text-default);--tf-toast-error-progress-bg-default:color-mix(in srgb, var(--tf-toast-error-text-default) 20%, transparent);--tf-toast-error-color-default:var(--tf-toast-error-text-default);--tf-toast-error-title-color-default:var(--tf-toast-error-text-default);--tf-toast-error-description-color-default:var(--tf-toast-error-text-default);--tf-toast-motion-offset:10px;--tf-toast-animation-in-duration:.26s;--tf-toast-animation-out-duration:.22s}.tf-toast--paused .tf-toast-progress-bar{animation-play-state:paused}.tf-toast-item[data-position^=top-]{--tf-toast-motion-offset:-10px}.tf-toast-item[data-position^=bottom-]{--tf-toast-motion-offset:10px}.tf-toast-motion{transform-origin:50%;width:100%}.Toastflow__animation-move{transition:transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1);will-change:transform}.Toastflow__animation-enter-from>.tf-toast-motion,.Toastflow__animation-appear-from>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-enter-active>.tf-toast-motion,.Toastflow__animation-appear-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1), transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1)}.Toastflow__animation-enter-to>.tf-toast-motion,.Toastflow__animation-appear-to>.tf-toast-motion,.Toastflow__animation-leave-from>.tf-toast-motion{opacity:1;transform:translate(0,0)scale(1)}.Toastflow__animation-leave-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-out-duration) ease, transform var(--tf-toast-animation-out-duration) ease}.Toastflow__animation-leave-to>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-clearAll .tf-toast-motion{animation:Toastflow__clearAll-kf var(--tf-toast-animation-in-duration) cubic-bezier(.22, 1, .36, 1) both}.Toastflow__animation-bump{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) ease-out}.Toastflow__animation-update{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) cubic-bezier(.33, 1, .68, 1)}@keyframes Toastflow__clearAll-kf{0%{opacity:1}to{opacity:0}}@keyframes Toastflow__bump-kf{0%{transform:scale(1)}40%{transform:scale(1.01)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.Toastflow__animation-move,.Toastflow__animation-enter-active .tf-toast-motion,.Toastflow__animation-leave-active .tf-toast-motion{transition:none}.Toastflow__animation-clearAll .tf-toast-motion{animation:none}}.tf-toast-progress[data-v-ab9c4177]{height:var(--tf-toast-progress-height);border-radius:0 0 var(--tf-toast-progress-border-radius) var(--tf-toast-progress-border-radius);background:var(--_tf-resolved-progress-bg);width:100%}.tf-toast-progress-bar[data-v-ab9c4177]{background:var(--_tf-resolved-progress-bar-bg);transform-origin:0;width:100%;height:100%;animation-name:tf-toast-progress-rtl-ab9c4177;animation-duration:var(--tf-toast-progress-duration,5s);will-change:transform;animation-timing-function:linear;animation-fill-mode:forwards}.tf-toast-progress[data-align=left-to-right] .tf-toast-progress-bar[data-v-ab9c4177]{transform-origin:100%;animation-name:tf-toast-progress-ltr-ab9c4177}@keyframes tf-toast-progress-rtl-ab9c4177{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes tf-toast-progress-ltr-ab9c4177{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tf-toast-wrapper[data-v-b9d1f13b]{pointer-events:auto;width:100%}.tf-toast[data-v-b9d1f13b]{cursor:pointer;--_tf-resolved-bg:var(--tf-toast-bg,var(--_tf-bg,var(--tf-toast-normal-bg-default)));--_tf-resolved-color:var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-color,var(--tf-toast-normal-text-default))));--_tf-resolved-border:var(--tf-toast-border-color,var(--_tf-border-color,var(--tf-toast-normal-border-default)));--_tf-resolved-title-color:var(--tf-toast-title-color,var(--tf-toast-accent-color,var(--_tf-title-color,var(--_tf-resolved-color))));--_tf-resolved-desc-color:var(--tf-toast-description-color,var(--tf-toast-accent-color,var(--_tf-desc-color,var(--_tf-resolved-color))));--_tf-resolved-progress-bg:var(--tf-toast-progress-bg,var(--_tf-progress-bg,color-mix(in srgb, var(--_tf-resolved-color) 20%, transparent)));--_tf-resolved-progress-bar-bg:var(--tf-toast-progress-bar-bg,var(--tf-toast-accent-color,var(--_tf-progress-bar-bg,var(--_tf-resolved-color))));--tf-toast-button-color:var(--_tf-resolved-color);--tf-toast-button-border-color:var(--_tf-resolved-border);--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-button-bg:var(--_tf-resolved-bg);--tf-toast-close-color:var(--_tf-resolved-color);--tf-toast-close-border-color:var(--_tf-resolved-border);--tf-toast-close-bg:var(--_tf-resolved-bg);--tf-toast-close-ring-color:var(--tf-toast-close-border-color);--tf-toast-created-at-color:var(--_tf-resolved-desc-color);--tf-toast-created-at-border-color:var(--_tf-resolved-border);--tf-toast-created-at-bg:var(--_tf-resolved-bg);width:100%;position:relative}.tf-toast--swipe-enabled[data-v-b9d1f13b]{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.tf-toast--swipe-enabled[data-v-b9d1f13b]:active{cursor:grabbing}.tf-toast[data-align=right] .tf-toast-main-content[data-v-b9d1f13b]{flex-direction:row-reverse}.tf-toast[data-align=right] .tf-toast-text[data-v-b9d1f13b]{text-align:right}.tf-toast-accent--default[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-normal-bg-default);--_tf-color:var(--tf-toast-normal-color-default);--_tf-border-color:var(--tf-toast-normal-border-default);--_tf-title-color:var(--tf-toast-normal-title-color-default);--_tf-desc-color:var(--tf-toast-normal-description-color-default);--_tf-progress-bg:var(--tf-toast-normal-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-normal-progress-bar-bg-default)}.tf-toast-accent--loading[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-loading-bg-default);--_tf-color:var(--tf-toast-loading-color-default);--_tf-border-color:var(--tf-toast-loading-border-default);--_tf-title-color:var(--tf-toast-loading-title-color-default);--_tf-desc-color:var(--tf-toast-loading-description-color-default);--_tf-progress-bg:var(--tf-toast-loading-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-loading-progress-bar-bg-default)}.tf-toast-accent--success[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-success-bg-default);--_tf-color:var(--tf-toast-success-color-default);--_tf-border-color:var(--tf-toast-success-border-default);--_tf-title-color:var(--tf-toast-success-title-color-default);--_tf-desc-color:var(--tf-toast-success-description-color-default);--_tf-progress-bg:var(--tf-toast-success-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-success-progress-bar-bg-default)}.tf-toast-accent--error[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-error-bg-default);--_tf-color:var(--tf-toast-error-color-default);--_tf-border-color:var(--tf-toast-error-border-default);--_tf-title-color:var(--tf-toast-error-title-color-default);--_tf-desc-color:var(--tf-toast-error-description-color-default);--_tf-progress-bg:var(--tf-toast-error-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-error-progress-bar-bg-default)}.tf-toast-accent--warning[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-warning-bg-default);--_tf-color:var(--tf-toast-warning-color-default);--_tf-border-color:var(--tf-toast-warning-border-default);--_tf-title-color:var(--tf-toast-warning-title-color-default);--_tf-desc-color:var(--tf-toast-warning-description-color-default);--_tf-progress-bg:var(--tf-toast-warning-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-warning-progress-bar-bg-default)}.tf-toast-accent--info[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-info-bg-default);--_tf-color:var(--tf-toast-info-color-default);--_tf-border-color:var(--tf-toast-info-border-default);--_tf-title-color:var(--tf-toast-info-title-color-default);--_tf-desc-color:var(--tf-toast-info-description-color-default);--_tf-progress-bg:var(--tf-toast-info-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-info-progress-bar-bg-default)}.tf-toast-accent--custom[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-custom-bg-default,var(--tf-toast-normal-bg-default));--_tf-color:var(--tf-toast-custom-color-default,var(--tf-toast-normal-color-default));--_tf-border-color:var(--tf-toast-custom-border-default,var(--tf-toast-normal-border-default));--_tf-title-color:var(--tf-toast-custom-title-color-default,var(--tf-toast-normal-title-color-default));--_tf-desc-color:var(--tf-toast-custom-description-color-default,var(--tf-toast-normal-description-color-default));--_tf-progress-bg:var(--tf-toast-custom-progress-bg-default,var(--tf-toast-normal-progress-bg-default));--_tf-progress-bar-bg:var(--tf-toast-custom-progress-bar-bg-default,var(--tf-toast-normal-progress-bar-bg-default))}.tf-toast-surface[data-v-b9d1f13b]{min-width:0;padding:var(--tf-toast-padding);border-radius:var(--tf-toast-border-radius);background-color:var(--_tf-resolved-bg);color:var(--_tf-resolved-color);border:var(--tf-toast-border-width) solid var(--_tf-resolved-border);font-family:var(--tf-toast-font-family), sans-serif;display:block;position:relative;overflow:hidden}.tf-toast-main[data-v-b9d1f13b]{align-items:stretch;gap:var(--tf-toast-buttons-content-gap);width:100%;display:flex}.tf-toast-main--full>.tf-toast-main-content[data-v-b9d1f13b]{flex:100%;width:100%;min-width:0}.tf-toast-main--content-end>.tf-toast-main-content[data-v-b9d1f13b]{flex:0 auto;max-width:100%;margin-left:auto}.tf-toast-main--content-end>.tf-toast-main-content>.tf-toast-body[data-v-b9d1f13b]{flex:0 auto;min-width:0}.tf-toast-main-content[data-v-b9d1f13b]{align-items:center;gap:var(--tf-toast-gap);flex:auto;min-width:0;display:flex}.tf-toast-meta[data-v-b9d1f13b]{gap:calc(var(--tf-toast-gap) / 2);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.tf-toast-meta--left[data-v-b9d1f13b]{align-items:flex-start}.tf-toast-meta--right[data-v-b9d1f13b]{align-items:flex-end}.tf-toast-meta-row[data-v-b9d1f13b]{min-width:0;display:flex}.tf-toast-meta-row--top[data-v-b9d1f13b]{margin-bottom:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row--bottom[data-v-b9d1f13b]{margin-top:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row[data-v-b9d1f13b] .tf-toast-actions--start{margin-right:auto}.tf-toast-meta-row[data-v-b9d1f13b] .tf-toast-actions--end{margin-left:auto}[data-v-b9d1f13b] .tf-toast-actions{gap:var(--tf-toast-buttons-gap);flex-flow:wrap;display:flex}[data-v-b9d1f13b] .tf-toast-buttons--center{margin-top:auto;margin-bottom:auto}[data-v-b9d1f13b] .tf-toast-buttons--bottom{margin-top:auto}[data-v-b9d1f13b] .tf-toast-actions--start{justify-content:flex-start}[data-v-b9d1f13b] .tf-toast-actions--end{justify-content:flex-end}[data-v-b9d1f13b] .tf-toast-button{appearance:none;border:var(--tf-toast-button-border-width) solid var(--tf-toast-button-border-color);background:var(--tf-toast-button-bg);color:var(--tf-toast-button-color);border-radius:var(--tf-toast-button-border-radius);font-size:var(--tf-toast-button-font-size);line-height:var(--tf-toast-button-line-height);padding:var(--tf-toast-button-padding-y) var(--tf-toast-button-padding-x);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.tf-toast-icon-spin[data-v-b9d1f13b]{transform-origin:50%;animation:.8s linear infinite tf-toast-spin-b9d1f13b;display:inline-block}@keyframes tf-toast-spin-b9d1f13b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-toast-icon-svg[data-v-b9d1f13b]{width:var(--tf-toast-icon-size);height:var(--tf-toast-icon-size)}.tf-toast-icon--loading .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-loading))}.tf-toast-icon--default .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-default))}.tf-toast-icon--success .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-success))}.tf-toast-icon--error .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-error))}.tf-toast-icon--warning .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-warning))}.tf-toast-icon--info .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-info))}.tf-toast-icon--custom .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-custom,var(--tf-toast-icon-default)))}.tf-toast-body[data-v-b9d1f13b]{z-index:1;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.tf-toast-body--has-created-at[data-v-b9d1f13b]{column-gap:calc(var(--tf-toast-gap) / 2);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row;display:grid}.tf-toast-body--has-created-at[data-v-b9d1f13b]>:not(.tf-toast-created-at){grid-column:1}.tf-toast-text[data-v-b9d1f13b]{min-width:0}.tf-toast-created-at[data-v-b9d1f13b]{color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;grid-area:1/2;place-self:end;font-style:italic}.tf-toast[data-align=right] .tf-toast-created-at[data-v-b9d1f13b]{text-align:right;justify-content:flex-end;width:100%;display:flex}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-b9d1f13b]{grid-template-columns:auto minmax(0,1fr)}.tf-toast[data-align=right] .tf-toast-body--has-created-at>.tf-toast-created-at[data-v-b9d1f13b]{grid-column:1;justify-self:start}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-b9d1f13b]>:not(.tf-toast-created-at){grid-column:2}.tf-toast-floating-bar[data-v-b9d1f13b]{transform:translate(calc(var(--tf-toast-close-size) * var(--tf-toast-float-x)), calc(var(--tf-toast-close-size) * var(--tf-toast-float-y)));align-items:center;gap:var(--tf-toast-created-at-offset);height:var(--tf-toast-close-size);pointer-events:auto;z-index:2;display:inline-flex;position:absolute;top:0;right:0}.tf-toast-created-at-float[data-v-b9d1f13b]{height:var(--tf-toast-close-size);padding:0 var(--tf-toast-created-at-padding-x);border-radius:var(--tf-toast-created-at-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-created-at-border-color);background:var(--tf-toast-created-at-bg);color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;pointer-events:none;align-items:center;font-style:italic;display:inline-flex}.tf-toast-title[data-v-b9d1f13b]{font-size:var(--tf-toast-title-font-size);font-weight:var(--tf-toast-title-font-weight);line-height:var(--tf-toast-title-line-height);color:var(--_tf-resolved-title-color);word-wrap:break-word;margin:0}.tf-toast-description[data-v-b9d1f13b]{font-size:var(--tf-toast-description-font-size);line-height:var(--tf-toast-description-line-height);color:var(--_tf-resolved-desc-color);word-wrap:break-word;margin:0}.tf-toast-close[data-v-b9d1f13b]{height:var(--tf-toast-close-size);width:var(--tf-toast-close-size);border-radius:var(--tf-toast-close-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-close-border-color);background:var(--tf-toast-close-bg);color:var(--tf-toast-close-color);font-size:var(--tf-toast-close-font-size);cursor:pointer;pointer-events:auto;z-index:2;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tf-toast-close-icon[data-v-b9d1f13b]{width:var(--tf-toast-close-icon-size);height:var(--tf-toast-close-icon-size)}.tf-toast-close[data-v-b9d1f13b]:focus-visible{outline:2px solid var(--tf-toast-close-ring-color);outline-offset:2px}.tf-toast-progress-wrapper[data-v-b9d1f13b]{margin:0;position:absolute;bottom:0;left:0;right:0}.tf-toast-root[data-v-c03eb678]{pointer-events:none;position:fixed;inset:0}.tf-toast-stack[data-v-c03eb678]{align-items:flex-start;height:100%;display:flex;position:absolute}.tf-toast-stack-inner[data-v-c03eb678]{box-sizing:border-box;flex-direction:column;width:100%;display:flex;position:relative}.tf-toast-stack-inner--scroll[data-v-c03eb678]{overscroll-behavior:contain;max-height:100%;padding-top:var(--tf-toast-stack-padding-top);padding-right:var(--tf-toast-stack-padding-right);padding-bottom:var(--tf-toast-stack-padding-bottom);padding-left:var(--tf-toast-stack-padding-left);scroll-padding:var(--tf-toast-stack-padding-top) var(--tf-toast-stack-padding-right) var(--tf-toast-stack-padding-bottom) var(--tf-toast-stack-padding-left);overflow:hidden auto}.tf-toast-stack-inner--bottom[data-v-c03eb678]{justify-content:flex-end;min-height:100%}.tf-toast-stack--left[data-v-c03eb678]{justify-content:flex-start}.tf-toast-stack--center[data-v-c03eb678]{justify-content:center}.tf-toast-stack--right[data-v-c03eb678]{justify-content:flex-end}.tf-toast-item[data-v-c03eb678]{pointer-events:auto;z-index:1;width:100%;position:relative}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import { VALID_TOAST_TYPES as e, createToastStore as t, defaultCreatedAtFormatter as n, isNumberFinite as r } from "toastflow-core";
+import { Fragment as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, inject as p, normalizeClass as m, normalizeStyle as h, onBeforeUpdate as g, onMounted as _, onUnmounted as ee, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, toRefs as w, unref as T, watch as E, withCtx as D, withModifiers as O } from "vue";
 export * from "toastflow-core";
-import { defineComponent as Ct, openBlock as d, createElementBlock as m, createElementVNode as P, normalizeClass as D, Fragment as Ht, renderList as Ot, withModifiers as it, toDisplayString as lt, createCommentVNode as I, toRefs as Fe, inject as re, computed as u, ref as C, watch as j, onUnmounted as ie, normalizeStyle as z, unref as o, createVNode as J, renderSlot as Z, createBlock as Kt, resolveDynamicComponent as Ve, onMounted as Ze, onBeforeUpdate as je, TransitionGroup as Xe, withCtx as Ye } from "vue";
-const Rt = /* @__PURE__ */ Symbol.for(
-  "vue-toastflow.toast-store"
-), le = "__vue_toastflow_store__";
-let ut = null;
-function Qe(a) {
-  ut = a;
-  try {
-    globalThis[le] = a;
-  } catch {
-  }
+//#region src/symbols.ts
+var k = Symbol.for("vue-toastflow.toast-store"), A = "__vue_toastflow_store__", j = null;
+function M(e) {
+	j = e;
+	try {
+		globalThis[A] = e;
+	} catch {}
 }
-function T() {
-  if (ut || (ut = globalThis[le] ?? null), !ut)
-    throw new Error(
-      "[vue-toastflow] Toast store not initialized. Did you install the plugin?"
-    );
-  return ut;
+function N() {
+	if (j ||= globalThis[A] ?? null, !j) throw Error("[vue-toastflow] Toast store not initialized. Did you install the plugin?");
+	return j;
 }
-function V(a) {
-  function c(B, b) {
-    if (typeof B == "string" || b !== void 0) {
-      const _ = a === void 0 ? b : { ...b ?? {}, type: a };
-      return T().show(B, _);
-    }
-    return a === void 0 ? T().show(B) : T().show({
-      ...B,
-      type: a
-    });
-  }
-  return c;
+function P(e) {
+	function t(t, n) {
+		if (typeof t == "string" || n !== void 0) {
+			let r = e === void 0 ? n : {
+				...n ?? {},
+				type: e
+			};
+			return N().show(t, r);
+		}
+		return e === void 0 ? N().show(t) : N().show({
+			...t,
+			type: e
+		});
+	}
+	return t;
 }
-const so = {
-  getState() {
-    return T().getState();
-  },
-  subscribe(a) {
-    return T().subscribe(a);
-  },
-  subscribeEvents(a) {
-    return T().subscribeEvents(a);
-  },
-  show: V(),
-  loading(a, c) {
-    return T().loading(a, c);
-  },
-  update(a, c) {
-    return T().update(a, c);
-  },
-  dismiss(a) {
-    return T().dismiss(a);
-  },
-  dismissAll() {
-    return T().dismissAll();
-  },
-  pause(a) {
-    return T().pause(a);
-  },
-  resume(a) {
-    return T().resume(a);
-  },
-  pauseQueue() {
-    return T().pauseQueue();
-  },
-  resumeQueue() {
-    return T().resumeQueue();
-  },
-  getConfig() {
-    return T().getConfig();
-  },
-  default: V("default"),
-  success: V("success"),
-  error: V("error"),
-  info: V("info"),
-  warning: V("warning"),
-  custom: V("custom")
+var F = {
+	getState() {
+		return N().getState();
+	},
+	subscribe(e) {
+		return N().subscribe(e);
+	},
+	subscribeEvents(e) {
+		return N().subscribeEvents(e);
+	},
+	show: P(),
+	loading(e, t) {
+		return N().loading(e, t);
+	},
+	update(e, t) {
+		return N().update(e, t);
+	},
+	dismiss(e) {
+		return N().dismiss(e);
+	},
+	dismissAll() {
+		return N().dismissAll();
+	},
+	pause(e) {
+		return N().pause(e);
+	},
+	resume(e) {
+		return N().resume(e);
+	},
+	pauseQueue() {
+		return N().pauseQueue();
+	},
+	resumeQueue() {
+		return N().resumeQueue();
+	},
+	getConfig() {
+		return N().getConfig();
+	},
+	default: P("default"),
+	success: P("success"),
+	error: P("error"),
+	info: P("info"),
+	warning: P("warning"),
+	custom: P("custom")
 };
-function ao(a = {}) {
-  const c = Ne(a);
-  return Qe(c), {
-    install(B) {
-      B.provide(Rt, c);
-    }
-  };
+//#endregion
+//#region src/plugin.ts
+function I(e = {}) {
+	let n = t(e);
+	return M(n), { install(e) {
+		e.provide(k, n);
+	} };
 }
-const Ge = ["data-align"], qe = /* @__PURE__ */ Ct({
-  __name: "ToastProgress",
-  props: {
-    type: {},
-    progressAlignment: { default: "right-to-left" }
-  },
-  setup(a) {
-    const c = a;
-    return (B, b) => (d(), m("div", {
-      class: "tf-toast-progress",
-      "data-align": c.progressAlignment
-    }, [
-      P("div", {
-        class: D(["tf-toast-progress-bar", `tf-toast-progress-bar--${c.type}`])
-      }, null, 2)
-    ], 8, Ge));
-  }
-}), E = (a, c) => {
-  const B = a.__vccOpts || a;
-  for (const [b, _] of c)
-    B[b] = _;
-  return B;
-}, Je = /* @__PURE__ */ E(qe, [["__scopeId", "data-v-23c7e7fe"]]), tn = ["aria-label", "onClick"], en = { key: 0 }, nn = ["innerHTML"], wt = /* @__PURE__ */ Ct({
-  __name: "ToastButtonsGroup",
-  props: {
-    buttons: {},
-    classes: {},
-    onButtonClick: { type: Function }
-  },
-  setup(a) {
-    const c = a;
-    function B(b, _) {
-      c.onButtonClick(b, _);
-    }
-    return (b, _) => (d(), m("div", {
-      class: D(a.classes)
-    }, [
-      (d(!0), m(Ht, null, Ot(a.buttons, (x, K) => (d(), m("button", {
-        key: x.id ?? K,
-        type: "button",
-        class: D(["tf-toast-button", x.className]),
-        "aria-label": x.ariaLabel || void 0,
-        onClick: it((R) => B(x, R), ["stop"]),
-        onPointerdown: _[0] || (_[0] = it(() => {
-        }, ["stop"])),
-        onPointerup: _[1] || (_[1] = it(() => {
-        }, ["stop"])),
-        onPointercancel: _[2] || (_[2] = it(() => {
-        }, ["stop"]))
-      }, [
-        x.label ? (d(), m("span", en, lt(x.label), 1)) : x.html ? (d(), m("span", {
-          key: 1,
-          innerHTML: x.html
-        }, null, 8, nn)) : I("", !0)
-      ], 42, tn))), 128))
-    ], 2));
-  }
-}), on = {}, sn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+//#endregion
+//#region src/components/ToastProgress.vue?vue&type=script&setup=true&lang.ts
+var L = ["data-align"], R = /* @__PURE__ */ f({
+	__name: "ToastProgress",
+	props: {
+		type: {},
+		progressAlignment: { default: "right-to-left" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (v(), l("div", {
+			class: "tf-toast-progress",
+			"data-align": t.progressAlignment
+		}, [u("div", { class: m(["tf-toast-progress-bar", `tf-toast-progress-bar--${t.type}`]) }, null, 2)], 8, L));
+	}
+}), z = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, B = /* @__PURE__ */ z(R, [["__scopeId", "data-v-ab9c4177"]]), V = ["aria-label", "onClick"], H = { key: 0 }, U = ["innerHTML"], W = /* @__PURE__ */ f({
+	__name: "ToastButtonsGroup",
+	props: {
+		buttons: {},
+		classes: {},
+		onButtonClick: { type: Function }
+	},
+	setup(e) {
+		let t = e;
+		function n(e, n) {
+			t.onButtonClick(e, n);
+		}
+		return (t, r) => (v(), l("div", { class: m(e.classes) }, [(v(!0), l(i, null, b(e.buttons, (e, t) => (v(), l("button", {
+			key: e.id ?? t,
+			type: "button",
+			class: m(["tf-toast-button", e.className]),
+			"aria-label": e.ariaLabel || void 0,
+			onClick: O((t) => n(e, t), ["stop"]),
+			onPointerdown: r[0] ||= O(() => {}, ["stop"]),
+			onPointerup: r[1] ||= O(() => {}, ["stop"]),
+			onPointercancel: r[2] ||= O(() => {}, ["stop"])
+		}, [e.label ? (v(), l("span", H, C(e.label), 1)) : e.html ? (v(), l("span", {
+			key: 1,
+			innerHTML: e.html
+		}, null, 8, U)) : c("", !0)], 42, V))), 128))], 2));
+	}
+}), G = {}, K = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
 };
-function an(a, c) {
-  return d(), m("svg", sn, [...c[0] || (c[0] = [
-    P("path", {
-      "fill-rule": "evenodd",
-      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
+function q(e, t) {
+	return v(), l("svg", K, [...t[0] ||= [u("path", {
+		"fill-rule": "evenodd",
+		d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
 }
-const rn = /* @__PURE__ */ E(on, [["render", an]]), ln = {}, un = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+var J = /* @__PURE__ */ z(G, [["render", q]]), te = {}, ne = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
 };
-function cn(a, c) {
-  return d(), m("svg", un, [...c[0] || (c[0] = [
-    P("path", {
-      "fill-rule": "evenodd",
-      d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
+function re(e, t) {
+	return v(), l("svg", ne, [...t[0] ||= [u("path", {
+		"fill-rule": "evenodd",
+		d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
 }
-const fn = /* @__PURE__ */ E(ln, [["render", cn]]), dn = {}, pn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+var ie = /* @__PURE__ */ z(te, [["render", re]]), ae = {}, oe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
 };
-function vn(a, c) {
-  return d(), m("svg", pn, [...c[0] || (c[0] = [
-    P("path", {
-      "fill-rule": "evenodd",
-      d: "M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
+function se(e, t) {
+	return v(), l("svg", oe, [...t[0] ||= [u("path", {
+		"fill-rule": "evenodd",
+		d: "M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
 }
-const mn = /* @__PURE__ */ E(dn, [["render", vn]]), hn = {}, gn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+var ce = /* @__PURE__ */ z(ae, [["render", se]]), le = {}, ue = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
 };
-function bn(a, c) {
-  return d(), m("svg", gn, [...c[0] || (c[0] = [
-    P("path", {
-      "fill-rule": "evenodd",
-      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
+function de(e, t) {
+	return v(), l("svg", ue, [...t[0] ||= [u("path", {
+		"fill-rule": "evenodd",
+		d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
 }
-const yn = /* @__PURE__ */ E(hn, [["render", bn]]), wn = {}, Cn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+var fe = /* @__PURE__ */ z(le, [["render", de]]), pe = {}, me = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
 };
-function _n(a, c) {
-  return d(), m("svg", Cn, [...c[0] || (c[0] = [
-    P("path", {
-      "fill-rule": "evenodd",
-      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
+function he(e, t) {
+	return v(), l("svg", me, [...t[0] ||= [u("path", {
+		"fill-rule": "evenodd",
+		d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
 }
-const ne = /* @__PURE__ */ E(wn, [["render", _n]]), An = {}, kn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+var ge = /* @__PURE__ */ z(pe, [["render", he]]), _e = {}, ve = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
 };
-function Sn(a, c) {
-  return d(), m("svg", kn, [...c[0] || (c[0] = [
-    P("path", {
-      "fill-rule": "evenodd",
-      d: "M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
+function ye(e, t) {
+	return v(), l("svg", ve, [...t[0] ||= [u("path", {
+		"fill-rule": "evenodd",
+		d: "M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
 }
-const Pn = /* @__PURE__ */ E(An, [["render", Sn]]), Tn = {}, Mn = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
+var be = /* @__PURE__ */ z(_e, [["render", ye]]), xe = {}, Se = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
 };
-function Ln(a, c) {
-  return d(), m("svg", Mn, [...c[0] || (c[0] = [
-    P("path", {
-      "fill-rule": "evenodd",
-      d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
+function Ce(e, t) {
+	return v(), l("svg", Se, [...t[0] ||= [u("path", {
+		"fill-rule": "evenodd",
+		d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
 }
-const Bn = /* @__PURE__ */ E(Tn, [["render", Ln]]), xn = ["role", "aria-live"], $n = ["aria-label", "data-align"], In = { class: "tf-toast-surface" }, Wn = {
-  key: 0,
-  class: "tf-toast-meta-row tf-toast-meta-row--top"
-}, Dn = {
-  key: 0,
-  class: "tf-toast-meta tf-toast-meta--left"
-}, En = { class: "tf-toast-main-content" }, Hn = { class: "tf-toast-text" }, On = ["aria-label"], Kn = ["aria-label", "innerHTML"], Rn = ["aria-label"], Un = ["aria-label", "innerHTML"], Nn = {
-  key: 0,
-  class: "tf-toast-created-at"
-}, zn = ["aria-label"], Fn = {
-  key: 1,
-  class: "tf-toast-meta tf-toast-meta--right"
-}, Vn = {
-  key: 1,
-  class: "tf-toast-meta-row tf-toast-meta-row--bottom"
-}, Zn = {
-  key: 0,
-  class: "tf-toast-floating-bar"
-}, jn = {
-  key: 0,
-  class: "tf-toast-created-at-float"
-}, Xn = ["aria-label"], Et = 8, Yn = 0.35, Qn = 96, oe = 160, Gn = 140, qn = /* @__PURE__ */ Ct({
-  __name: "Toast",
-  props: {
-    toast: {},
-    progressResetKey: {},
-    duplicateKey: {},
-    updateKey: {},
-    bumpAnimationClass: {},
-    clearAllAnimationClass: {},
-    updateAnimationClass: {}
-  },
-  emits: ["dismiss"],
-  setup(a, { emit: c }) {
-    const B = a, {
-      toast: b,
-      progressResetKey: _,
-      duplicateKey: x,
-      updateKey: K,
-      bumpAnimationClass: R,
-      clearAllAnimationClass: X,
-      updateAnimationClass: tt
-    } = Fe(B), Y = c, et = re(Rt, null) ?? T();
-    function ct(t) {
-      return typeof t == "string" && ze.has(t) ? t : "default";
-    }
-    const l = u(function() {
-      const t = Dt(b.value.createdAt) ? b.value.createdAt : Date.now();
-      return {
-        ...et.getConfig(),
-        ...b.value,
-        createdAt: t,
-        id: b.value.id ?? `toast-${t}`,
-        type: ct(b.value.type),
-        title: b.value.title ?? "",
-        description: b.value.description ?? "",
-        progressBar: b.value.progressBar ?? !1,
-        duration: b.value.duration ?? 1 / 0
-      };
-    }), M = {
-      success: {
-        accent: "tf-toast-accent--success",
-        icon: "tf-toast-icon--success",
-        close: "tf-toast-close--success",
-        component: rn
-      },
-      error: {
-        accent: "tf-toast-accent--error",
-        icon: "tf-toast-icon--error",
-        close: "tf-toast-close--error",
-        component: fn
-      },
-      warning: {
-        accent: "tf-toast-accent--warning",
-        icon: "tf-toast-icon--warning",
-        close: "tf-toast-close--warning",
-        component: mn
-      },
-      info: {
-        accent: "tf-toast-accent--info",
-        icon: "tf-toast-icon--info",
-        close: "tf-toast-close--info",
-        component: yn
-      },
-      default: {
-        accent: "tf-toast-accent--default",
-        icon: "tf-toast-icon--default",
-        close: "tf-toast-close--default",
-        component: ne
-      },
-      loading: {
-        accent: "tf-toast-accent--loading",
-        icon: "tf-toast-icon--loading",
-        close: "tf-toast-close--loading",
-        component: Pn
-      },
-      custom: {
-        accent: "tf-toast-accent--custom",
-        icon: "tf-toast-icon--custom",
-        close: "tf-toast-close--custom",
-        component: ne
-      }
-    }, Q = /* @__PURE__ */ new Set(["error", "warning"]), {
-      accentClass: At,
-      iconWrapperClass: G,
-      closeWrapperClass: kt,
-      defaultIconComponent: St
-    } = Se(l), {
-      role: Pt,
-      ariaLive: Tt,
-      hasCreatedAt: nt,
-      createdAtText: F,
-      createdAtAriaLabel: ft,
-      titleAriaLabel: ot,
-      descriptionAriaLabel: dt,
-      toastAriaLabel: Mt
-    } = Pe(l), { duration: U, progressStyle: e, showProgressBar: n, progressKeyLocal: s } = Te(l, _, x), { isBumped: f, isUpdated: k } = Me(x, K), {
-      isHovered: Lt,
-      handleMouseEnter: st,
-      handleMouseLeave: pt,
-      handlePointerDown: Bt,
-      handlePointerUp: vt
-    } = Le(l, et, U), {
-      isSwipeEnabled: xt,
-      swipeStyle: ue,
-      handlePointerDown: ce,
-      handlePointerMove: fe,
-      handlePointerUp: de,
-      handlePointerCancel: pe,
-      consumeSuppressedClick: ve
-    } = Be(l, Y), { handleClick: Ut, handleCloseClick: Nt } = xe(
-      l,
-      Y,
-      ve
-    ), {
-      hasButtons: q,
-      buttons: mt,
-      buttonsPlacement: ht,
-      buttonsClasses: gt,
-      buttonsVarsStyle: me,
-      handleButtonClick: bt
-    } = $e(l), he = {
-      iconColor: "--tf-toast-icon-color-override",
-      bg: "--tf-toast-bg",
-      color: "--tf-toast-color",
-      borderColor: "--tf-toast-border-color",
-      borderRadius: "--tf-toast-border-radius",
-      borderWidth: "--tf-toast-border-width",
-      padding: "--tf-toast-padding",
-      fontFamily: "--tf-toast-font-family",
-      gap: "--tf-toast-gap",
-      titleColor: "--tf-toast-title-color",
-      titleFontSize: "--tf-toast-title-font-size",
-      titleFontWeight: "--tf-toast-title-font-weight",
-      titleLineHeight: "--tf-toast-title-line-height",
-      descriptionColor: "--tf-toast-description-color",
-      descriptionFontSize: "--tf-toast-description-font-size",
-      descriptionLineHeight: "--tf-toast-description-line-height",
-      iconSize: "--tf-toast-icon-size",
-      progressBarBg: "--tf-toast-progress-bar-bg",
-      progressBg: "--tf-toast-progress-bg",
-      progressHeight: "--tf-toast-progress-height",
-      closeBg: "--tf-toast-close-bg",
-      closeColor: "--tf-toast-close-color",
-      closeBorderColor: "--tf-toast-close-border-color",
-      closeSize: "--tf-toast-close-size",
-      closeIconSize: "--tf-toast-close-icon-size",
-      buttonBg: "--tf-toast-button-bg",
-      buttonColor: "--tf-toast-button-color",
-      buttonBorderColor: "--tf-toast-button-border-color",
-      createdAtColor: "--tf-toast-created-at-color",
-      createdAtBg: "--tf-toast-created-at-bg",
-      createdAtBorderColor: "--tf-toast-created-at-border-color"
-    }, ge = u(function() {
-      const t = {}, p = me.value;
-      for (const i of Object.keys(p)) {
-        const v = p[i];
-        v != null && (t[i] = v);
-      }
-      const r = l.value.css;
-      if (!r)
-        return t;
-      if (r.accentColor) {
-        const i = r.accentColor;
-        t["--tf-toast-color"] = i, t["--tf-toast-title-color"] = i, t["--tf-toast-description-color"] = i, t["--tf-toast-progress-bar-bg"] = i;
-      }
-      r.color && (r.titleColor || (t["--tf-toast-title-color"] = r.color), r.descriptionColor || (t["--tf-toast-description-color"] = r.color));
-      for (const [i, v] of Object.entries(he)) {
-        const y = r[i];
-        y != null && (t[v] = y);
-      }
-      return t;
-    }), be = u(function() {
-      return l.value.showIcon !== !1;
-    });
-    function ye(t) {
-      Bt(t), ce(t);
-    }
-    function we(t) {
-      fe(t);
-    }
-    function Ce(t) {
-      de(t), vt(t);
-    }
-    function _e(t) {
-      pe(t), vt(t);
-    }
-    const zt = u(function() {
-      return q.value && ht.value === "left";
-    }), Ae = u(function() {
-      return q.value && ht.value === "right";
-    }), Ft = u(function() {
-      return q.value && ht.value === "top";
-    }), Vt = u(function() {
-      return q.value && ht.value === "bottom";
-    }), ke = u(function() {
-      return Ft.value || Vt.value;
-    }), Zt = u(function() {
-      return nt.value && !q.value;
-    }), jt = u(function() {
-      return nt.value && q.value;
-    });
-    function Se(t) {
-      const p = u(function() {
-        return t.value.theme ? t.value.theme.startsWith("tf-toast-accent--") ? t.value.theme : `tf-toast-accent--${t.value.theme}` : M[t.value.type].accent;
-      }), r = u(function() {
-        return M[t.value.type].icon;
-      }), i = u(function() {
-        return M[t.value.type].close;
-      }), v = u(function() {
-        return M[t.value.type].component;
-      });
-      return {
-        accentClass: p,
-        iconWrapperClass: r,
-        closeWrapperClass: i,
-        defaultIconComponent: v
-      };
-    }
-    function Pe(t) {
-      const p = u(function() {
-        return Q.has(t.value.type) ? "alert" : "status";
-      }), r = u(function() {
-        return Q.has(t.value.type) ? "assertive" : "polite";
-      }), i = u(function() {
-        return !!(t.value.showCreatedAt && Dt(t.value.createdAt));
-      }), v = u(function() {
-        if (!i.value)
-          return "";
-        const A = t.value.createdAtFormatter;
-        if (typeof A != "function")
-          return ee(t.value.createdAt);
-        try {
-          return A(t.value.createdAt);
-        } catch (W) {
-          console.error(
-            "[vue-toastflow] Something failed in createdAtFormatter",
-            W
-          );
-        }
-        return ee(t.value.createdAt);
-      }), y = u(function() {
-        return v.value ? `Sent at ${v.value}` : "";
-      }), w = u(function() {
-        return Qt(t.value.title);
-      }), S = u(function() {
-        return Qt(t.value.description);
-      }), N = u(function() {
-        const A = [];
-        return w.value && A.push(w.value), S.value && A.push(S.value), i.value && y.value && A.push(y.value), A.length || A.push(`${t.value.type} notification`), A.join(". ");
-      });
-      return {
-        role: p,
-        ariaLive: r,
-        hasCreatedAt: i,
-        createdAtText: v,
-        createdAtAriaLabel: y,
-        titleAriaLabel: w,
-        descriptionAriaLabel: S,
-        toastAriaLabel: N
-      };
-    }
-    function Te(t, p, r) {
-      const i = u(function() {
-        if (Dt(t.value.duration))
-          return t.value.duration;
-      }), v = u(function() {
-        return i.value ? {
-          "--tf-toast-progress-duration": `${i.value}ms`
-        } : {};
-      }), y = u(function() {
-        return t.value.progressBar && !!i.value;
-      }), w = C(0);
-      return j(
-        () => p?.value,
-        function(S) {
-          S != null && (w.value += 1);
-        }
-      ), j(
-        () => r?.value,
-        function(S) {
-          S != null && (w.value += 1);
-        }
-      ), {
-        duration: i,
-        progressStyle: v,
-        showProgressBar: y,
-        progressKeyLocal: w
-      };
-    }
-    function Me(t, p) {
-      const r = C(!1), i = C(!1);
-      function v() {
-        r.value = !1, requestAnimationFrame(function() {
-          r.value = !0;
-        });
-      }
-      function y() {
-        i.value = !1, requestAnimationFrame(function() {
-          i.value = !0;
-        });
-      }
-      return j(
-        () => t?.value,
-        function(w) {
-          w != null && v();
-        }
-      ), j(
-        () => p?.value,
-        function(w) {
-          w != null && y();
-        }
-      ), {
-        isBumped: r,
-        isUpdated: i
-      };
-    }
-    function Le(t, p, r) {
-      const i = C(!1);
-      let v = "";
-      function y() {
-        v === "touch" || v === "pen" || A() && H();
-      }
-      function w() {
-        if (v === "touch" || v === "pen") {
-          v = "";
-          return;
-        }
-        A() && O();
-      }
-      function S(L) {
-        v = L.pointerType, A(L, !0) && H();
-      }
-      function N(L) {
-        A(L, !0) && O();
-      }
-      function A(L, g = !1) {
-        return !r.value || !t.value.pauseOnHover ? !1 : !(g && L && !W(L));
-      }
-      function W(L) {
-        return L.pointerType === "touch" || L.pointerType === "pen";
-      }
-      function H() {
-        i.value = !0, p.pause(t.value.id);
-      }
-      function O() {
-        i.value = !1, p.resume(t.value.id);
-      }
-      return {
-        isHovered: i,
-        handleMouseEnter: y,
-        handleMouseLeave: w,
-        handlePointerDown: S,
-        handlePointerUp: N
-      };
-    }
-    function Be(t, p) {
-      const r = u(function() {
-        return !!t.value.swipeToDismiss;
-      }), i = C(0), v = C(1), y = C(!1), w = C(!1), S = C(null), N = C(0), A = C(0), W = C(0), H = C(!1), O = C(!1), L = C(!1);
-      let g = null;
-      const $t = u(function() {
-        return !r.value && i.value === 0 && v.value === 1 ? {} : {
-          transform: `translate3d(${i.value}px, 0, 0)`,
-          opacity: v.value,
-          transition: y.value ? "none" : `transform ${oe}ms ease, opacity ${oe}ms ease`
-        };
-      });
-      function at() {
-        g && (clearTimeout(g), g = null);
-      }
-      function yt() {
-        S.value = null, H.value = !1, O.value = !1, L.value = !1, W.value = 0;
-      }
-      function rt() {
-        y.value = !1, !(i.value === 0 && v.value === 1) && (i.value = 0, v.value = 1);
-      }
-      function It(h) {
-        return S.value !== null && S.value === h.pointerId;
-      }
-      function Gt(h) {
-        const $ = h.currentTarget;
-        if ($?.releasePointerCapture)
-          try {
-            $.releasePointerCapture(h.pointerId);
-          } catch {
-          }
-      }
-      function We(h) {
-        return !r.value || h.button !== void 0 && h.button !== 0 ? !1 : !Ie(h.target);
-      }
-      function De(h) {
-        if (!We(h))
-          return;
-        at(), w.value = !1, y.value = !1, S.value = h.pointerId, N.value = h.clientX, A.value = h.clientY;
-        const $ = h.currentTarget;
-        if (W.value = $?.getBoundingClientRect().width ?? 0, $?.setPointerCapture)
-          try {
-            $.setPointerCapture(h.pointerId);
-          } catch {
-          }
-      }
-      function Ee(h) {
-        if (!It(h) || O.value)
-          return;
-        const $ = h.clientX - N.value, Wt = h.clientY - A.value, qt = Math.abs($), Jt = Math.abs(Wt);
-        if (!H.value) {
-          if (qt < Et && Jt < Et)
-            return;
-          if ($ <= 0 || Jt > qt) {
-            O.value = !0, rt();
-            return;
-          }
-          H.value = !0;
-        }
-        h.preventDefault(), y.value = !0, L.value = !0;
-        const te = Math.max(0, $), Re = W.value > 0 ? W.value : 1, Ue = Math.min(te / Re, 1);
-        i.value = te, v.value = Math.max(1 - Ue * 0.85, 0.15);
-      }
-      function He(h) {
-        if (!It(h))
-          return;
-        if (Gt(h), !H.value || O.value || !L.value) {
-          rt(), yt();
-          return;
-        }
-        const $ = W.value > 0 ? W.value : 1, Wt = Math.max(
-          $ * Yn,
-          Qn
-        );
-        i.value >= Wt ? (y.value = !1, w.value = !0, i.value = $ + 24, v.value = 0, g = setTimeout(function() {
-          p("dismiss", t.value.id), g = null;
-        }, Gn)) : (i.value > Et && (w.value = !0), rt()), yt();
-      }
-      function Oe(h) {
-        It(h) && (Gt(h), rt(), yt());
-      }
-      function Ke() {
-        return w.value ? (w.value = !1, !0) : !1;
-      }
-      return j(r, function(h) {
-        h || (at(), rt(), yt());
-      }), ie(function() {
-        at();
-      }), {
-        isSwipeEnabled: r,
-        swipeStyle: $t,
-        handlePointerDown: De,
-        handlePointerMove: Ee,
-        handlePointerUp: He,
-        handlePointerCancel: Oe,
-        consumeSuppressedClick: Ke
-      };
-    }
-    function xe(t, p, r) {
-      function i(y) {
-        if (r && r())
-          return;
-        const w = Xt(t.value);
-        t.value.onClick && t.value.onClick(w, y), t.value.closeOnClick && v();
-      }
-      function v() {
-        p("dismiss", t.value.id);
-      }
-      return {
-        handleClick: i,
-        handleCloseClick: v
-      };
-    }
-    function $e(t) {
-      const p = u(function() {
-        return t.value.buttons?.buttons ?? [];
-      }), r = u(function() {
-        return t.value.buttons?.layout ?? "row";
-      }), i = u(function() {
-        const g = t.value.buttons?.alignment ?? "bottom-right";
-        return t.value.alignment !== "right" ? g : g.endsWith("-left") ? g.replace(/-left$/, "-right") : g.endsWith("-right") ? g.replace(/-right$/, "-left") : g;
-      }), v = u(function() {
-        return p.value.length > 0;
-      }), y = u(function() {
-        return i.value.endsWith("-left") ? "left" : "right";
-      }), w = u(function() {
-        const g = i.value;
-        return g.startsWith("top-") ? "top" : g.startsWith("bottom-") ? "bottom" : "center";
-      }), S = u(function() {
-        if (r.value === "row")
-          return y.value;
-        const g = w.value;
-        return g === "top" ? "top" : g === "bottom" ? "bottom" : y.value;
-      }), N = u(function() {
-        return S.value === "left" || S.value === "right";
-      }), A = u(function() {
-        return y.value === "left" ? "tf-toast-actions--start" : "tf-toast-actions--end";
-      }), W = u(function() {
-        return {
-          "--tf-toast-buttons-gap": t.value.buttons?.gap,
-          "--tf-toast-buttons-content-gap": t.value.buttons?.contentGap
-        };
-      }), H = u(function() {
-        if (!N.value)
-          return;
-        const g = w.value;
-        if (g === "bottom")
-          return "tf-toast-buttons--bottom";
-        if (g === "center")
-          return "tf-toast-buttons--center";
-      }), O = u(function() {
-        return [
-          "tf-toast-actions",
-          A.value,
-          H.value
-        ];
-      });
-      function L(g, $t) {
-        const at = Xt(t.value);
-        g.onClick && g.onClick(at, $t);
-      }
-      return {
-        hasButtons: v,
-        buttons: p,
-        buttonsPlacement: S,
-        buttonsClasses: O,
-        buttonsVarsStyle: W,
-        handleButtonClick: L
-      };
-    }
-    function Ie(t) {
-      return t instanceof Element ? !!t.closest(
-        "button, a, input, textarea, select, option, [role='button'], [contenteditable='true']"
-      ) : !1;
-    }
-    function Xt(t) {
-      return {
-        id: t.id,
-        position: t.position,
-        type: t.type,
-        title: t.title,
-        description: t.description,
-        createdAt: t.createdAt
-      };
-    }
-    function Yt(t) {
-      return t.replace(/\s+/g, " ").trim();
-    }
-    function Qt(t) {
-      if (!t)
-        return "";
-      const p = Yt(t.replace(/<[^>]*>/g, " "));
-      if (typeof window > "u" || !window.document)
-        return p;
-      try {
-        const r = window.document.createElement("div");
-        return r.innerHTML = t, Yt(r.textContent ?? "");
-      } catch {
-        return p;
-      }
-    }
-    return (t, p) => (d(), m("div", {
-      role: o(Pt),
-      "aria-live": o(Tt),
-      class: "tf-toast-wrapper",
-      style: z(o(ue))
-    }, [
-      P("div", {
-        class: D(["tf-toast", [
-          o(At),
-          o(f) && l.value.phase !== "leaving" && l.value.phase !== "clear-all" && o(R),
-          o(k) && l.value.phase !== "leaving" && l.value.phase !== "clear-all" && o(tt),
-          l.value.phase === "clear-all" && o(X),
-          o(Lt) && "tf-toast--paused",
-          o(xt) && "tf-toast--swipe-enabled"
-        ]]),
-        "aria-label": o(Mt) || void 0,
-        "data-align": l.value.alignment,
-        style: z(ge.value),
-        onClick: p[1] || (p[1] = //@ts-ignore
-        (...r) => o(Ut) && o(Ut)(...r)),
-        onMouseenter: p[2] || (p[2] = //@ts-ignore
-        (...r) => o(st) && o(st)(...r)),
-        onMouseleave: p[3] || (p[3] = //@ts-ignore
-        (...r) => o(pt) && o(pt)(...r)),
-        onPointerdown: ye,
-        onPointermove: we,
-        onPointerup: Ce,
-        onPointercancel: _e
-      }, [
-        P("div", In, [
-          Ft.value ? (d(), m("div", Wn, [
-            J(wt, {
-              buttons: o(mt),
-              classes: o(gt),
-              "on-button-click": o(bt)
-            }, null, 8, ["buttons", "classes", "on-button-click"])
-          ])) : I("", !0),
-          P("div", {
-            class: D(["tf-toast-main", [
-              ke.value && "tf-toast-main--full",
-              zt.value && "tf-toast-main--content-end"
-            ]])
-          }, [
-            zt.value ? (d(), m("div", Dn, [
-              J(wt, {
-                buttons: o(mt),
-                classes: o(gt),
-                "on-button-click": o(bt)
-              }, null, 8, ["buttons", "classes", "on-button-click"])
-            ])) : I("", !0),
-            P("div", En, [
-              be.value ? (d(), m("div", {
-                key: 0,
-                class: D(["tf-toast-icon", o(G)]),
-                "aria-hidden": "true"
-              }, [
-                Z(t.$slots, "icon", { toast: l.value }, () => [
-                  (d(), Kt(Ve(o(St)), {
-                    class: D(["tf-toast-icon-svg", [l.value.type === "loading" && "tf-toast-icon-spin"]]),
-                    "aria-hidden": "true"
-                  }, null, 8, ["class"]))
-                ], !0)
-              ], 2)) : I("", !0),
-              P("div", {
-                class: D(["tf-toast-body", [Zt.value && "tf-toast-body--has-created-at"]])
-              }, [
-                P("div", Hn, [
-                  l.value.title && !l.value.supportHtml ? (d(), m("p", {
-                    key: 0,
-                    "aria-label": o(ot) || void 0,
-                    class: "tf-toast-title"
-                  }, lt(l.value.title), 9, On)) : l.value.title && l.value.supportHtml ? (d(), m("p", {
-                    key: 1,
-                    class: "tf-toast-title",
-                    "aria-label": o(ot) || void 0,
-                    innerHTML: l.value.title
-                  }, null, 8, Kn)) : I("", !0),
-                  l.value.description && !l.value.supportHtml ? (d(), m("p", {
-                    key: 2,
-                    "aria-label": o(dt) || void 0,
-                    class: "tf-toast-description"
-                  }, lt(l.value.description), 9, Rn)) : l.value.description && l.value.supportHtml ? (d(), m("p", {
-                    key: 3,
-                    class: "tf-toast-description",
-                    "aria-label": o(dt) || void 0,
-                    innerHTML: l.value.description
-                  }, null, 8, Un)) : I("", !0)
-                ]),
-                Z(t.$slots, "default", { toast: l.value }, void 0, !0),
-                Zt.value ? (d(), m("div", Nn, [
-                  Z(t.$slots, "created-at", {
-                    toast: l.value,
-                    formatted: o(F)
-                  }, () => [
-                    P("span", {
-                      "aria-label": o(ft) || void 0
-                    }, lt(o(F)), 9, zn)
-                  ], !0)
-                ])) : I("", !0)
-              ], 2)
-            ]),
-            Ae.value ? (d(), m("div", Fn, [
-              J(wt, {
-                buttons: o(mt),
-                classes: o(gt),
-                "on-button-click": o(bt)
-              }, null, 8, ["buttons", "classes", "on-button-click"])
-            ])) : I("", !0)
-          ], 2),
-          Vt.value ? (d(), m("div", Vn, [
-            J(wt, {
-              buttons: o(mt),
-              classes: o(gt),
-              "on-button-click": o(bt)
-            }, null, 8, ["buttons", "classes", "on-button-click"])
-          ])) : I("", !0),
-          o(n) ? (d(), m("div", {
-            key: 2,
-            class: "tf-toast-progress-wrapper",
-            style: z(o(e))
-          }, [
-            Z(t.$slots, "progress", { toast: l.value }, () => [
-              (d(), Kt(Je, {
-                key: o(s),
-                type: l.value.type,
-                "progress-alignment": l.value.progressAlignment
-              }, null, 8, ["type", "progress-alignment"]))
-            ], !0)
-          ], 4)) : I("", !0)
-        ]),
-        jt.value || l.value.closeButton ? (d(), m("div", Zn, [
-          jt.value ? (d(), m("div", jn, [
-            Z(t.$slots, "created-at", {
-              toast: l.value,
-              formatted: o(F)
-            }, () => [
-              P("span", {
-                "aria-label": o(ft) || void 0
-              }, lt(o(F)), 9, Xn)
-            ], !0)
-          ])) : I("", !0),
-          l.value.closeButton ? (d(), m("button", {
-            key: 1,
-            type: "button",
-            class: D(["tf-toast-close", o(kt)]),
-            "aria-label": "Close notification",
-            onClick: p[0] || (p[0] = it(
-              //@ts-ignore
-              (...r) => o(Nt) && o(Nt)(...r),
-              ["stop"]
-            ))
-          }, [
-            Z(t.$slots, "close-icon", { toast: l.value }, () => [
-              J(Bn, {
-                class: "tf-toast-close-icon",
-                "aria-hidden": "true"
-              })
-            ], !0)
-          ], 2)) : I("", !0)
-        ])) : I("", !0)
-      ], 46, $n)
-    ], 12, xn));
-  }
-}), Jn = /* @__PURE__ */ E(qn, [["__scopeId", "data-v-012b51f7"]]), to = ["data-position"], se = 260, ae = 220, eo = /* @__PURE__ */ Ct({
-  __name: "ToastContainer",
-  setup(a) {
-    const c = [
-      "top-left",
-      "top-center",
-      "top-right",
-      "bottom-left",
-      "bottom-center",
-      "bottom-right"
-    ], b = re(Rt, null) ?? T(), _ = C([]), x = C({
-      enter: se,
-      leave: ae
-    }), K = C({}), R = C({}), X = C({});
-    let tt = null, Y = null;
-    Ze(function() {
-      tt = b.subscribe(function(e) {
-        _.value = e.toasts;
-      }), Y = b.subscribeEvents(function(e) {
-        e.kind === "timer-reset" && (K.value[e.id] = Math.random()), e.kind === "duplicate" && (R.value[e.id] = Math.random()), e.kind === "update" && (X.value[e.id] = Math.random());
-      }), ft();
-    }), ie(function() {
-      tt && tt(), Y && Y();
-    });
-    function _t(e) {
-      return K.value[e] ?? 0;
-    }
-    function et(e) {
-      return R.value[e] ?? 0;
-    }
-    function ct(e) {
-      return X.value[e] ?? 0;
-    }
-    const l = u(function() {
-      const e = {
-        "top-left": [],
-        "top-center": [],
-        "top-right": [],
-        "bottom-left": [],
-        "bottom-center": [],
-        "bottom-right": []
-      };
-      for (const n of _.value)
-        e[n.position].push(n);
-      return e;
-    }), M = b.getConfig(), Q = C({
-      "top-left": { ...M, position: "top-left" },
-      "top-center": { ...M, position: "top-center" },
-      "top-right": { ...M, position: "top-right" },
-      "bottom-left": { ...M, position: "bottom-left" },
-      "bottom-center": { ...M, position: "bottom-center" },
-      "bottom-right": { ...M, position: "bottom-right" }
-    }), At = u(function() {
-      return _.value.length ? Math.max(..._.value.map((e) => e.zIndex)) : M.zIndex;
-    });
-    function G(e) {
-      return Q.value[e] ?? { ...M, position: e };
-    }
-    function kt(e) {
-      const { offset: n, width: s } = G(e), f = `calc(100vw - (${n}) - (${n}))`, k = { width: s, maxWidth: f };
-      return e.startsWith("top-") && (k.top = n), e.startsWith("bottom-") && (k.bottom = n), e.endsWith("left") ? k.left = n : e.endsWith("right") ? k.right = n : e.endsWith("center") && (k.left = "50%", k.transform = "translateX(-50%)"), k;
-    }
-    function St(e) {
-      return e.endsWith("left") ? "tf-toast-stack--left" : e.endsWith("center") ? "tf-toast-stack--center" : "tf-toast-stack--right";
-    }
-    function Pt(e) {
-      return e.startsWith("bottom-") ? "tf-toast-stack-inner--bottom" : null;
-    }
-    function Tt(e) {
-      return G(e).overflowScroll && e.startsWith("top-");
-    }
-    function nt(e) {
-      b.dismiss(e);
-    }
-    function F(e, n) {
-      const s = e.trim().toLowerCase();
-      if (!s)
-        return n;
-      if (s.endsWith("ms")) {
-        const k = Number(s.slice(0, -2));
-        return Number.isFinite(k) ? k : n;
-      }
-      if (s.endsWith("s")) {
-        const k = Number(s.slice(0, -1));
-        return Number.isFinite(k) ? k * 1e3 : n;
-      }
-      const f = Number(s);
-      return Number.isFinite(f) ? f : n;
-    }
-    function ft() {
-      if (typeof window > "u")
-        return;
-      const e = getComputedStyle(document.documentElement);
-      x.value = {
-        enter: F(
-          e.getPropertyValue("--tf-toast-animation-in-duration"),
-          se
-        ),
-        leave: F(
-          e.getPropertyValue("--tf-toast-animation-out-duration"),
-          ae
-        )
-      };
-    }
-    const ot = /* @__PURE__ */ new WeakMap();
-    je(function() {
-      const e = document.querySelectorAll(".tf-toast-item");
-      for (let n = 0; n < e.length; n++) {
-        const s = e[n], f = s.parentElement;
-        f && ot.set(s, {
-          top: s.offsetTop,
-          height: s.offsetHeight,
-          parentHeight: f.clientHeight,
-          parentWidth: f.clientWidth
-        });
-      }
-    });
-    function dt(e) {
-      const n = e, s = n.parentElement;
-      if (!s || s.children.length <= 1)
-        return;
-      const f = ot.get(n), Lt = (n.dataset.position ?? "").startsWith("bottom-") || s.classList.contains("tf-toast-stack-inner--bottom"), st = f?.top ?? n.offsetTop, pt = f?.height ?? n.offsetHeight, Bt = f?.parentHeight ?? s.clientHeight, vt = f?.parentWidth ?? s.clientWidth;
-      if (n.style.position = "absolute", n.style.zIndex = "0", n.style.width = `${vt}px`, n.style.left = "0", n.style.right = "0", Lt) {
-        const xt = Bt - (st + pt);
-        n.style.bottom = `${xt}px`, n.style.top = "auto";
-      } else
-        n.style.top = `${st}px`, n.style.bottom = "auto";
-    }
-    function Mt(e) {
-      const n = e;
-      n.style.position = "", n.style.zIndex = "", n.style.width = "", n.style.left = "", n.style.right = "", n.style.top = "", n.style.bottom = "";
-    }
-    j(
-      _,
-      function(e) {
-        const n = new Set(
-          e.map(function(s) {
-            return s.id;
-          })
-        );
-        for (const s of Object.keys(K.value))
-          n.has(s) || delete K.value[s];
-        for (const s of Object.keys(R.value))
-          n.has(s) || delete R.value[s];
-        for (const s of Object.keys(X.value))
-          n.has(s) || delete X.value[s];
-      },
-      { deep: !1 }
-    );
-    function U(e) {
-      return {
-        ...M.animation,
-        ...e.animation
-      };
-    }
-    return j(
-      l,
-      function(e) {
-        const n = { ...Q.value };
-        Object.keys(e).forEach(function(s) {
-          const f = e[s][0];
-          f && (n[s] = {
-            ...M,
-            ...f,
-            position: s,
-            animation: {
-              ...M.animation,
-              ...f.animation
-            }
-          });
-        }), Q.value = n;
-      },
-      { deep: !1 }
-    ), (e, n) => (d(), m("div", {
-      class: "tf-toast-root",
-      style: z({ zIndex: At.value })
-    }, [
-      (d(), m(Ht, null, Ot(c, (s) => P("div", {
-        key: s,
-        class: D(["tf-toast-stack", St(s)]),
-        style: z(kt(s))
-      }, [
-        J(Xe, {
-          appear: "",
-          duration: x.value,
-          name: G(s).animation.name,
-          onBeforeLeave: dt,
-          onAfterLeave: Mt,
-          tag: "div",
-          class: D([
-            "tf-toast-stack-inner",
-            Pt(s),
-            Tt(s) && "tf-toast-stack-inner--scroll"
-          ]),
-          style: z({ gap: G(s).gap })
-        }, {
-          default: Ye(() => [
-            (d(!0), m(Ht, null, Ot(l.value[s], (f, k) => (d(), m("div", {
-              key: f.id,
-              class: "tf-toast-item",
-              style: z({ width: f.width, maxWidth: "100%" }),
-              "data-position": f.position
-            }, [
-              P("div", {
-                class: "tf-toast-motion",
-                style: z({ "--tf-toast-index": k })
-              }, [
-                e.$slots.default ? Z(e.$slots, "default", {
-                  key: 0,
-                  toast: f,
-                  progressResetKey: _t(f.id),
-                  duplicateKey: et(f.id),
-                  updateKey: ct(f.id),
-                  bumpAnimationClass: U(f).bump,
-                  clearAllAnimationClass: U(f).clearAll,
-                  updateAnimationClass: U(f).update,
-                  dismiss: nt
-                }, void 0, !0) : (d(), Kt(Jn, {
-                  key: 1,
-                  toast: f,
-                  progressResetKey: _t(f.id),
-                  duplicateKey: et(f.id),
-                  updateKey: ct(f.id),
-                  bumpAnimationClass: U(f).bump,
-                  clearAllAnimationClass: U(f).clearAll,
-                  updateAnimationClass: U(f).update,
-                  onDismiss: nt
-                }, null, 8, ["toast", "progressResetKey", "duplicateKey", "updateKey", "bumpAnimationClass", "clearAllAnimationClass", "updateAnimationClass"]))
-              ], 4)
-            ], 12, to))), 128))
-          ]),
-          _: 2
-        }, 1032, ["duration", "name", "class", "style"])
-      ], 6)), 64))
-    ], 4));
-  }
-}), ro = /* @__PURE__ */ E(eo, [["__scopeId", "data-v-c03eb678"]]);
-export {
-  Pn as ArrowPath,
-  mn as Bell,
-  rn as CheckCircle,
-  yn as InfoCircle,
-  ne as QuestionMarkCircle,
-  Jn as Toast,
-  ro as ToastContainer,
-  Je as ToastProgress,
-  fn as XCircle,
-  Bn as XMark,
-  ao as createToastflow,
-  T as getToastStore,
-  Qe as setToastStore,
-  so as toast
-};
+var we = /* @__PURE__ */ z(xe, [["render", Ce]]), Te = ["role", "aria-live"], Ee = ["aria-label", "data-align"], De = { class: "tf-toast-surface" }, Oe = {
+	key: 0,
+	class: "tf-toast-meta-row tf-toast-meta-row--top"
+}, ke = {
+	key: 0,
+	class: "tf-toast-meta tf-toast-meta--left"
+}, Ae = { class: "tf-toast-main-content" }, je = { class: "tf-toast-text" }, Me = ["aria-label"], Ne = ["aria-label", "innerHTML"], Pe = ["aria-label"], Fe = ["aria-label", "innerHTML"], Ie = {
+	key: 0,
+	class: "tf-toast-created-at"
+}, Le = ["aria-label"], Re = {
+	key: 1,
+	class: "tf-toast-meta tf-toast-meta--right"
+}, ze = {
+	key: 1,
+	class: "tf-toast-meta-row tf-toast-meta-row--bottom"
+}, Be = {
+	key: 0,
+	class: "tf-toast-floating-bar"
+}, Ve = {
+	key: 0,
+	class: "tf-toast-created-at-float"
+}, He = ["aria-label"], Ue = 8, We = .35, Ge = 96, Ke = 160, qe = 140, Je = /* @__PURE__ */ z(/* @__PURE__ */ f({
+	__name: "Toast",
+	props: {
+		toast: {},
+		progressResetKey: {},
+		duplicateKey: {},
+		updateKey: {},
+		bumpAnimationClass: {},
+		clearAllAnimationClass: {},
+		updateAnimationClass: {}
+	},
+	emits: ["dismiss"],
+	setup(t, { emit: i }) {
+		let { toast: a, progressResetKey: f, duplicateKey: g, updateKey: _, bumpAnimationClass: b, clearAllAnimationClass: D, updateAnimationClass: A } = w(t), j = i, M = p(k, null) ?? N();
+		function P(t) {
+			return typeof t == "string" && e.has(t) ? t : "default";
+		}
+		let F = o(function() {
+			let e = r(a.value.createdAt) ? a.value.createdAt : Date.now();
+			return {
+				...M.getConfig(),
+				...a.value,
+				createdAt: e,
+				id: a.value.id ?? `toast-${e}`,
+				type: P(a.value.type),
+				title: a.value.title ?? "",
+				description: a.value.description ?? "",
+				progressBar: a.value.progressBar ?? !1,
+				duration: a.value.duration ?? Infinity
+			};
+		}), I = {
+			success: {
+				accent: "tf-toast-accent--success",
+				icon: "tf-toast-icon--success",
+				close: "tf-toast-close--success",
+				component: J
+			},
+			error: {
+				accent: "tf-toast-accent--error",
+				icon: "tf-toast-icon--error",
+				close: "tf-toast-close--error",
+				component: ie
+			},
+			warning: {
+				accent: "tf-toast-accent--warning",
+				icon: "tf-toast-icon--warning",
+				close: "tf-toast-close--warning",
+				component: ce
+			},
+			info: {
+				accent: "tf-toast-accent--info",
+				icon: "tf-toast-icon--info",
+				close: "tf-toast-close--info",
+				component: fe
+			},
+			default: {
+				accent: "tf-toast-accent--default",
+				icon: "tf-toast-icon--default",
+				close: "tf-toast-close--default",
+				component: ge
+			},
+			loading: {
+				accent: "tf-toast-accent--loading",
+				icon: "tf-toast-icon--loading",
+				close: "tf-toast-close--loading",
+				component: be
+			},
+			custom: {
+				accent: "tf-toast-accent--custom",
+				icon: "tf-toast-icon--custom",
+				close: "tf-toast-close--custom",
+				component: ge
+			}
+		}, L = new Set(["error", "warning"]), { accentClass: R, iconWrapperClass: z, closeWrapperClass: V, defaultIconComponent: H } = ht(F), { role: U, ariaLive: G, hasCreatedAt: K, createdAtText: q, createdAtAriaLabel: te, titleAriaLabel: ne, descriptionAriaLabel: re, toastAriaLabel: ae } = gt(F), { duration: oe, progressStyle: se, showProgressBar: le, progressKeyLocal: ue } = _t(F, f, g), { isBumped: de, isUpdated: pe } = vt(g, _), { isHovered: me, handleMouseEnter: he, handleMouseLeave: _e, handlePointerDown: ve, handlePointerUp: ye } = yt(F, M, oe), { isSwipeEnabled: xe, swipeStyle: Se, handlePointerDown: Ce, handlePointerMove: Je, handlePointerUp: Ye, handlePointerCancel: Xe, consumeSuppressedClick: Ze } = bt(F, j), { handleClick: Qe, handleCloseClick: $e } = xt(F, j, Ze), { hasButtons: Y, buttons: X, buttonsPlacement: Z, buttonsClasses: Q, buttonsVarsStyle: et, handleButtonClick: $ } = St(F), tt = {
+			iconColor: "--tf-toast-icon-color",
+			bg: "--tf-toast-bg",
+			color: "--tf-toast-color",
+			borderColor: "--tf-toast-border-color",
+			borderRadius: "--tf-toast-border-radius",
+			borderWidth: "--tf-toast-border-width",
+			padding: "--tf-toast-padding",
+			fontFamily: "--tf-toast-font-family",
+			gap: "--tf-toast-gap",
+			titleColor: "--tf-toast-title-color",
+			titleFontSize: "--tf-toast-title-font-size",
+			titleFontWeight: "--tf-toast-title-font-weight",
+			titleLineHeight: "--tf-toast-title-line-height",
+			descriptionColor: "--tf-toast-description-color",
+			descriptionFontSize: "--tf-toast-description-font-size",
+			descriptionLineHeight: "--tf-toast-description-line-height",
+			iconSize: "--tf-toast-icon-size",
+			progressBarBg: "--tf-toast-progress-bar-bg",
+			progressBg: "--tf-toast-progress-bg",
+			progressHeight: "--tf-toast-progress-height",
+			closeBg: "--tf-toast-close-bg",
+			closeColor: "--tf-toast-close-color",
+			closeBorderColor: "--tf-toast-close-border-color",
+			closeSize: "--tf-toast-close-size",
+			closeIconSize: "--tf-toast-close-icon-size",
+			buttonBg: "--tf-toast-button-bg",
+			buttonColor: "--tf-toast-button-color",
+			buttonBorderColor: "--tf-toast-button-border-color",
+			createdAtColor: "--tf-toast-created-at-color",
+			createdAtBg: "--tf-toast-created-at-bg",
+			createdAtBorderColor: "--tf-toast-created-at-border-color"
+		}, nt = o(function() {
+			let e = {}, t = et.value;
+			for (let n of Object.keys(t)) {
+				let r = t[n];
+				r != null && (e[n] = r);
+			}
+			let n = F.value.css;
+			if (!n) return e;
+			if (n.accentColor) {
+				let t = n.accentColor;
+				e["--tf-toast-accent-color"] = t, e["--tf-toast-color"] = t, e["--tf-toast-title-color"] = t, e["--tf-toast-description-color"] = t, e["--tf-toast-progress-bar-bg"] = t;
+			}
+			n.color && (n.titleColor || (e["--tf-toast-title-color"] = n.color), n.descriptionColor || (e["--tf-toast-description-color"] = n.color));
+			for (let [t, r] of Object.entries(tt)) {
+				let i = n[t];
+				i != null && (e[r] = i);
+			}
+			return e;
+		}), rt = o(function() {
+			return F.value.showIcon !== !1;
+		});
+		function it(e) {
+			ve(e), Ce(e);
+		}
+		function at(e) {
+			Je(e);
+		}
+		function ot(e) {
+			Ye(e), ye(e);
+		}
+		function st(e) {
+			Xe(e), ye(e);
+		}
+		let ct = o(function() {
+			return Y.value && Z.value === "left";
+		}), lt = o(function() {
+			return Y.value && Z.value === "right";
+		}), ut = o(function() {
+			return Y.value && Z.value === "top";
+		}), dt = o(function() {
+			return Y.value && Z.value === "bottom";
+		}), ft = o(function() {
+			return ut.value || dt.value;
+		}), pt = o(function() {
+			return K.value && !Y.value;
+		}), mt = o(function() {
+			return K.value && Y.value;
+		});
+		function ht(e) {
+			return {
+				accentClass: o(function() {
+					return e.value.theme ? e.value.theme.startsWith("tf-toast-accent--") ? e.value.theme : `tf-toast-accent--${e.value.theme}` : I[e.value.type].accent;
+				}),
+				iconWrapperClass: o(function() {
+					return I[e.value.type].icon;
+				}),
+				closeWrapperClass: o(function() {
+					return I[e.value.type].close;
+				}),
+				defaultIconComponent: o(function() {
+					return I[e.value.type].component;
+				})
+			};
+		}
+		function gt(e) {
+			let t = o(function() {
+				return L.has(e.value.type) ? "alert" : "status";
+			}), i = o(function() {
+				return L.has(e.value.type) ? "assertive" : "polite";
+			}), a = o(function() {
+				return !!(e.value.showCreatedAt && r(e.value.createdAt));
+			}), s = o(function() {
+				if (!a.value) return "";
+				let t = e.value.createdAtFormatter;
+				if (typeof t != "function") return n(e.value.createdAt);
+				try {
+					return t(e.value.createdAt);
+				} catch (e) {
+					console.error("[vue-toastflow] Something failed in createdAtFormatter", e);
+				}
+				return n(e.value.createdAt);
+			}), c = o(function() {
+				return s.value ? `Sent at ${s.value}` : "";
+			}), l = o(function() {
+				return Et(e.value.title);
+			}), u = o(function() {
+				return Et(e.value.description);
+			});
+			return {
+				role: t,
+				ariaLive: i,
+				hasCreatedAt: a,
+				createdAtText: s,
+				createdAtAriaLabel: c,
+				titleAriaLabel: l,
+				descriptionAriaLabel: u,
+				toastAriaLabel: o(function() {
+					let t = [];
+					return l.value && t.push(l.value), u.value && t.push(u.value), a.value && c.value && t.push(c.value), t.length || t.push(`${e.value.type} notification`), t.join(". ");
+				})
+			};
+		}
+		function _t(e, t, n) {
+			let i = o(function() {
+				if (r(e.value.duration)) return e.value.duration;
+			}), a = o(function() {
+				return i.value ? { "--tf-toast-progress-duration": `${i.value}ms` } : {};
+			}), s = o(function() {
+				return e.value.progressBar && !!i.value;
+			}), c = y(0);
+			return E(() => t?.value, function(e) {
+				e != null && (c.value += 1);
+			}), E(() => n?.value, function(e) {
+				e != null && (c.value += 1);
+			}), {
+				duration: i,
+				progressStyle: a,
+				showProgressBar: s,
+				progressKeyLocal: c
+			};
+		}
+		function vt(e, t) {
+			let n = y(!1), r = y(!1);
+			function i() {
+				n.value = !1, requestAnimationFrame(function() {
+					n.value = !0;
+				});
+			}
+			function a() {
+				r.value = !1, requestAnimationFrame(function() {
+					r.value = !0;
+				});
+			}
+			return E(() => e?.value, function(e) {
+				e != null && i();
+			}), E(() => t?.value, function(e) {
+				e != null && a();
+			}), {
+				isBumped: n,
+				isUpdated: r
+			};
+		}
+		function yt(e, t, n) {
+			let r = y(!1), i = "";
+			function a() {
+				i === "touch" || i === "pen" || l() && d();
+			}
+			function o() {
+				if (i === "touch" || i === "pen") {
+					i = "";
+					return;
+				}
+				l() && f();
+			}
+			function s(e) {
+				i = e.pointerType, l(e, !0) && d();
+			}
+			function c(e) {
+				l(e, !0) && f();
+			}
+			function l(t, r = !1) {
+				return !n.value || !e.value.pauseOnHover ? !1 : !(r && t && !u(t));
+			}
+			function u(e) {
+				return e.pointerType === "touch" || e.pointerType === "pen";
+			}
+			function d() {
+				r.value = !0, t.pause(e.value.id);
+			}
+			function f() {
+				r.value = !1, t.resume(e.value.id);
+			}
+			return {
+				isHovered: r,
+				handleMouseEnter: a,
+				handleMouseLeave: o,
+				handlePointerDown: s,
+				handlePointerUp: c
+			};
+		}
+		function bt(e, t) {
+			let n = o(function() {
+				return !!e.value.swipeToDismiss;
+			}), r = y(0), i = y(1), a = y(!1), s = y(!1), c = y(null), l = y(0), u = y(0), d = y(0), f = y(!1), p = y(!1), m = y(!1), h = null, g = o(function() {
+				return !n.value && r.value === 0 && i.value === 1 ? {} : {
+					transform: `translate3d(${r.value}px, 0, 0)`,
+					opacity: i.value,
+					transition: a.value ? "none" : `transform ${Ke}ms ease, opacity ${Ke}ms ease`
+				};
+			});
+			function _() {
+				h &&= (clearTimeout(h), null);
+			}
+			function v() {
+				c.value = null, f.value = !1, p.value = !1, m.value = !1, d.value = 0;
+			}
+			function b() {
+				a.value = !1, !(r.value === 0 && i.value === 1) && (r.value = 0, i.value = 1);
+			}
+			function x(e) {
+				return c.value !== null && c.value === e.pointerId;
+			}
+			function S(e) {
+				let t = e.currentTarget;
+				if (t?.releasePointerCapture) try {
+					t.releasePointerCapture(e.pointerId);
+				} catch {}
+			}
+			function C(e) {
+				return !n.value || e.button !== void 0 && e.button !== 0 ? !1 : !Ct(e.target);
+			}
+			function w(e) {
+				if (!C(e)) return;
+				_(), s.value = !1, a.value = !1, c.value = e.pointerId, l.value = e.clientX, u.value = e.clientY;
+				let t = e.currentTarget;
+				if (d.value = t?.getBoundingClientRect().width ?? 0, t?.setPointerCapture) try {
+					t.setPointerCapture(e.pointerId);
+				} catch {}
+			}
+			function T(e) {
+				if (!x(e) || p.value) return;
+				let t = e.clientX - l.value, n = e.clientY - u.value, o = Math.abs(t), s = Math.abs(n);
+				if (!f.value) {
+					if (o < Ue && s < Ue) return;
+					if (t <= 0 || s > o) {
+						p.value = !0, b();
+						return;
+					}
+					f.value = !0;
+				}
+				e.preventDefault(), a.value = !0, m.value = !0;
+				let c = Math.max(0, t), h = d.value > 0 ? d.value : 1, g = Math.min(c / h, 1);
+				r.value = c, i.value = Math.max(1 - g * .85, .15);
+			}
+			function D(n) {
+				if (!x(n)) return;
+				if (S(n), !f.value || p.value || !m.value) {
+					b(), v();
+					return;
+				}
+				let o = d.value > 0 ? d.value : 1, c = Math.max(o * We, Ge);
+				r.value >= c ? (a.value = !1, s.value = !0, r.value = o + 24, i.value = 0, h = setTimeout(function() {
+					t("dismiss", e.value.id), h = null;
+				}, qe)) : (r.value > Ue && (s.value = !0), b()), v();
+			}
+			function O(e) {
+				x(e) && (S(e), b(), v());
+			}
+			function k() {
+				return s.value ? (s.value = !1, !0) : !1;
+			}
+			return E(n, function(e) {
+				e || (_(), b(), v());
+			}), ee(function() {
+				_();
+			}), {
+				isSwipeEnabled: n,
+				swipeStyle: g,
+				handlePointerDown: w,
+				handlePointerMove: T,
+				handlePointerUp: D,
+				handlePointerCancel: O,
+				consumeSuppressedClick: k
+			};
+		}
+		function xt(e, t, n) {
+			function r(t) {
+				if (n && n()) return;
+				let r = wt(e.value);
+				e.value.onClick && e.value.onClick(r, t), e.value.closeOnClick && i();
+			}
+			function i() {
+				t("dismiss", e.value.id);
+			}
+			return {
+				handleClick: r,
+				handleCloseClick: i
+			};
+		}
+		function St(e) {
+			let t = o(function() {
+				return e.value.buttons?.buttons ?? [];
+			}), n = o(function() {
+				return e.value.buttons?.layout ?? "row";
+			}), r = o(function() {
+				let t = e.value.buttons?.alignment ?? "bottom-right";
+				return e.value.alignment === "right" ? t.endsWith("-left") ? t.replace(/-left$/, "-right") : t.endsWith("-right") ? t.replace(/-right$/, "-left") : t : t;
+			}), i = o(function() {
+				return t.value.length > 0;
+			}), a = o(function() {
+				return r.value.endsWith("-left") ? "left" : "right";
+			}), s = o(function() {
+				let e = r.value;
+				return e.startsWith("top-") ? "top" : e.startsWith("bottom-") ? "bottom" : "center";
+			}), c = o(function() {
+				if (n.value === "row") return a.value;
+				let e = s.value;
+				return e === "top" ? "top" : e === "bottom" ? "bottom" : a.value;
+			}), l = o(function() {
+				return c.value === "left" || c.value === "right";
+			}), u = o(function() {
+				return a.value === "left" ? "tf-toast-actions--start" : "tf-toast-actions--end";
+			}), d = o(function() {
+				return {
+					"--tf-toast-buttons-gap": e.value.buttons?.gap,
+					"--tf-toast-buttons-content-gap": e.value.buttons?.contentGap
+				};
+			}), f = o(function() {
+				if (!l.value) return;
+				let e = s.value;
+				if (e === "bottom") return "tf-toast-buttons--bottom";
+				if (e === "center") return "tf-toast-buttons--center";
+			}), p = o(function() {
+				return [
+					"tf-toast-actions",
+					u.value,
+					f.value
+				];
+			});
+			function m(t, n) {
+				let r = wt(e.value);
+				t.onClick && t.onClick(r, n);
+			}
+			return {
+				hasButtons: i,
+				buttons: t,
+				buttonsPlacement: c,
+				buttonsClasses: p,
+				buttonsVarsStyle: d,
+				handleButtonClick: m
+			};
+		}
+		function Ct(e) {
+			return e instanceof Element ? !!e.closest("button, a, input, textarea, select, option, [role='button'], [contenteditable='true']") : !1;
+		}
+		function wt(e) {
+			return {
+				id: e.id,
+				position: e.position,
+				type: e.type,
+				title: e.title,
+				description: e.description,
+				createdAt: e.createdAt
+			};
+		}
+		function Tt(e) {
+			return e.replace(/\s+/g, " ").trim();
+		}
+		function Et(e) {
+			if (!e) return "";
+			let t = Tt(e.replace(/<[^>]*>/g, " "));
+			if (typeof window > "u" || !window.document) return t;
+			try {
+				let t = window.document.createElement("div");
+				return t.innerHTML = e, Tt(t.textContent ?? "");
+			} catch {
+				return t;
+			}
+		}
+		return (e, t) => (v(), l("div", {
+			role: T(U),
+			"aria-live": T(G),
+			class: "tf-toast-wrapper",
+			style: h(T(Se))
+		}, [u("div", {
+			class: m(["tf-toast", [
+				T(R),
+				T(de) && F.value.phase !== "leaving" && F.value.phase !== "clear-all" && T(b),
+				T(pe) && F.value.phase !== "leaving" && F.value.phase !== "clear-all" && T(A),
+				F.value.phase === "clear-all" && T(D),
+				T(me) && "tf-toast--paused",
+				T(xe) && "tf-toast--swipe-enabled"
+			]]),
+			"aria-label": T(ae) || void 0,
+			"data-align": F.value.alignment,
+			style: h(nt.value),
+			onClick: t[1] ||= (...e) => T(Qe) && T(Qe)(...e),
+			onMouseenter: t[2] ||= (...e) => T(he) && T(he)(...e),
+			onMouseleave: t[3] ||= (...e) => T(_e) && T(_e)(...e),
+			onPointerdown: it,
+			onPointermove: at,
+			onPointerup: ot,
+			onPointercancel: st
+		}, [u("div", De, [
+			ut.value ? (v(), l("div", Oe, [d(W, {
+				buttons: T(X),
+				classes: T(Q),
+				"on-button-click": T($)
+			}, null, 8, [
+				"buttons",
+				"classes",
+				"on-button-click"
+			])])) : c("", !0),
+			u("div", { class: m(["tf-toast-main", [ft.value && "tf-toast-main--full", ct.value && "tf-toast-main--content-end"]]) }, [
+				ct.value ? (v(), l("div", ke, [d(W, {
+					buttons: T(X),
+					classes: T(Q),
+					"on-button-click": T($)
+				}, null, 8, [
+					"buttons",
+					"classes",
+					"on-button-click"
+				])])) : c("", !0),
+				u("div", Ae, [rt.value ? (v(), l("div", {
+					key: 0,
+					class: m(["tf-toast-icon", T(z)]),
+					"aria-hidden": "true"
+				}, [x(e.$slots, "icon", { toast: F.value }, () => [(v(), s(S(T(H)), {
+					class: m(["tf-toast-icon-svg", [F.value.type === "loading" && "tf-toast-icon-spin"]]),
+					"aria-hidden": "true"
+				}, null, 8, ["class"]))], !0)], 2)) : c("", !0), u("div", { class: m(["tf-toast-body", [pt.value && "tf-toast-body--has-created-at"]]) }, [
+					u("div", je, [F.value.title && !F.value.supportHtml ? (v(), l("p", {
+						key: 0,
+						"aria-label": T(ne) || void 0,
+						class: "tf-toast-title"
+					}, C(F.value.title), 9, Me)) : F.value.title && F.value.supportHtml ? (v(), l("p", {
+						key: 1,
+						class: "tf-toast-title",
+						"aria-label": T(ne) || void 0,
+						innerHTML: F.value.title
+					}, null, 8, Ne)) : c("", !0), F.value.description && !F.value.supportHtml ? (v(), l("p", {
+						key: 2,
+						"aria-label": T(re) || void 0,
+						class: "tf-toast-description"
+					}, C(F.value.description), 9, Pe)) : F.value.description && F.value.supportHtml ? (v(), l("p", {
+						key: 3,
+						class: "tf-toast-description",
+						"aria-label": T(re) || void 0,
+						innerHTML: F.value.description
+					}, null, 8, Fe)) : c("", !0)]),
+					x(e.$slots, "default", { toast: F.value }, void 0, !0),
+					pt.value ? (v(), l("div", Ie, [x(e.$slots, "created-at", {
+						toast: F.value,
+						formatted: T(q)
+					}, () => [u("span", { "aria-label": T(te) || void 0 }, C(T(q)), 9, Le)], !0)])) : c("", !0)
+				], 2)]),
+				lt.value ? (v(), l("div", Re, [d(W, {
+					buttons: T(X),
+					classes: T(Q),
+					"on-button-click": T($)
+				}, null, 8, [
+					"buttons",
+					"classes",
+					"on-button-click"
+				])])) : c("", !0)
+			], 2),
+			dt.value ? (v(), l("div", ze, [d(W, {
+				buttons: T(X),
+				classes: T(Q),
+				"on-button-click": T($)
+			}, null, 8, [
+				"buttons",
+				"classes",
+				"on-button-click"
+			])])) : c("", !0),
+			T(le) ? (v(), l("div", {
+				key: 2,
+				class: "tf-toast-progress-wrapper",
+				style: h(T(se))
+			}, [x(e.$slots, "progress", { toast: F.value }, () => [(v(), s(B, {
+				key: T(ue),
+				type: F.value.type,
+				"progress-alignment": F.value.progressAlignment
+			}, null, 8, ["type", "progress-alignment"]))], !0)], 4)) : c("", !0)
+		]), mt.value || F.value.closeButton ? (v(), l("div", Be, [mt.value ? (v(), l("div", Ve, [x(e.$slots, "created-at", {
+			toast: F.value,
+			formatted: T(q)
+		}, () => [u("span", { "aria-label": T(te) || void 0 }, C(T(q)), 9, He)], !0)])) : c("", !0), F.value.closeButton ? (v(), l("button", {
+			key: 1,
+			type: "button",
+			class: m(["tf-toast-close", T(V)]),
+			"aria-label": "Close notification",
+			onClick: t[0] ||= O((...e) => T($e) && T($e)(...e), ["stop"])
+		}, [x(e.$slots, "close-icon", { toast: F.value }, () => [d(we, {
+			class: "tf-toast-close-icon",
+			"aria-hidden": "true"
+		})], !0)], 2)) : c("", !0)])) : c("", !0)], 46, Ee)], 12, Te));
+	}
+}), [["__scopeId", "data-v-b9d1f13b"]]), Ye = ["data-position"], Xe = 260, Ze = 220, Qe = /* @__PURE__ */ z(/* @__PURE__ */ f({
+	__name: "ToastContainer",
+	setup(e) {
+		let t = [
+			"top-left",
+			"top-center",
+			"top-right",
+			"bottom-left",
+			"bottom-center",
+			"bottom-right"
+		], n = p(k, null) ?? N(), r = y([]), c = y({
+			enter: Xe,
+			leave: Ze
+		}), f = y({}), S = y({}), C = y({}), w = null, T = null;
+		_(function() {
+			w = n.subscribe(function(e) {
+				r.value = e.toasts;
+			}), T = n.subscribeEvents(function(e) {
+				e.kind === "timer-reset" && (f.value[e.id] = Math.random()), e.kind === "duplicate" && (S.value[e.id] = Math.random()), e.kind === "update" && (C.value[e.id] = Math.random());
+			}), W();
+		}), ee(function() {
+			w && w(), T && T();
+		});
+		function O(e) {
+			return f.value[e] ?? 0;
+		}
+		function A(e) {
+			return S.value[e] ?? 0;
+		}
+		function j(e) {
+			return C.value[e] ?? 0;
+		}
+		let M = o(function() {
+			let e = {
+				"top-left": [],
+				"top-center": [],
+				"top-right": [],
+				"bottom-left": [],
+				"bottom-center": [],
+				"bottom-right": []
+			};
+			for (let t of r.value) e[t.position].push(t);
+			return e;
+		}), P = n.getConfig(), F = y({
+			"top-left": {
+				...P,
+				position: "top-left"
+			},
+			"top-center": {
+				...P,
+				position: "top-center"
+			},
+			"top-right": {
+				...P,
+				position: "top-right"
+			},
+			"bottom-left": {
+				...P,
+				position: "bottom-left"
+			},
+			"bottom-center": {
+				...P,
+				position: "bottom-center"
+			},
+			"bottom-right": {
+				...P,
+				position: "bottom-right"
+			}
+		}), I = o(function() {
+			return r.value.length ? Math.max(...r.value.map((e) => e.zIndex)) : P.zIndex;
+		});
+		function L(e) {
+			return F.value[e] ?? {
+				...P,
+				position: e
+			};
+		}
+		function R(e) {
+			let { offset: t, width: n } = L(e), r = {
+				width: n,
+				maxWidth: `calc(100vw - (${t}) - (${t}))`
+			};
+			return e.startsWith("top-") && (r.top = t), e.startsWith("bottom-") && (r.bottom = t), e.endsWith("left") ? r.left = t : e.endsWith("right") ? r.right = t : e.endsWith("center") && (r.left = "50%", r.transform = "translateX(-50%)"), r;
+		}
+		function z(e) {
+			return e.endsWith("left") ? "tf-toast-stack--left" : e.endsWith("center") ? "tf-toast-stack--center" : "tf-toast-stack--right";
+		}
+		function B(e) {
+			return e.startsWith("bottom-") ? "tf-toast-stack-inner--bottom" : null;
+		}
+		function V(e) {
+			return L(e).overflowScroll && e.startsWith("top-");
+		}
+		function H(e) {
+			n.dismiss(e);
+		}
+		function U(e, t) {
+			let n = e.trim().toLowerCase();
+			if (!n) return t;
+			if (n.endsWith("ms")) {
+				let e = Number(n.slice(0, -2));
+				return Number.isFinite(e) ? e : t;
+			}
+			if (n.endsWith("s")) {
+				let e = Number(n.slice(0, -1));
+				return Number.isFinite(e) ? e * 1e3 : t;
+			}
+			let r = Number(n);
+			return Number.isFinite(r) ? r : t;
+		}
+		function W() {
+			if (typeof window > "u") return;
+			let e = getComputedStyle(document.documentElement);
+			c.value = {
+				enter: U(e.getPropertyValue("--tf-toast-animation-in-duration"), Xe),
+				leave: U(e.getPropertyValue("--tf-toast-animation-out-duration"), Ze)
+			};
+		}
+		let G = /* @__PURE__ */ new WeakMap();
+		g(function() {
+			let e = document.querySelectorAll(".tf-toast-item");
+			for (let t = 0; t < e.length; t++) {
+				let n = e[t], r = n.parentElement;
+				r && G.set(n, {
+					top: n.offsetTop,
+					height: n.offsetHeight,
+					parentHeight: r.clientHeight,
+					parentWidth: r.clientWidth
+				});
+			}
+		});
+		function K(e) {
+			let t = e, n = t.parentElement;
+			if (!n || n.children.length <= 1) return;
+			let r = G.get(t), i = (t.dataset.position ?? "").startsWith("bottom-") || n.classList.contains("tf-toast-stack-inner--bottom"), a = r?.top ?? t.offsetTop, o = r?.height ?? t.offsetHeight, s = r?.parentHeight ?? n.clientHeight, c = r?.parentWidth ?? n.clientWidth;
+			if (t.style.position = "absolute", t.style.zIndex = "0", t.style.width = `${c}px`, t.style.left = "0", t.style.right = "0", i) {
+				let e = s - (a + o);
+				t.style.bottom = `${e}px`, t.style.top = "auto";
+			} else t.style.top = `${a}px`, t.style.bottom = "auto";
+		}
+		function q(e) {
+			let t = e;
+			t.style.position = "", t.style.zIndex = "", t.style.width = "", t.style.left = "", t.style.right = "", t.style.top = "", t.style.bottom = "";
+		}
+		E(r, function(e) {
+			let t = new Set(e.map(function(e) {
+				return e.id;
+			}));
+			for (let e of Object.keys(f.value)) t.has(e) || delete f.value[e];
+			for (let e of Object.keys(S.value)) t.has(e) || delete S.value[e];
+			for (let e of Object.keys(C.value)) t.has(e) || delete C.value[e];
+		}, { deep: !1 });
+		function J(e) {
+			return {
+				...P.animation,
+				...e.animation
+			};
+		}
+		return E(M, function(e) {
+			let t = { ...F.value };
+			Object.keys(e).forEach(function(n) {
+				let r = e[n][0];
+				r && (t[n] = {
+					...P,
+					...r,
+					position: n,
+					animation: {
+						...P.animation,
+						...r.animation
+					}
+				});
+			}), F.value = t;
+		}, { deep: !1 }), (e, n) => (v(), l("div", {
+			class: "tf-toast-root",
+			style: h({ zIndex: I.value })
+		}, [(v(), l(i, null, b(t, (t) => u("div", {
+			key: t,
+			class: m(["tf-toast-stack", z(t)]),
+			style: h(R(t))
+		}, [d(a, {
+			appear: "",
+			duration: c.value,
+			name: L(t).animation.name,
+			onBeforeLeave: K,
+			onAfterLeave: q,
+			tag: "div",
+			class: m([
+				"tf-toast-stack-inner",
+				B(t),
+				V(t) && "tf-toast-stack-inner--scroll"
+			]),
+			style: h({ gap: L(t).gap })
+		}, {
+			default: D(() => [(v(!0), l(i, null, b(M.value[t], (t, n) => (v(), l("div", {
+				key: t.id,
+				class: "tf-toast-item",
+				style: h({
+					width: t.width,
+					maxWidth: "100%"
+				}),
+				"data-position": t.position
+			}, [u("div", {
+				class: "tf-toast-motion",
+				style: h({ "--tf-toast-index": n })
+			}, [e.$slots.default ? x(e.$slots, "default", {
+				key: 0,
+				toast: t,
+				progressResetKey: O(t.id),
+				duplicateKey: A(t.id),
+				updateKey: j(t.id),
+				bumpAnimationClass: J(t).bump,
+				clearAllAnimationClass: J(t).clearAll,
+				updateAnimationClass: J(t).update,
+				dismiss: H
+			}, void 0, !0) : (v(), s(Je, {
+				key: 1,
+				toast: t,
+				progressResetKey: O(t.id),
+				duplicateKey: A(t.id),
+				updateKey: j(t.id),
+				bumpAnimationClass: J(t).bump,
+				clearAllAnimationClass: J(t).clearAll,
+				updateAnimationClass: J(t).update,
+				onDismiss: H
+			}, null, 8, [
+				"toast",
+				"progressResetKey",
+				"duplicateKey",
+				"updateKey",
+				"bumpAnimationClass",
+				"clearAllAnimationClass",
+				"updateAnimationClass"
+			]))], 4)], 12, Ye))), 128))]),
+			_: 2
+		}, 1032, [
+			"duration",
+			"name",
+			"class",
+			"style"
+		])], 6)), 64))], 4));
+	}
+}), [["__scopeId", "data-v-c03eb678"]]);
+//#endregion
+export { be as ArrowPath, ce as Bell, J as CheckCircle, fe as InfoCircle, ge as QuestionMarkCircle, Je as Toast, Qe as ToastContainer, B as ToastProgress, ie as XCircle, we as XMark, I as createToastflow, N as getToastStore, M as setToastStore, F as toast };