maz-ui 3.11.1 → 3.11.3

package/components/MazBottomSheet.mjs

@@ -1,8 +1,8 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-0b1094d1]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-0b1094d1]{line-height:1}.m-btn__icon-left[data-v-0b1094d1]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-0b1094d1]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-0b1094d1]{cursor:pointer}.m-btn.--cursor-default[data-v-0b1094d1]{cursor:default}.m-btn.--is-link[data-v-0b1094d1]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-0b1094d1]{line-height:2.25rem}.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-0b1094d1]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-0b1094d1]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-0b1094d1]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-0b1094d1]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-0b1094d1]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-0b1094d1]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-0b1094d1]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-0b1094d1]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-0b1094d1]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-0b1094d1]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-0b1094d1]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-0b1094d1]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-0b1094d1]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-0b1094d1]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-0b1094d1]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-0b1094d1]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-0b1094d1]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):hover,.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-0b1094d1]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-0b1094d1]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-0b1094d1]{width:100%}.m-btn.--is-button.--primary[data-v-0b1094d1]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-0b1094d1]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-0b1094d1]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-0b1094d1]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-0b1094d1]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-0b1094d1]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-0b1094d1]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-0b1094d1]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-0b1094d1]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-0b1094d1]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-0b1094d1]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-0b1094d1]{padding:0}html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-bottom-sheet__container[data-v-3b0910c4]{position:relative;background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;padding-left:3rem;padding-right:3rem;-webkit-box-shadow:0 -5px 20px hsl(0deg 0% 0% / 20%);box-shadow:0 -5px 20px #0003}.m-bottom-sheet__content-wrapper[data-v-3b0910c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-bottom-sheet__close[data-v-3b0910c4]{position:absolute!important;right:1rem;top:1rem}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, withCtx, renderSlot, watch, Teleport, createVNode, Transition, withModifiers, unref } from "vue";
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-70723f14],.m-toast *[data-v-70723f14]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-70723f14]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-70723f14],.m-toast.--right[data-v-70723f14]{width:20rem}.m-toast.--center[data-v-70723f14]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-70723f14]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-70723f14]{margin:0;font-weight:500}.m-toast .--close[data-v-70723f14]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-70723f14]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-70723f14]{cursor:pointer}.m-toast.--info[data-v-70723f14]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-70723f14]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-70723f14]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-70723f14]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-70723f14]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-70723f14]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-70723f14]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-70723f14]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-70723f14]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-70723f14]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-70723f14]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-70723f14]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-70723f14],.m-slide-top-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-70723f14],.m-slide-top-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-70723f14],.m-slide-bottom-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-70723f14],.m-slide-bottom-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-70723f14],.m-slide-right-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-70723f14],.m-slide-right-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-70723f14],.m-slide-left-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-70723f14],.m-slide-left-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-8f2ccc23]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-8f2ccc23]{line-height:1}.m-btn__icon-left[data-v-8f2ccc23]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-8f2ccc23]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-8f2ccc23]{cursor:pointer}.m-btn.--cursor-default[data-v-8f2ccc23]{cursor:default}.m-btn.--is-link[data-v-8f2ccc23]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-8f2ccc23]{line-height:2.25rem}.m-btn.--is-link[data-v-8f2ccc23]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-8f2ccc23]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-8f2ccc23]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-8f2ccc23]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-8f2ccc23]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-8f2ccc23]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-8f2ccc23]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-8f2ccc23]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-8f2ccc23]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-8f2ccc23]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-8f2ccc23]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button[data-v-8f2ccc23]:not(.--no-rounded){border-radius:var(--maz-border-radius)}.m-btn.--is-button.--rounded[data-v-8f2ccc23]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-8f2ccc23]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-8f2ccc23]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-8f2ccc23]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-8f2ccc23]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-8f2ccc23]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-8f2ccc23]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-8f2ccc23]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-8f2ccc23]:not(.--disabled):hover,.m-btn.--is-button[data-v-8f2ccc23]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-8f2ccc23]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-8f2ccc23]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--fab.--xl[data-v-8f2ccc23]{height:4.125rem;width:4.125rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--fab.--lg[data-v-8f2ccc23]{height:3.375rem;width:3.375rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--fab.--md[data-v-8f2ccc23]{height:3rem;width:3rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--fab.--sm[data-v-8f2ccc23]{height:2.375rem;width:2.375rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--fab.--xs[data-v-8f2ccc23]{height:1.725rem;width:1.725rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--fab.--mini[data-v-8f2ccc23]{height:1.4rem;width:1.4rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--block[data-v-8f2ccc23]{width:100%}.m-btn.--is-button.--primary[data-v-8f2ccc23]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-8f2ccc23]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-8f2ccc23]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-8f2ccc23]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-8f2ccc23]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-8f2ccc23]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-8f2ccc23]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-8f2ccc23]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-8f2ccc23]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-8f2ccc23]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-8f2ccc23]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-8f2ccc23]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-8f2ccc23]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-8f2ccc23]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-8f2ccc23]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-8f2ccc23]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-8f2ccc23]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-8f2ccc23]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-8f2ccc23]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-8f2ccc23]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-8f2ccc23]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-8f2ccc23]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-8f2ccc23]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-8f2ccc23]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-8f2ccc23]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-8f2ccc23]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-8f2ccc23]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-8f2ccc23]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-8f2ccc23]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-8f2ccc23]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-8f2ccc23]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-8f2ccc23]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-8f2ccc23]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-8f2ccc23]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-8f2ccc23]{padding:0}html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-bottom-sheet__container[data-v-9887cf4b]{position:relative;background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;padding-left:3rem;padding-right:3rem;-webkit-box-shadow:0 -5px 20px hsl(0deg 0% 0% / 20%);box-shadow:0 -5px 20px #0003}.m-bottom-sheet__content-wrapper[data-v-9887cf4b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-bottom-sheet__close[data-v-9887cf4b]{position:absolute!important;right:1rem;top:1rem}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, onBeforeMount, createBlock, resolveDynamicComponent, withCtx, renderSlot, watch, Teleport, createVNode, Transition, withModifiers, unref } from "vue";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
-const _hoisted_1$4 = ["width", "height"];
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_1$3 = ["width", "height"];
+const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
   null,
@@ -10,7 +10,7 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   /* HOISTED */
 ));
 const _hoisted_3$1 = [
-  _hoisted_2$2
+  _hoisted_2$1
 ];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MazSpinner",
@@ -34,7 +34,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "xml:space": "preserve",
         class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
         style: { "enable-background": "new 0 0 50 50" }
-      }, _hoisted_3$1, 10, _hoisted_1$4);
+      }, _hoisted_3$1, 10, _hoisted_1$3);
     };
   }
 });
@@ -54,14 +54,14 @@ function injectStrict(key, fallback) {
   }
   return resolved;
 }
-const _hoisted_1$3 = {
+const _hoisted_1$2 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
+const _hoisted_2 = /* @__PURE__ */ createElementVNode(
   "path",
   {
     stroke: "currentColor",
@@ -75,18 +75,18 @@ const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_3 = [
-  _hoisted_2$1
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3);
 }
 const XIcon = { render };
 const MazToast_vue_vue_type_style_index_0_lang = "";
-const MazToast_vue_vue_type_style_index_1_scoped_db385587_lang = "";
+const MazToast_vue_vue_type_style_index_1_scoped_70723f14_lang = "";
 ref();
 ref();
 ref();
-const _hoisted_1$2 = ["innerHTML"];
+const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",
   props: {
@@ -229,7 +229,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }, {
             style: `font-size: ${__props.size}`,
             innerHTML: getSvgContent(svgElSource.value)
-          }), null, 16, _hoisted_1$2)) : createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$1)) : createCommentVNode("v-if", true),
           createCommentVNode(" eslint-enable vue/no-v-html "),
           createCommentVNode(" eslint-enable vue/html-self-closing ")
         ],
@@ -239,14 +239,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = {
-  key: 0,
-  class: "m-btn__icon-left maz-flex maz-flex-center"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "m-btn__icon-right maz-flex maz-flex-center"
-};
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -276,6 +268,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     },
     rounded: { type: Boolean, default: false },
+    noRounded: { type: Boolean, default: false },
     outline: { type: Boolean, default: false },
     pastel: { type: Boolean, default: false },
     block: { type: Boolean, default: false },
@@ -284,6 +277,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     fab: { type: Boolean, default: false },
+    icon: { type: String, default: void 0 },
     leftIcon: { type: String, default: void 0 },
     rightIcon: { type: String, default: void 0 },
     noPadding: { type: Boolean, default: false },
@@ -293,6 +287,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { href, to } = useAttrs();
     const slots = useSlots();
+    onBeforeMount(() => {
+      if (props.icon && !props.fab) {
+        console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+      }
+    });
     const component = computed(() => {
       if (href)
         return "a";
@@ -312,6 +311,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
     const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
     const hasIcon = computed(() => hasLeftIcon.value || hasRightIcon.value);
+    const hasFabIcon = computed(() => props.fab && props.icon);
     const btnType = computed(() => component.value === "button" ? props.type : void 0);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(component.value), mergeProps(_ctx.$attrs, {
@@ -330,6 +330,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             "--disabled": isDisabled.value,
             "--icon": hasIcon.value,
             "--rounded": __props.rounded,
+            "--no-rounded": __props.noRounded,
             "--no-padding": __props.noPadding,
             "--no-elevation": __props.noElevation
           }
@@ -337,14 +338,40 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         type: btnType.value
       }), {
         default: withCtx(() => [
-          hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-            renderSlot(_ctx.$slots, "left-icon", {}, () => [
-              __props.leftIcon ? (openBlock(), createBlock(_sfc_main$3, {
-                key: 0,
-                name: __props.leftIcon
-              }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-            ], true)
-          ])) : createCommentVNode("v-if", true),
+          hasLeftIcon.value ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
+            },
+            [
+              renderSlot(_ctx.$slots, "left-icon", {}, () => [
+                __props.leftIcon ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  name: __props.leftIcon
+                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
+              ], true)
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
+          hasFabIcon.value ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
+            },
+            [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                __props.icon ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  name: __props.icon
+                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
+              ], true)
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
           createElementVNode(
             "span",
             {
@@ -356,16 +383,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           ),
-          hasRightIcon.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "right-icon", {}, () => [
-              __props.rightIcon ? (openBlock(), createBlock(_sfc_main$3, {
-                key: 0,
-                name: __props.rightIcon
-              }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-            ], true)
-          ])) : createCommentVNode("v-if", true),
+          hasRightIcon.value ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 2,
+              class: normalizeClass(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
+            },
+            [
+              renderSlot(_ctx.$slots, "right-icon", {}, () => [
+                __props.rightIcon ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  name: __props.rightIcon
+                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
+              ], true)
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
           hasLoader.value ? (openBlock(), createBlock(MazSpinner, {
-            key: 2,
+            key: 3,
             size: "2em",
             color: __props.color,
             class: "m-btn__loader maz-absolute"
@@ -377,8 +413,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazBtn_vue_vue_type_style_index_0_scoped_0b1094d1_lang = "";
-const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0b1094d1"]]);
+const MazBtn_vue_vue_type_style_index_0_scoped_8f2ccc23_lang = "";
+const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-8f2ccc23"]]);
 const MODAL_OPENED_CLASS = "--backdrop-present";
 const addClassToDocument = () => {
   document.documentElement.classList.add(MODAL_OPENED_CLASS);
@@ -533,7 +569,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 8, ["to"]);
 }
 const MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-const _withScopeId = (n) => (pushScopeId("data-v-3b0910c4"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-9887cf4b"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "div",
   { class: "m-bottom-sheet__content-wrapper" },
@@ -583,7 +619,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: close
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(XIcon))
+                    createVNode(unref(XIcon), { class: "maz-text-lg" })
                   ]),
                   _: 2
                   /* DYNAMIC */
@@ -602,8 +638,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazBottomSheet_vue_vue_type_style_index_0_scoped_3b0910c4_lang = "";
-const MazBottomSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b0910c4"]]);
+const MazBottomSheet_vue_vue_type_style_index_0_scoped_9887cf4b_lang = "";
+const MazBottomSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9887cf4b"]]);
 export {
   MazBottomSheet as default
 };