maz-ui 3.6.11 → 3.7.0

package/components/MazPicker.mjs

@@ -1,5 +1,5 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode('@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{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-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{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[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{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-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-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-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{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-46a6f142]: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-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--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-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--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-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{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-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;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}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-input[data-v-c13c1d46]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-c13c1d46]{height:4rem}.m-input.--xl .m-input-input[data-v-c13c1d46],.m-input.--xl .m-input-label[data-v-c13c1d46]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-c13c1d46]{height:3.5rem}.m-input.--lg .m-input-input[data-v-c13c1d46],.m-input.--lg .m-input-label[data-v-c13c1d46]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-c13c1d46]{height:3rem}.m-input.--md .m-input-input[data-v-c13c1d46],.m-input.--md .m-input-label[data-v-c13c1d46]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-c13c1d46]{height:2.5rem}.m-input.--sm .m-input-input[data-v-c13c1d46],.m-input.--sm .m-input-label[data-v-c13c1d46]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-c13c1d46]{height:2rem}.m-input.--xs .m-input-input[data-v-c13c1d46],.m-input.--xs .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-c13c1d46]{height:1.5rem}.m-input.--mini .m-input-input[data-v-c13c1d46],.m-input.--mini .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-c13c1d46]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-c13c1d46]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-c13c1d46]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-c13c1d46]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-c13c1d46]{padding-right:.5rem}.m-input-wrapper-left[data-v-c13c1d46]{padding-left:.5rem}.m-input-input[data-v-c13c1d46]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-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);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-c13c1d46]:-webkit-autofill,.m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,.m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-label[data-v-c13c1d46]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;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;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-c13c1d46]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-c13c1d46]{z-index:2}.m-input.--should-up .m-input-label[data-v-c13c1d46]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-c13c1d46]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-c13c1d46]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-c13c1d46]{z-index:3}.m-input.--has-label .m-input-input[data-v-c13c1d46]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-c13c1d46]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-picker-header[data-v-8c16a95a]{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-picker-header[data-v-8c16a95a]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.m-picker-header[data-v-8c16a95a]{padding:.5rem;font-weight:400}.m-picker-header__year-transition[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;line-height:.75rem}.m-picker-header__date-transition[data-v-8c16a95a],.m-picker-header__time-transition[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;line-height:1rem}.m-picker-header__time-transition[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:5rem}.m-picker-header__year-text[data-v-8c16a95a]{font-size:.875rem;line-height:1.25rem}.m-picker-header__time[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-picker-header__time[data-v-8c16a95a]:not(.--has-date){width:100%}.m-picker-header__time:not(.--has-date) .m-picker-header__time-transition[data-v-8c16a95a]{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-picker-header.--primary[data-v-8c16a95a]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-picker-header.--primary .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-primary-100)}.m-picker-header.--secondary[data-v-8c16a95a]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-picker-header.--secondary .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-secondary-100)}.m-picker-header.--info[data-v-8c16a95a]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-picker-header.--info .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-info-100)}.m-picker-header.--success[data-v-8c16a95a]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-picker-header.--success .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-success-100)}.m-picker-header.--warning[data-v-8c16a95a]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-picker-header.--warning .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-warning-100)}.m-picker-header.--danger[data-v-8c16a95a]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-picker-header.--danger .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-danger-100)}.m-picker-header.--black[data-v-8c16a95a]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-picker-header.--white[data-v-8c16a95a]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-picker-header.--white .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-muted)}.m-picker-header.--transparent[data-v-8c16a95a]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-light);color:var(--maz-color-text)}.m-picker-calendar-switcher[data-v-97e093c3]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-picker-calendar-switcher[data-v-97e093c3]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.m-picker-calendar-switcher[data-v-97e093c3]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.25rem .5rem}.m-picker-calendar-switcher__date[data-v-97e093c3]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.maz-picker-month-switcher[data-v-b74c8069]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--maz-color-bg)}.maz-picker-month-switcher__header[data-v-b74c8069]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.5rem}.maz-picker-month-switcher__main[data-v-b74c8069]{display:grid;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;overflow-y:auto;padding:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-picker-month-switcher__main.--has-double[data-v-b74c8069]{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-picker-month-switcher__main>button[data-v-b74c8069]{height:100%!important}html.dark .maz-picker-month-switcher[data-v-b74c8069]{background-color:var(--maz-color-bg-light)}.maz-picker-year-switcher[data-v-046ce0cb]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--maz-color-bg)}.maz-picker-year-switcher__header[data-v-046ce0cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maz-picker-year-switcher__header[data-v-046ce0cb]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.maz-picker-year-switcher__header[data-v-046ce0cb]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.5rem}.maz-picker-year-switcher__main[data-v-046ce0cb]{display:grid;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;overflow-y:auto;padding:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}html.dark .maz-picker-year-switcher[data-v-046ce0cb]{background-color:var(--maz-color-bg-light)}.maz-picker-calendar-grid[data-v-75a14ddb]{position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.maz-picker-calendar-grid__container[data-v-75a14ddb]{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.25rem}.maz-picker-calendar-grid__container.--is-range[data-v-75a14ddb]{gap:0px;row-gap:.25rem}.maz-picker-calendar-grid__container button[data-v-75a14ddb]{height:2rem;cursor:pointer;padding:.25rem!important}.maz-picker-calendar-grid__container button.--is-today[data-v-75a14ddb]:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--maz-color-bg-light)!important}.maz-picker-calendar-grid__container button[data-v-75a14ddb]:hover:not(.--is-selected,.--is-between,.--is-between-hoverred),.maz-picker-calendar-grid__container button[data-v-75a14ddb]:focus:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--38760e79)!important}.maz-picker-calendar-grid__container button.--is-first[data-v-75a14ddb]:not(.--is-last){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.maz-picker-calendar-grid__container button.--is-last[data-v-75a14ddb]:not(.--is-first){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.maz-picker-calendar-grid__container button.--is-between-hoverred[data-v-75a14ddb]:not(.--is-last){border-radius:0!important}.maz-picker-calendar-grid__container button.--is-between-hoverred[data-v-75a14ddb]{background-color:var(--53f6e29e)!important}.maz-picker-calendar-grid__container button.--is-between[data-v-75a14ddb]{border-radius:0!important;background-color:var(--347e56ad)!important}.maz-picker-calendar-grid__container button.--is-between.--white[data-v-75a14ddb],.maz-picker-calendar-grid__container button.--is-between.--transparent[data-v-75a14ddb]{--tw-bg-opacity: 1 !important;background-color:rgb(156 163 175 / var(--tw-bg-opacity))!important}.maz-picker-calendar-grid__container button.--is-between.--black[data-v-75a14ddb]{--tw-bg-opacity: 1 !important;background-color:rgb(31 41 55 / var(--tw-bg-opacity))!important}.maz-picker-calendar-grid__container button span[data-v-75a14ddb]{font-size:.875rem;line-height:1.25rem}.maz-picker-calendar-grid__container button[data-v-75a14ddb]:disabled{cursor:not-allowed}html.dark .maz-picker-calendar-grid button.--is-today[data-v-75a14ddb]:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--maz-color-bg-lighter)!important}.maz-slidenext-leave-active[data-v-75a14ddb],.maz-slidenext-enter-active[data-v-75a14ddb],.maz-slideprev-leave-active[data-v-75a14ddb],.maz-slideprev-enter-active[data-v-75a14ddb]{position:absolute;top:0px;left:0px;right:0px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.maz-slideprev-leave-to[data-v-75a14ddb],.maz-slidenext-enter-from[data-v-75a14ddb]{-webkit-transform:translateX(100%);transform:translate(100%)}.maz-slidenext-leave-to[data-v-75a14ddb],.maz-slideprev-enter-from[data-v-75a14ddb]{-webkit-transform:translateX(-100%);transform:translate(-100%)}.maz-picker-calendar-days[data-v-76d7bb1a]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.25rem;text-align:center}.maz-picker-calendar-days span[data-v-76d7bb1a]{font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.maz-picker-calendar-month[data-v-09a4a66a]{width:100%;overflow:hidden;padding-top:.5rem;padding-bottom:.5rem}.maz-picker-calendar-month.--has-padding[data-v-09a4a66a]{padding-left:.5rem;padding-right:.5rem}.maz-picker-calendar-month__days[data-v-09a4a66a]{padding-bottom:.5rem}.maz-picker-shortcuts[data-v-0b8a4cf2]{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:start;-ms-flex-align:start;align-items:flex-start;gap:.25rem;overflow-y:auto;border-right-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.5rem;max-height:18.75rem}.maz-picker-shortcuts>button[data-v-0b8a4cf2]{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem!important;line-height:1rem!important}.maz-picker-shortcuts>button[data-v-0b8a4cf2]:not(.--is-selected){border-width:var(--maz-border-width)!important;border-color:var(--maz-color-bg-lighter)!important}.maz-picker-calendar[data-v-63407a6b]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.maz-picker-calendar__main[data-v-63407a6b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:16rem}.maz-picker-calendar__main.--has-double[data-v-63407a6b]{width:30rem}.maz-picker-calendar__main.--has-double .maz-picker-calendar__months>*[data-v-63407a6b]:first-child{border-right-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.maz-picker-calendar__months[data-v-63407a6b]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-picker-slide-enter-active[data-v-63407a6b],.maz-picker-slide-leave-active[data-v-63407a6b]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}.maz-picker-slide-enter-from[data-v-63407a6b],.maz-picker-slide-leave-to[data-v-63407a6b]{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-picker-time[data-v-b5a81465]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:18.75rem}.m-picker-time[data-v-b5a81465]:not(.--has-date){max-height:10rem}.m-picker-time.--has-date[data-v-b5a81465]{border-left-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-time[data-v-b5a81465]:before{content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0px;right:0px;top:50%;margin-left:auto;margin-right:auto;height:2.25rem;border-top-width:var(--maz-border-width);border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-time__column[data-v-b5a81465]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:scroll;padding-left:.25rem;padding-right:.25rem}.m-picker-time__column__items[data-v-b5a81465]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-picker-time__column__items[data-v-b5a81465]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.m-picker-time__column__items>button[data-v-b5a81465]{z-index:2;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-picker-time__column__divider[data-v-b5a81465]{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-picker-container[data-v-9aaadf08]{overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg)}.m-picker-container[data-v-9aaadf08]:not(.--is-inline){position:absolute;z-index:1050;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-picker-container.--is-inline[data-v-9aaadf08]{border-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-container.--has-date[data-v-9aaadf08]{min-width:16.875rem}.m-picker-container.--has-double[data-v-9aaadf08]{min-width:28.125rem}.m-picker-container__wrapper[data-v-9aaadf08]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--maz-color-bg)}.m-picker-container[data-v-9aaadf08] button:is(:disabled){background-color:transparent!important;--tw-text-opacity: 1 !important;color:rgb(209 213 219 / var(--tw-text-opacity))!important}html.dark .m-picker-container__wrapper[data-v-9aaadf08]{background-color:var(--maz-color-bg-light)}html.dark .m-picker-container[data-v-9aaadf08] button:is(:disabled){--tw-text-opacity: 1 !important;color:rgb(55 65 81 / var(--tw-text-opacity))!important}.m-picker[data-v-acd12f66]{position:relative}.m-picker--left .m-picker-container[data-v-acd12f66]{left:0px}.m-picker--bottom .m-picker-container[data-v-acd12f66]{top:100%}.m-picker--top .m-picker-container[data-v-acd12f66]{bottom:100%}.m-picker--right .m-picker-container[data-v-acd12f66]{right:0px}.m-picker .m-picker__button[data-v-acd12f66]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;cursor:not-allowed;background-color:transparent;padding-right:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-picker .m-picker__button__chevron[data-v-acd12f66]{height:1.25rem;width:1.25rem;color:var(--maz-color-text);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-picker.--is-open .m-picker__button__chevron[data-v-acd12f66]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-picker:not(.--is-disabled) .m-picker__button[data-v-acd12f66]{cursor:pointer}.m-picker:not(.--is-disabled) .m-picker__input[data-v-acd12f66] input{cursor:pointer!important}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { computed, defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, onMounted as onMounted$1, watchEffect, mergeProps, createCommentVNode, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createVNode, getCurrentInstance, resolveComponent, withDirectives, toHandlers, vModelDynamic, createTextVNode, toDisplayString, withModifiers, watch, TransitionGroup, Fragment, renderList, useCssVars, isRef, Transition, normalizeStyle, onBeforeMount, onUnmounted as onUnmounted$1, withKeys, vShow } from "vue";
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{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-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{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[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{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-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-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-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{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-46a6f142]: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-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--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-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--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-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{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-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;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}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-input[data-v-c13c1d46]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-c13c1d46]{height:4rem}.m-input.--xl .m-input-input[data-v-c13c1d46],.m-input.--xl .m-input-label[data-v-c13c1d46]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-c13c1d46]{height:3.5rem}.m-input.--lg .m-input-input[data-v-c13c1d46],.m-input.--lg .m-input-label[data-v-c13c1d46]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-c13c1d46]{height:3rem}.m-input.--md .m-input-input[data-v-c13c1d46],.m-input.--md .m-input-label[data-v-c13c1d46]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-c13c1d46]{height:2.5rem}.m-input.--sm .m-input-input[data-v-c13c1d46],.m-input.--sm .m-input-label[data-v-c13c1d46]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-c13c1d46]{height:2rem}.m-input.--xs .m-input-input[data-v-c13c1d46],.m-input.--xs .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-c13c1d46]{height:1.5rem}.m-input.--mini .m-input-input[data-v-c13c1d46],.m-input.--mini .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-c13c1d46]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-c13c1d46]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-c13c1d46]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-c13c1d46]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-c13c1d46]{padding-right:.5rem}.m-input-wrapper-left[data-v-c13c1d46]{padding-left:.5rem}.m-input-input[data-v-c13c1d46]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-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);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-c13c1d46]:-webkit-autofill,.m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,.m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-label[data-v-c13c1d46]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;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;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-c13c1d46]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-c13c1d46]{z-index:2}.m-input.--should-up .m-input-label[data-v-c13c1d46]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-c13c1d46]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-c13c1d46]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-c13c1d46]{z-index:3}.m-input.--has-label .m-input-input[data-v-c13c1d46]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-c13c1d46]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-picker-header[data-v-8c16a95a]{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-picker-header[data-v-8c16a95a]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.m-picker-header[data-v-8c16a95a]{padding:.5rem;font-weight:400}.m-picker-header__year-transition[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;line-height:.75rem}.m-picker-header__date-transition[data-v-8c16a95a],.m-picker-header__time-transition[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;line-height:1rem}.m-picker-header__time-transition[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:5rem}.m-picker-header__year-text[data-v-8c16a95a]{font-size:.875rem;line-height:1.25rem}.m-picker-header__time[data-v-8c16a95a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-picker-header__time[data-v-8c16a95a]:not(.--has-date){width:100%}.m-picker-header__time:not(.--has-date) .m-picker-header__time-transition[data-v-8c16a95a]{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-picker-header.--primary[data-v-8c16a95a]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-picker-header.--primary .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-primary-100)}.m-picker-header.--secondary[data-v-8c16a95a]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-picker-header.--secondary .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-secondary-100)}.m-picker-header.--info[data-v-8c16a95a]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-picker-header.--info .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-info-100)}.m-picker-header.--success[data-v-8c16a95a]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-picker-header.--success .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-success-100)}.m-picker-header.--warning[data-v-8c16a95a]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-picker-header.--warning .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-warning-100)}.m-picker-header.--danger[data-v-8c16a95a]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-picker-header.--danger .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-danger-100)}.m-picker-header.--black[data-v-8c16a95a]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-picker-header.--white[data-v-8c16a95a]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-picker-header.--white .m-picker-header__year-text[data-v-8c16a95a]{color:var(--maz-color-muted)}.m-picker-header.--transparent[data-v-8c16a95a]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-light);color:var(--maz-color-text)}.m-picker-calendar-switcher[data-v-97e093c3]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-picker-calendar-switcher[data-v-97e093c3]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.m-picker-calendar-switcher[data-v-97e093c3]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.25rem .5rem}.m-picker-calendar-switcher__date[data-v-97e093c3]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.maz-picker-month-switcher[data-v-b74c8069]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--maz-color-bg)}.maz-picker-month-switcher__header[data-v-b74c8069]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.5rem}.maz-picker-month-switcher__main[data-v-b74c8069]{display:grid;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;overflow-y:auto;padding:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-picker-month-switcher__main.--has-double[data-v-b74c8069]{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-picker-month-switcher__main>button[data-v-b74c8069]{height:100%!important}html.dark .maz-picker-month-switcher[data-v-b74c8069]{background-color:var(--maz-color-bg-light)}.maz-picker-year-switcher[data-v-046ce0cb]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--maz-color-bg)}.maz-picker-year-switcher__header[data-v-046ce0cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maz-picker-year-switcher__header[data-v-046ce0cb]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.maz-picker-year-switcher__header[data-v-046ce0cb]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.5rem}.maz-picker-year-switcher__main[data-v-046ce0cb]{display:grid;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;overflow-y:auto;padding:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}html.dark .maz-picker-year-switcher[data-v-046ce0cb]{background-color:var(--maz-color-bg-light)}.maz-picker-calendar-grid[data-v-75a14ddb]{position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.maz-picker-calendar-grid__container[data-v-75a14ddb]{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.25rem}.maz-picker-calendar-grid__container.--is-range[data-v-75a14ddb]{gap:0px;row-gap:.25rem}.maz-picker-calendar-grid__container button[data-v-75a14ddb]{height:2rem;cursor:pointer;padding:.25rem!important}.maz-picker-calendar-grid__container button.--is-today[data-v-75a14ddb]:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--maz-color-bg-light)!important}.maz-picker-calendar-grid__container button[data-v-75a14ddb]:hover:not(.--is-selected,.--is-between,.--is-between-hoverred),.maz-picker-calendar-grid__container button[data-v-75a14ddb]:focus:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--38760e79)!important}.maz-picker-calendar-grid__container button.--is-first[data-v-75a14ddb]:not(.--is-last){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.maz-picker-calendar-grid__container button.--is-last[data-v-75a14ddb]:not(.--is-first){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.maz-picker-calendar-grid__container button.--is-between-hoverred[data-v-75a14ddb]:not(.--is-last){border-radius:0!important}.maz-picker-calendar-grid__container button.--is-between-hoverred[data-v-75a14ddb]{background-color:var(--53f6e29e)!important}.maz-picker-calendar-grid__container button.--is-between[data-v-75a14ddb]{border-radius:0!important;background-color:var(--347e56ad)!important}.maz-picker-calendar-grid__container button.--is-between.--white[data-v-75a14ddb],.maz-picker-calendar-grid__container button.--is-between.--transparent[data-v-75a14ddb]{--tw-bg-opacity: 1 !important;background-color:rgb(156 163 175 / var(--tw-bg-opacity))!important}.maz-picker-calendar-grid__container button.--is-between.--black[data-v-75a14ddb]{--tw-bg-opacity: 1 !important;background-color:rgb(31 41 55 / var(--tw-bg-opacity))!important}.maz-picker-calendar-grid__container button span[data-v-75a14ddb]{font-size:.875rem;line-height:1.25rem}.maz-picker-calendar-grid__container button[data-v-75a14ddb]:disabled{cursor:not-allowed}html.dark .maz-picker-calendar-grid button.--is-today[data-v-75a14ddb]:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--maz-color-bg-lighter)!important}.maz-slidenext-leave-active[data-v-75a14ddb],.maz-slidenext-enter-active[data-v-75a14ddb],.maz-slideprev-leave-active[data-v-75a14ddb],.maz-slideprev-enter-active[data-v-75a14ddb]{position:absolute;top:0px;left:0px;right:0px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.maz-slideprev-leave-to[data-v-75a14ddb],.maz-slidenext-enter-from[data-v-75a14ddb]{-webkit-transform:translateX(100%);transform:translate(100%)}.maz-slidenext-leave-to[data-v-75a14ddb],.maz-slideprev-enter-from[data-v-75a14ddb]{-webkit-transform:translateX(-100%);transform:translate(-100%)}.maz-picker-calendar-days[data-v-76d7bb1a]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.25rem;text-align:center}.maz-picker-calendar-days span[data-v-76d7bb1a]{font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.maz-picker-calendar-month[data-v-09a4a66a]{width:100%;overflow:hidden;padding-top:.5rem;padding-bottom:.5rem}.maz-picker-calendar-month.--has-padding[data-v-09a4a66a]{padding-left:.5rem;padding-right:.5rem}.maz-picker-calendar-month__days[data-v-09a4a66a]{padding-bottom:.5rem}.maz-picker-shortcuts[data-v-0b8a4cf2]{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:start;-ms-flex-align:start;align-items:flex-start;gap:.25rem;overflow-y:auto;border-right-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.5rem;max-height:18.75rem}.maz-picker-shortcuts>button[data-v-0b8a4cf2]{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem!important;line-height:1rem!important}.maz-picker-shortcuts>button[data-v-0b8a4cf2]:not(.--is-selected){border-width:var(--maz-border-width)!important;border-color:var(--maz-color-bg-lighter)!important}.maz-picker-calendar[data-v-63407a6b]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.maz-picker-calendar__main[data-v-63407a6b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:16rem}.maz-picker-calendar__main.--has-double[data-v-63407a6b]{width:30rem}.maz-picker-calendar__main.--has-double .maz-picker-calendar__months>*[data-v-63407a6b]:first-child{border-right-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.maz-picker-calendar__months[data-v-63407a6b]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-picker-slide-enter-active[data-v-63407a6b],.maz-picker-slide-leave-active[data-v-63407a6b]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}.maz-picker-slide-enter-from[data-v-63407a6b],.maz-picker-slide-leave-to[data-v-63407a6b]{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-picker-time[data-v-b5a81465]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:18.75rem}.m-picker-time[data-v-b5a81465]:not(.--has-date){max-height:10rem}.m-picker-time.--has-date[data-v-b5a81465]{border-left-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-time[data-v-b5a81465]:before{content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0px;right:0px;top:50%;margin-left:auto;margin-right:auto;height:2.25rem;border-top-width:var(--maz-border-width);border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-time__column[data-v-b5a81465]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:scroll;padding-left:.25rem;padding-right:.25rem}.m-picker-time__column__items[data-v-b5a81465]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-picker-time__column__items[data-v-b5a81465]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.m-picker-time__column__items>button[data-v-b5a81465]{z-index:2;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-picker-time__column__divider[data-v-b5a81465]{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-picker-container[data-v-9aaadf08]{overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg)}.m-picker-container[data-v-9aaadf08]:not(.--is-inline){position:absolute;z-index:1050;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-picker-container.--is-inline[data-v-9aaadf08]{border-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-container.--has-date[data-v-9aaadf08]{min-width:16.875rem}.m-picker-container.--has-double[data-v-9aaadf08]{min-width:28.125rem}.m-picker-container__wrapper[data-v-9aaadf08]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--maz-color-bg)}.m-picker-container[data-v-9aaadf08] button:is(:disabled){background-color:transparent!important;--tw-text-opacity: 1 !important;color:rgb(209 213 219 / var(--tw-text-opacity))!important}html.dark .m-picker-container__wrapper[data-v-9aaadf08]{background-color:var(--maz-color-bg-light)}html.dark .m-picker-container[data-v-9aaadf08] button:is(:disabled){--tw-text-opacity: 1 !important;color:rgb(55 65 81 / var(--tw-text-opacity))!important}.m-picker[data-v-acd12f66]{position:relative}.m-picker--left .m-picker-container[data-v-acd12f66]{left:0px}.m-picker--bottom .m-picker-container[data-v-acd12f66]{top:100%}.m-picker--top .m-picker-container[data-v-acd12f66]{bottom:100%}.m-picker--right .m-picker-container[data-v-acd12f66]{right:0px}.m-picker .m-picker__button[data-v-acd12f66]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;cursor:not-allowed;background-color:transparent;padding-right:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-picker .m-picker__button__chevron[data-v-acd12f66]{height:1.25rem;width:1.25rem;color:var(--maz-color-text);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-picker.--is-open .m-picker__button__chevron[data-v-acd12f66]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-picker:not(.--is-disabled) .m-picker__button[data-v-acd12f66]{cursor:pointer}.m-picker:not(.--is-disabled) .m-picker__input[data-v-acd12f66] input{cursor:pointer!important}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { computed, defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, onMounted as onMounted$1, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createVNode, getCurrentInstance, resolveComponent, withDirectives, toHandlers, vModelDynamic, createTextVNode, toDisplayString, withModifiers, watch, TransitionGroup, renderList, useCssVars, isRef, Transition, normalizeStyle, onBeforeMount, onUnmounted as onUnmounted$1, withKeys, vShow } from "vue";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import isBetween from "dayjs/plugin/isBetween";
@@ -60,7 +60,13 @@ const useInstanceUniqId = ({
 };
 const _withScopeId = (n) => (pushScopeId("data-v-34f40819"), n = n(), popScopeId(), n);
 const _hoisted_1$d = ["width", "height"];
-const _hoisted_2$6 = /* @__PURE__ */ _withScopeId(() => /* @__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, -1));
+const _hoisted_2$6 = /* @__PURE__ */ _withScopeId(() => /* @__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,
+  -1
+  /* HOISTED */
+));
 const _hoisted_3$3 = [
   _hoisted_2$6
 ];
@@ -245,19 +251,31 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
     watchEffect(() => getSource(fullSrc.value));
     return (_ctx, _cache) => {
-      return svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
-        key: 0,
-        ref_key: "svgElem",
-        ref: svgElem,
-        width: "1em",
-        height: "1em"
-      }, {
-        ...getSvgAttrs(svgElSource.value),
-        ...filterAttrs(_ctx.$attrs)
-      }, {
-        style: `font-size: ${__props.size}`,
-        innerHTML: getSvgContent(svgElSource.value)
-      }), null, 16, _hoisted_1$c)) : createCommentVNode("", true);
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(" eslint-disable vue/no-v-html "),
+          createCommentVNode(" eslint-disable vue/html-self-closing "),
+          svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
+            key: 0,
+            ref_key: "svgElem",
+            ref: svgElem,
+            width: "1em",
+            height: "1em"
+          }, {
+            ...getSvgAttrs(svgElSource.value),
+            ...filterAttrs(_ctx.$attrs)
+          }, {
+            style: `font-size: ${__props.size}`,
+            innerHTML: getSvgContent(svgElSource.value)
+          }), null, 16, _hoisted_1$c)) : createCommentVNode("v-if", true),
+          createCommentVNode(" eslint-enable vue/no-v-html "),
+          createCommentVNode(" eslint-enable vue/html-self-closing ")
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
     };
   }
 });
@@ -380,9 +398,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               __props.leftIcon ? (openBlock(), createBlock(_sfc_main$e, {
                 key: 0,
                 name: __props.leftIcon
-              }, null, 8, ["name"])) : createCommentVNode("", true)
+              }, null, 8, ["name"])) : createCommentVNode("v-if", true)
             ], true)
-          ])) : createCommentVNode("", true),
+          ])) : createCommentVNode("v-if", true),
           createElementVNode("span", _hoisted_2$5, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
@@ -391,20 +409,27 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               __props.rightIcon ? (openBlock(), createBlock(_sfc_main$e, {
                 key: 0,
                 name: __props.rightIcon
-              }, null, 8, ["name"])) : createCommentVNode("", true)
+              }, null, 8, ["name"])) : createCommentVNode("v-if", true)
             ], true)
-          ])) : createCommentVNode("", true),
-          unref(hasLoader) ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: normalizeClass(["m-btn__loading-wrapper", unref(loaderBgColorClass)])
-          }, [
-            createVNode(MazSpinner, {
-              size: "2em",
-              color: unref(loaderColor)
-            }, null, 8, ["color"])
-          ], 2)) : createCommentVNode("", true)
+          ])) : createCommentVNode("v-if", true),
+          unref(hasLoader) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 2,
+              class: normalizeClass(["m-btn__loading-wrapper", unref(loaderBgColorClass)])
+            },
+            [
+              createVNode(MazSpinner, {
+                size: "2em",
+                color: unref(loaderColor)
+              }, null, 8, ["color"])
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["disabled", "class", "type"]);
     };
   }
@@ -614,120 +639,138 @@ const _hoisted_6 = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MazIcon = resolveComponent("MazIcon");
   const _component_MazBtn = resolveComponent("MazBtn");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["m-input", [
-      {
-        "--is-focused": _ctx.isFocused || _ctx.borderActive,
-        "--should-up": _ctx.shouldUp,
-        "--has-label": _ctx.hasLabel,
-        "--is-disabled": _ctx.disabled,
-        "--is-readonly": _ctx.readonly,
-        "--has-z-2": _ctx.error || _ctx.warning || _ctx.success,
-        "--has-state": _ctx.error || _ctx.warning || _ctx.success
-      },
-      _ctx.$attrs.class,
-      `--${_ctx.color}`,
-      `--${_ctx.size}`
-    ]]),
-    onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", $event))
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(["m-input-wrapper", [_ctx.inputClasses, _ctx.borderStyle, { "maz-rounded": !_ctx.noRadius }]])
-    }, [
-      _ctx.hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
-        _ctx.$slots["left-icon"] || _ctx.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
-          createVNode(_component_MazIcon, {
-            name: _ctx.leftIcon,
-            class: "maz-text-muted"
-          }, null, 8, ["name"])
-        ], true) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_2$4, [
-        withDirectives(createElementVNode("input", mergeProps({
-          id: _ctx.instanceId,
-          ref: "input",
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
-          type: _ctx.inputType,
-          name: _ctx.name
-        }, _ctx.$attrs, {
-          placeholder: _ctx.computedPlaceholder,
-          "aria-label": _ctx.label || _ctx.placeholder,
-          disabled: _ctx.disabled,
-          readonly: _ctx.readonly,
-          required: _ctx.required,
-          class: "m-input-input"
-        }, toHandlers({
-          blur: _ctx.blur,
-          focus: _ctx.focus,
-          change: _ctx.change
-        }, true)), null, 16, _hoisted_3$1), [
-          [vModelDynamic, _ctx.inputValue]
-        ]),
-        _ctx.label || _ctx.hint ? (openBlock(), createElementBlock("label", {
-          key: 0,
-          ref: "label",
-          for: _ctx.instanceId,
-          class: normalizeClass(["m-input-label", [
-            {
-              "maz-text-danger-600": _ctx.error,
-              "maz-text-success-600": _ctx.success,
-              "maz-text-warning-600": _ctx.warning
-            }
-          ]])
-        }, [
-          createTextVNode(toDisplayString(_ctx.hint || _ctx.label) + " ", 1),
-          _ctx.required ? (openBlock(), createElementBlock("sup", _hoisted_5, "*")) : createCommentVNode("", true)
-        ], 10, _hoisted_4$1)) : createCommentVNode("", true)
-      ]),
-      _ctx.hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_6, [
-        _ctx.$slots["right-icon"] || _ctx.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
-          createVNode(_component_MazIcon, {
-            name: _ctx.rightIcon,
-            class: "maz-text-muted"
-          }, null, 8, ["name"])
-        ], true) : createCommentVNode("", true),
-        _ctx.isPasswordType ? (openBlock(), createBlock(_component_MazBtn, {
-          key: 1,
-          color: "transparent",
-          tabindex: "-1",
-          size: "mini",
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.hasPasswordVisible = !_ctx.hasPasswordVisible, ["stop"]))
-        }, {
-          default: withCtx(() => [
-            _ctx.hasPasswordVisible ? (openBlock(), createBlock(_component_MazIcon, {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass(["m-input", [
+        {
+          "--is-focused": _ctx.isFocused || _ctx.borderActive,
+          "--should-up": _ctx.shouldUp,
+          "--has-label": _ctx.hasLabel,
+          "--is-disabled": _ctx.disabled,
+          "--is-readonly": _ctx.readonly,
+          "--has-z-2": _ctx.error || _ctx.warning || _ctx.success,
+          "--has-state": _ctx.error || _ctx.warning || _ctx.success
+        },
+        _ctx.$attrs.class,
+        `--${_ctx.color}`,
+        `--${_ctx.size}`
+      ]]),
+      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", $event))
+    },
+    [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass(["m-input-wrapper", [_ctx.inputClasses, _ctx.borderStyle, { "maz-rounded": !_ctx.noRadius }]])
+        },
+        [
+          _ctx.hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+            _ctx.$slots["left-icon"] || _ctx.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
+              createVNode(_component_MazIcon, {
+                name: _ctx.leftIcon,
+                class: "maz-text-muted"
+              }, null, 8, ["name"])
+            ], true) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2$4, [
+            withDirectives(createElementVNode("input", mergeProps({
+              id: _ctx.instanceId,
+              ref: "input",
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
+              type: _ctx.inputType,
+              name: _ctx.name
+            }, _ctx.$attrs, {
+              placeholder: _ctx.computedPlaceholder,
+              "aria-label": _ctx.label || _ctx.placeholder,
+              disabled: _ctx.disabled,
+              readonly: _ctx.readonly,
+              required: _ctx.required,
+              class: "m-input-input"
+            }, toHandlers({
+              blur: _ctx.blur,
+              focus: _ctx.focus,
+              change: _ctx.change
+            }, true)), null, 16, _hoisted_3$1), [
+              [vModelDynamic, _ctx.inputValue]
+            ]),
+            _ctx.label || _ctx.hint ? (openBlock(), createElementBlock("label", {
               key: 0,
-              src: _ctx.EyeOffIcon,
-              class: "maz-text-muted"
-            }, null, 8, ["src"])) : (openBlock(), createBlock(_component_MazIcon, {
-              key: 1,
-              src: _ctx.EyeIcon,
-              class: "maz-text-muted"
-            }, null, 8, ["src"]))
+              ref: "label",
+              for: _ctx.instanceId,
+              class: normalizeClass(["m-input-label", [
+                {
+                  "maz-text-danger-600": _ctx.error,
+                  "maz-text-success-600": _ctx.success,
+                  "maz-text-warning-600": _ctx.warning
+                }
+              ]])
+            }, [
+              createTextVNode(
+                toDisplayString(_ctx.hint || _ctx.label) + " ",
+                1
+                /* TEXT */
+              ),
+              _ctx.required ? (openBlock(), createElementBlock("sup", _hoisted_5, "*")) : createCommentVNode("v-if", true)
+            ], 10, _hoisted_4$1)) : createCommentVNode("v-if", true)
           ]),
-          _: 1
-        })) : createCommentVNode("", true),
-        _ctx.$slots["valid-button"] || _ctx.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
-          createVNode(_component_MazBtn, {
-            color: "transparent",
-            disabled: _ctx.disabled,
-            tabindex: "-1",
-            loading: _ctx.validButtonLoading,
-            class: "m-input-valid-button",
-            size: "mini",
-            type: "submit"
-          }, {
-            default: withCtx(() => [
+          _ctx.hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            _ctx.$slots["right-icon"] || _ctx.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
               createVNode(_component_MazIcon, {
-                src: _ctx.CheckIcon,
-                class: "maz-text-normal"
-              }, null, 8, ["src"])
-            ]),
-            _: 1
-          }, 8, ["disabled", "loading"])
-        ], true) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true)
-    ], 2)
-  ], 2);
+                name: _ctx.rightIcon,
+                class: "maz-text-muted"
+              }, null, 8, ["name"])
+            ], true) : createCommentVNode("v-if", true),
+            _ctx.isPasswordType ? (openBlock(), createBlock(_component_MazBtn, {
+              key: 1,
+              color: "transparent",
+              tabindex: "-1",
+              size: "mini",
+              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.hasPasswordVisible = !_ctx.hasPasswordVisible, ["stop"]))
+            }, {
+              default: withCtx(() => [
+                _ctx.hasPasswordVisible ? (openBlock(), createBlock(_component_MazIcon, {
+                  key: 0,
+                  src: _ctx.EyeOffIcon,
+                  class: "maz-text-muted"
+                }, null, 8, ["src"])) : (openBlock(), createBlock(_component_MazIcon, {
+                  key: 1,
+                  src: _ctx.EyeIcon,
+                  class: "maz-text-muted"
+                }, null, 8, ["src"]))
+              ]),
+              _: 1
+              /* STABLE */
+            })) : createCommentVNode("v-if", true),
+            _ctx.$slots["valid-button"] || _ctx.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
+              createVNode(_component_MazBtn, {
+                color: "transparent",
+                disabled: _ctx.disabled,
+                tabindex: "-1",
+                loading: _ctx.validButtonLoading,
+                class: "m-input-valid-button",
+                size: "mini",
+                type: "submit"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_MazIcon, {
+                    src: _ctx.CheckIcon,
+                    class: "maz-text-normal"
+                  }, null, 8, ["src"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled", "loading"])
+            ], true) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )
+    ],
+    2
+    /* CLASS */
+  );
 }
 const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render], ["__scopeId", "data-v-c13c1d46"]]);
 const capitalize = (value) => {
@@ -854,62 +897,113 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["m-picker-header", [`--${__props.color}`]])
-      }, [
-        __props.hasDate ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-          createVNode(TransitionGroup, {
-            name: transitionName.value,
-            tag: "div",
-            class: "m-picker-header__year-transition"
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(yearArray), (y, yi) => {
-                return openBlock(), createElementBlock("span", {
-                  key: `${y}-${yi}`,
-                  class: "m-picker-header__year-text"
-                }, toDisplayString(y), 1);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["name"]),
-          createVNode(TransitionGroup, {
-            name: transitionName.value,
-            tag: "div",
-            class: "m-picker-header__date-transition"
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dateStringArray), (d, di) => {
-                return openBlock(), createElementBlock("span", {
-                  key: `${d}-${di}`,
-                  class: "m-picker-header__date-text"
-                }, toDisplayString(d), 1);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["name"])
-        ])) : createCommentVNode("", true),
-        unref(timeArray) ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(["m-picker-header__time", { "--has-date": __props.hasDate }])
-        }, [
-          createVNode(TransitionGroup, {
-            name: transitionName.value,
-            tag: "div",
-            class: "m-picker-header__time-transition"
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(timeArray), (t, ti) => {
-                return openBlock(), createElementBlock("span", {
-                  key: `${t}-${ti}`,
-                  class: "m-picker-header__time-text"
-                }, toDisplayString(t), 1);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["name"])
-        ], 2)) : createCommentVNode("", true)
-      ], 2);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["m-picker-header", [`--${__props.color}`]])
+        },
+        [
+          __props.hasDate ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+            createVNode(TransitionGroup, {
+              name: transitionName.value,
+              tag: "div",
+              class: "m-picker-header__year-transition"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(unref(yearArray), (y, yi) => {
+                    return openBlock(), createElementBlock(
+                      "span",
+                      {
+                        key: `${y}-${yi}`,
+                        class: "m-picker-header__year-text"
+                      },
+                      toDisplayString(y),
+                      1
+                      /* TEXT */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["name"]),
+            createVNode(TransitionGroup, {
+              name: transitionName.value,
+              tag: "div",
+              class: "m-picker-header__date-transition"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(unref(dateStringArray), (d, di) => {
+                    return openBlock(), createElementBlock(
+                      "span",
+                      {
+                        key: `${d}-${di}`,
+                        class: "m-picker-header__date-text"
+                      },
+                      toDisplayString(d),
+                      1
+                      /* TEXT */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["name"])
+          ])) : createCommentVNode("v-if", true),
+          unref(timeArray) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass(["m-picker-header__time", { "--has-date": __props.hasDate }])
+            },
+            [
+              createVNode(TransitionGroup, {
+                name: transitionName.value,
+                tag: "div",
+                class: "m-picker-header__time-transition"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(unref(timeArray), (t, ti) => {
+                      return openBlock(), createElementBlock(
+                        "span",
+                        {
+                          key: `${t}-${ti}`,
+                          class: "m-picker-header__time-text"
+                        },
+                        toDisplayString(t),
+                        1
+                        /* TEXT */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["name"])
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -968,6 +1062,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             }, null, 8, ["src"])
           ]),
           _: 1
+          /* STABLE */
         }),
         createVNode(MazBtn, {
           size: "sm",
@@ -977,9 +1072,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-month-switcher", $event))
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(monthLabel)), 1)
+            createTextVNode(
+              toDisplayString(unref(monthLabel)),
+              1
+              /* TEXT */
+            )
           ]),
           _: 1
+          /* STABLE */
         }),
         createVNode(MazBtn, {
           size: "sm",
@@ -989,9 +1089,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open-year-switcher", $event))
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(yearLabel)), 1)
+            createTextVNode(
+              toDisplayString(unref(yearLabel)),
+              1
+              /* TEXT */
+            )
           ]),
           _: 1
+          /* STABLE */
         }),
         createVNode(MazBtn, {
           size: "mini",
@@ -1006,6 +1111,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             }, null, 8, ["src"])
           ]),
           _: 1
+          /* STABLE */
         })
       ]);
     };
@@ -1203,29 +1309,47 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               }, null, 8, ["src"])
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
-        createElementVNode("div", {
-          class: normalizeClass(["maz-picker-month-switcher__main", { "--has-double": __props.double }])
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
-            return openBlock(), createBlock(MazBtn, {
-              key: month.label,
-              size: props.double ? "sm" : "xs",
-              class: normalizeClass({
-                "--is-selected": unref(isSameDate)(month.date, __props.calendarDate, "month")
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["maz-picker-month-switcher__main", { "--has-double": __props.double }])
+          },
+          [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(unref(months), (month) => {
+                return openBlock(), createBlock(MazBtn, {
+                  key: month.label,
+                  size: props.double ? "sm" : "xs",
+                  class: normalizeClass({
+                    "--is-selected": unref(isSameDate)(month.date, __props.calendarDate, "month")
+                  }),
+                  color: unref(isSameDate)(month.date, __props.calendarDate, "month") ? __props.color : "transparent",
+                  type: "button",
+                  onClick: withModifiers(($event) => selectMonth(month.date), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(month.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["size", "class", "color", "onClick"]);
               }),
-              color: unref(isSameDate)(month.date, __props.calendarDate, "month") ? __props.color : "transparent",
-              type: "button",
-              onClick: withModifiers(($event) => selectMonth(month.date), ["stop"])
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(month.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["size", "class", "color", "onClick"]);
-          }), 128))
-        ], 2)
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )
       ]);
     };
   }
@@ -1286,6 +1410,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["src"])
               ]),
               _: 1
+              /* STABLE */
             }, 8, ["onClick"]),
             createVNode(MazBtn, {
               size: "mini",
@@ -1300,6 +1425,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["src"])
               ]),
               _: 1
+              /* STABLE */
             }, 8, ["onClick"])
           ]),
           createVNode(MazBtn, {
@@ -1315,26 +1441,38 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               }, null, 8, ["src"])
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         createElementVNode("div", _hoisted_4, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(years), (year) => {
-            return openBlock(), createBlock(MazBtn, {
-              key: year.label,
-              size: "sm",
-              type: "button",
-              class: normalizeClass({
-                "--is-selected": unref(isSameDate)(year.date, __props.calendarDate, "year")
-              }),
-              color: unref(isSameDate)(year.date, __props.calendarDate, "year") ? __props.color : "transparent",
-              onClick: withModifiers(($event) => selectYear(year.date), ["stop"])
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(year.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["class", "color", "onClick"]);
-          }), 128))
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(unref(years), (year) => {
+              return openBlock(), createBlock(MazBtn, {
+                key: year.label,
+                size: "sm",
+                type: "button",
+                class: normalizeClass({
+                  "--is-selected": unref(isSameDate)(year.date, __props.calendarDate, "year")
+                }),
+                color: unref(isSameDate)(year.date, __props.calendarDate, "year") ? __props.color : "transparent",
+                onClick: withModifiers(($event) => selectYear(year.date), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(year.label),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["class", "color", "onClick"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
         ])
       ]);
     };
@@ -1545,52 +1683,90 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "MazPickerGrid",
-        ref: MazPickerGrid,
-        class: "maz-picker-calendar-grid"
-      }, [
-        createVNode(TransitionGroup, { name: transitionName.value }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList([unref(calendarDateArray)], (dateArray, dateIndex) => {
-              return openBlock(), createElementBlock("div", {
-                key: `${dateArray[dateIndex]}`,
-                class: normalizeClass(["maz-picker-calendar-grid__container", { "--is-range": unref(isRangeMode) }])
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(emptyDaysCount), (first) => {
-                  return openBlock(), createElementBlock("div", { key: first });
-                }), 128)),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(monthDays), ({ label, date: date2 }, i) => {
-                  return openBlock(), createBlock(MazBtn, {
-                    key: i,
-                    size: "mini",
-                    color: getDayButtonColor(date2),
-                    type: "button",
-                    disabled: __props.disabled || isSmallerMinDate(date2) || isBiggerMaxDate(date2) || isDisabledWeekly(date2) || isDisabledDate(date2),
-                    class: normalizeClass({
-                      "--is-today": checkIsToday(date2),
-                      "--is-first": isFirstDay(date2),
-                      "--is-last": isLastDay(date2) || unref(isRangeMode) && isLastDayHoverred(date2),
-                      "--is-selected": isSelectedOrBetween(date2) === 1,
-                      "--is-between": isSelectedOrBetween(date2) === 2,
-                      "--is-between-hoverred": unref(isRangeMode) ? isBetweenHoverred(date2) === 3 : void 0
-                    }),
-                    onClick: ($event) => selectDay(date2),
-                    onMouseover: ($event) => unref(isRangeMode) ? setHoverredDay(date2) : void 0,
-                    onMouseleave: _cache[0] || (_cache[0] = ($event) => unref(isRangeMode) ? setHoverredDay() : void 0)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", null, toDisplayString(label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["color", "disabled", "class", "onClick", "onMouseover"]);
-                }), 128))
-              ], 2);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["name"])
-      ], 512);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "MazPickerGrid",
+          ref: MazPickerGrid,
+          class: "maz-picker-calendar-grid"
+        },
+        [
+          createVNode(TransitionGroup, { name: transitionName.value }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList([unref(calendarDateArray)], (dateArray, dateIndex) => {
+                  return openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: `${dateArray[dateIndex]}`,
+                      class: normalizeClass(["maz-picker-calendar-grid__container", { "--is-range": unref(isRangeMode) }])
+                    },
+                    [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(unref(emptyDaysCount), (first) => {
+                          return openBlock(), createElementBlock("div", { key: first });
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )),
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(unref(monthDays), ({ label, date: date2 }, i) => {
+                          return openBlock(), createBlock(MazBtn, {
+                            key: i,
+                            size: "mini",
+                            color: getDayButtonColor(date2),
+                            type: "button",
+                            disabled: __props.disabled || isSmallerMinDate(date2) || isBiggerMaxDate(date2) || isDisabledWeekly(date2) || isDisabledDate(date2),
+                            class: normalizeClass({
+                              "--is-today": checkIsToday(date2),
+                              "--is-first": isFirstDay(date2),
+                              "--is-last": isLastDay(date2) || unref(isRangeMode) && isLastDayHoverred(date2),
+                              "--is-selected": isSelectedOrBetween(date2) === 1,
+                              "--is-between": isSelectedOrBetween(date2) === 2,
+                              "--is-between-hoverred": unref(isRangeMode) ? isBetweenHoverred(date2) === 3 : void 0
+                            }),
+                            onClick: ($event) => selectDay(date2),
+                            onMouseover: ($event) => unref(isRangeMode) ? setHoverredDay(date2) : void 0,
+                            onMouseleave: _cache[0] || (_cache[0] = ($event) => unref(isRangeMode) ? setHoverredDay() : void 0)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode(
+                                "span",
+                                null,
+                                toDisplayString(label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["color", "disabled", "class", "onClick", "onMouseover"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ],
+                    2
+                    /* CLASS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["name"])
+        ],
+        512
+        /* NEED_PATCH */
+      );
     };
   }
 });
@@ -1608,9 +1784,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const days = computed(() => getWeekDays(props.locale, props.firstDayOfWeek));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(days), ({ label }) => {
-          return openBlock(), createElementBlock("span", { key: label }, toDisplayString(label), 1);
-        }), 128))
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(unref(days), ({ label }) => {
+            return openBlock(), createElementBlock(
+              "span",
+              { key: label },
+              toDisplayString(label),
+              1
+              /* TEXT */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
       ]);
     };
   }
@@ -1657,31 +1845,37 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       set: (calendarDate) => emits("update:calendar-date", calendarDate)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["maz-picker-calendar-month", { "--has-padding": !unref(isRangeMode) }])
-      }, [
-        createVNode(MazPickerCalendarDays, {
-          locale: __props.locale,
-          "first-day-of-week": __props.firstDayOfWeek,
-          class: "maz-picker-calendar-month__days"
-        }, null, 8, ["locale", "first-day-of-week"]),
-        createVNode(MazPickerCalendarGrid, {
-          modelValue: unref(modelValue),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-          "hoverred-day": unref(hoverredDay),
-          "onUpdate:hoverred-day": _cache[1] || (_cache[1] = ($event) => isRef(hoverredDay) ? hoverredDay.value = $event : null),
-          locale: __props.locale,
-          color: __props.color,
-          "has-time": __props.hasTime,
-          "calendar-date": unref(calendarDateWithOffset),
-          "first-day-of-week": __props.firstDayOfWeek,
-          "min-date": __props.minDate,
-          "max-date": __props.maxDate,
-          "disabled-weekly": __props.disabledWeekly,
-          "disabled-dates": __props.disabledDates,
-          disabled: __props.disabled
-        }, null, 8, ["modelValue", "hoverred-day", "locale", "color", "has-time", "calendar-date", "first-day-of-week", "min-date", "max-date", "disabled-weekly", "disabled-dates", "disabled"])
-      ], 2);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["maz-picker-calendar-month", { "--has-padding": !unref(isRangeMode) }])
+        },
+        [
+          createVNode(MazPickerCalendarDays, {
+            locale: __props.locale,
+            "first-day-of-week": __props.firstDayOfWeek,
+            class: "maz-picker-calendar-month__days"
+          }, null, 8, ["locale", "first-day-of-week"]),
+          createVNode(MazPickerCalendarGrid, {
+            modelValue: unref(modelValue),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+            "hoverred-day": unref(hoverredDay),
+            "onUpdate:hoverredDay": _cache[1] || (_cache[1] = ($event) => isRef(hoverredDay) ? hoverredDay.value = $event : null),
+            locale: __props.locale,
+            color: __props.color,
+            "has-time": __props.hasTime,
+            "calendar-date": unref(calendarDateWithOffset),
+            "first-day-of-week": __props.firstDayOfWeek,
+            "min-date": __props.minDate,
+            "max-date": __props.maxDate,
+            "disabled-weekly": __props.disabledWeekly,
+            "disabled-dates": __props.disabledDates,
+            disabled: __props.disabled
+          }, null, 8, ["modelValue", "hoverred-day", "locale", "color", "has-time", "calendar-date", "first-day-of-week", "min-date", "max-date", "disabled-weekly", "disabled-dates", "disabled"])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -1734,22 +1928,33 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.shortcuts, ({ identifier, label, value }) => {
-          return openBlock(), createBlock(MazBtn, {
-            key: identifier,
-            type: "button",
-            size: "sm",
-            disabled: __props.disabled,
-            color: identifier === selectedShortcut.value ? props.color : "transparent",
-            class: normalizeClass({ "--is-selected": identifier === selectedShortcut.value }),
-            onClick: withModifiers(($event) => selectShortcut(value, identifier), ["stop"])
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(label), 1)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "color", "class", "onClick"]);
-        }), 128))
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(__props.shortcuts, ({ identifier, label, value }) => {
+            return openBlock(), createBlock(MazBtn, {
+              key: identifier,
+              type: "button",
+              size: "sm",
+              disabled: __props.disabled,
+              color: identifier === selectedShortcut.value ? props.color : "transparent",
+              class: normalizeClass({ "--is-selected": identifier === selectedShortcut.value }),
+              onClick: withModifiers(($event) => selectShortcut(value, identifier), ["stop"])
+            }, {
+              default: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(label),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["disabled", "color", "class", "onClick"]);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
       ]);
     };
   }
@@ -1813,68 +2018,82 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           shortcut: __props.shortcut,
           double: __props.double,
           disabled: __props.disabled
-        }, null, 8, ["modelValue", "color", "shortcuts", "shortcut", "double", "disabled"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(["maz-picker-calendar__main", { "--has-double": __props.double }])
-        }, [
-          createVNode(MazPickerCalendarSwitcher, {
-            "calendar-date": unref(calendarDate),
-            "onUpdate:calendar-date": _cache[1] || (_cache[1] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
-            locale: __props.locale,
-            double: __props.double,
-            onOpenMonthSwitcher: _cache[2] || (_cache[2] = ($event) => monthSwitcherOpen.value = true),
-            onOpenYearSwitcher: _cache[3] || (_cache[3] = ($event) => yearSwitcherOpen.value = true)
-          }, null, 8, ["calendar-date", "locale", "double"]),
-          createVNode(Transition, { name: "maz-picker-slide" }, {
-            default: withCtx(() => [
-              monthSwitcherOpen.value ? (openBlock(), createBlock(MazPickerMonthSwitcher, {
-                key: 0,
-                "calendar-date": unref(calendarDate),
-                "onUpdate:calendar-date": _cache[4] || (_cache[4] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
-                color: __props.color,
-                double: __props.double,
-                locale: __props.locale,
-                onClose: _cache[5] || (_cache[5] = ($event) => monthSwitcherOpen.value = false)
-              }, null, 8, ["calendar-date", "color", "double", "locale"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, { name: "maz-picker-slide" }, {
-            default: withCtx(() => [
-              yearSwitcherOpen.value ? (openBlock(), createBlock(MazPickerYearSwitcher, {
-                key: 0,
-                "calendar-date": unref(calendarDate),
-                "onUpdate:calendar-date": _cache[6] || (_cache[6] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
-                color: __props.color,
-                locale: __props.locale,
-                onClose: _cache[7] || (_cache[7] = ($event) => yearSwitcherOpen.value = false)
-              }, null, 8, ["calendar-date", "color", "locale"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createElementVNode("div", _hoisted_2$1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
-              return openBlock(), createBlock(MazPickerCalendarMonth, {
-                key: month,
-                modelValue: unref(currentValue),
-                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(currentValue) ? currentValue.value = $event : null),
-                "hoverred-day": hoverredDay.value,
-                "onUpdate:hoverred-day": _cache[9] || (_cache[9] = ($event) => hoverredDay.value = $event),
-                "calendar-date": unref(calendarDate),
-                locale: __props.locale,
-                "has-time": __props.hasTime,
-                color: __props.color,
-                "offset-month": month,
-                "first-day-of-week": __props.firstDayOfWeek,
-                "min-date": __props.minDate,
-                "max-date": __props.maxDate,
-                disabled: __props.disabled,
-                "disabled-weekly": __props.disabledWeekly,
-                "disabled-dates": __props.disabledDates
-              }, null, 8, ["modelValue", "hoverred-day", "calendar-date", "locale", "has-time", "color", "offset-month", "first-day-of-week", "min-date", "max-date", "disabled", "disabled-weekly", "disabled-dates"]);
-            }), 128))
-          ])
-        ], 2)
+        }, null, 8, ["modelValue", "color", "shortcuts", "shortcut", "double", "disabled"])) : createCommentVNode("v-if", true),
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["maz-picker-calendar__main", { "--has-double": __props.double }])
+          },
+          [
+            createVNode(MazPickerCalendarSwitcher, {
+              "calendar-date": unref(calendarDate),
+              "onUpdate:calendarDate": _cache[1] || (_cache[1] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
+              locale: __props.locale,
+              double: __props.double,
+              onOpenMonthSwitcher: _cache[2] || (_cache[2] = ($event) => monthSwitcherOpen.value = true),
+              onOpenYearSwitcher: _cache[3] || (_cache[3] = ($event) => yearSwitcherOpen.value = true)
+            }, null, 8, ["calendar-date", "locale", "double"]),
+            createVNode(Transition, { name: "maz-picker-slide" }, {
+              default: withCtx(() => [
+                monthSwitcherOpen.value ? (openBlock(), createBlock(MazPickerMonthSwitcher, {
+                  key: 0,
+                  "calendar-date": unref(calendarDate),
+                  "onUpdate:calendarDate": _cache[4] || (_cache[4] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
+                  color: __props.color,
+                  double: __props.double,
+                  locale: __props.locale,
+                  onClose: _cache[5] || (_cache[5] = ($event) => monthSwitcherOpen.value = false)
+                }, null, 8, ["calendar-date", "color", "double", "locale"])) : createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createVNode(Transition, { name: "maz-picker-slide" }, {
+              default: withCtx(() => [
+                yearSwitcherOpen.value ? (openBlock(), createBlock(MazPickerYearSwitcher, {
+                  key: 0,
+                  "calendar-date": unref(calendarDate),
+                  "onUpdate:calendarDate": _cache[6] || (_cache[6] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
+                  color: __props.color,
+                  locale: __props.locale,
+                  onClose: _cache[7] || (_cache[7] = ($event) => yearSwitcherOpen.value = false)
+                }, null, 8, ["calendar-date", "color", "locale"])) : createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createElementVNode("div", _hoisted_2$1, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(months), (month) => {
+                  return openBlock(), createBlock(MazPickerCalendarMonth, {
+                    key: month,
+                    modelValue: unref(currentValue),
+                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(currentValue) ? currentValue.value = $event : null),
+                    "hoverred-day": hoverredDay.value,
+                    "onUpdate:hoverredDay": _cache[9] || (_cache[9] = ($event) => hoverredDay.value = $event),
+                    "calendar-date": unref(calendarDate),
+                    locale: __props.locale,
+                    "has-time": __props.hasTime,
+                    color: __props.color,
+                    "offset-month": month,
+                    "first-day-of-week": __props.firstDayOfWeek,
+                    "min-date": __props.minDate,
+                    "max-date": __props.maxDate,
+                    disabled: __props.disabled,
+                    "disabled-weekly": __props.disabledWeekly,
+                    "disabled-dates": __props.disabledDates
+                  }, null, 8, ["modelValue", "hoverred-day", "calendar-date", "locale", "has-time", "color", "offset-month", "first-day-of-week", "min-date", "max-date", "disabled", "disabled-weekly", "disabled-dates"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ],
+          2
+          /* CLASS */
+        )
       ]);
     };
   }
@@ -2089,45 +2308,86 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       scrollColumn(identifier);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "MazPickerTime",
-        ref: MazPickerTime2,
-        class: normalizeClass(["m-picker-time", { "--has-date": __props.hasDate }])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), ({ values, identifier }, i) => {
-          return openBlock(), createElementBlock("div", {
-            key: i,
-            class: normalizeClass(["m-picker-time__column", [`m-picker-time__column__${identifier}`]])
-          }, [
-            createElementVNode("div", {
-              style: normalizeStyle({ height: `${dividerHeight.value}rem` }),
-              class: "m-picker-time__column__divider"
-            }, null, 4),
-            createElementVNode("div", _hoisted_1$2, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(values, ({ value, label, isDisabled }, unitIndex) => {
-                return openBlock(), createBlock(MazBtn, {
-                  key: unitIndex,
-                  size: "xs",
-                  color: isSelected(identifier, value) ? __props.color : "transparent",
-                  class: normalizeClass({ "--is-selected": isSelected(identifier, value) }),
-                  disabled: isDisabled || __props.disabled,
-                  type: "button",
-                  onClick: withModifiers(($event) => selectTime(identifier, value), ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(label), 1)
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "MazPickerTime",
+          ref: MazPickerTime2,
+          class: normalizeClass(["m-picker-time", { "--has-date": __props.hasDate }])
+        },
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(unref(columns), ({ values, identifier }, i) => {
+              return openBlock(), createElementBlock(
+                "div",
+                {
+                  key: i,
+                  class: normalizeClass(["m-picker-time__column", [`m-picker-time__column__${identifier}`]])
+                },
+                [
+                  createElementVNode(
+                    "div",
+                    {
+                      style: normalizeStyle({ height: `${dividerHeight.value}rem` }),
+                      class: "m-picker-time__column__divider"
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  ),
+                  createElementVNode("div", _hoisted_1$2, [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(values, ({ value, label, isDisabled }, unitIndex) => {
+                        return openBlock(), createBlock(MazBtn, {
+                          key: unitIndex,
+                          size: "xs",
+                          color: isSelected(identifier, value) ? __props.color : "transparent",
+                          class: normalizeClass({ "--is-selected": isSelected(identifier, value) }),
+                          disabled: isDisabled || __props.disabled,
+                          type: "button",
+                          onClick: withModifiers(($event) => selectTime(identifier, value), ["stop"])
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(label),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["color", "class", "disabled", "onClick"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
                   ]),
-                  _: 2
-                }, 1032, ["color", "class", "disabled", "onClick"]);
-              }), 128))
-            ]),
-            createElementVNode("div", {
-              style: normalizeStyle({ height: `${dividerHeight.value}rem` }),
-              class: "m-picker-time__column__divider"
-            }, null, 4)
-          ], 2);
-        }), 128))
-      ], 2);
+                  createElementVNode(
+                    "div",
+                    {
+                      style: normalizeStyle({ height: `${dividerHeight.value}rem` }),
+                      class: "m-picker-time__column__divider"
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  )
+                ],
+                2
+                /* CLASS */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -2185,70 +2445,76 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       set: (calendarDate2) => emits("update:calendar-date", calendarDate2)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["m-picker-container", {
-          "--has-double": __props.double,
-          "--is-inline": __props.inline,
-          "--has-date": __props.hasDate
-        }])
-      }, [
-        !__props.noHeader ? (openBlock(), createBlock(MazPickerHeader, {
-          key: 0,
-          color: __props.color,
-          "has-time": __props.hasTime,
-          "model-value": __props.modelValue,
-          locale: __props.locale,
-          "calendar-date": unref(calendarDate),
-          "has-date": __props.hasDate,
-          "formatter-options": __props.formatterOptions,
-          double: __props.double,
-          "no-shortcuts": __props.noShortcuts,
-          class: "m-picker-container__header"
-        }, null, 8, ["color", "has-time", "model-value", "locale", "calendar-date", "has-date", "formatter-options", "double", "no-shortcuts"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$1, [
-          __props.hasDate ? (openBlock(), createBlock(MazPickerCalendar, {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["m-picker-container", {
+            "--has-double": __props.double,
+            "--is-inline": __props.inline,
+            "--has-date": __props.hasDate
+          }])
+        },
+        [
+          !__props.noHeader ? (openBlock(), createBlock(MazPickerHeader, {
             key: 0,
-            modelValue: unref(currentDate),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentDate) ? currentDate.value = $event : null),
-            "calendar-date": unref(calendarDate),
-            "onUpdate:calendar-date": _cache[1] || (_cache[1] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
             color: __props.color,
-            locale: __props.locale,
             "has-time": __props.hasTime,
-            double: __props.double,
-            "min-date": __props.minDate,
-            "max-date": __props.maxDate,
-            "first-day-of-week": __props.firstDayOfWeek,
-            disabled: __props.disabled,
-            "disabled-weekly": __props.disabledWeekly,
-            "disabled-dates": __props.disabledDates,
-            shortcuts: __props.shortcuts,
-            shortcut: __props.shortcut,
-            "no-shortcuts": __props.noShortcuts,
-            class: "m-picker-container__calendar"
-          }, null, 8, ["modelValue", "calendar-date", "color", "locale", "has-time", "double", "min-date", "max-date", "first-day-of-week", "disabled", "disabled-weekly", "disabled-dates", "shortcuts", "shortcut", "no-shortcuts"])) : createCommentVNode("", true),
-          __props.hasTime ? (openBlock(), createBlock(MazPickerTime, {
-            key: 1,
-            modelValue: unref(currentDate),
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(currentDate) ? currentDate.value = $event : null),
-            "calendar-date": unref(calendarDate),
-            "onUpdate:calendar-date": _cache[3] || (_cache[3] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
-            "is-open": __props.isOpen,
-            color: __props.color,
+            "model-value": __props.modelValue,
             locale: __props.locale,
-            "min-date": __props.minDate,
-            "max-date": __props.maxDate,
+            "calendar-date": unref(calendarDate),
             "has-date": __props.hasDate,
-            format: __props.format,
-            disabled: __props.disabled,
-            "disabled-hours": __props.disabledHours,
-            "minute-interval": __props.minuteInterval,
             "formatter-options": __props.formatterOptions,
-            "is-hour12": __props.isHour12,
-            class: "m-picker-container__time"
-          }, null, 8, ["modelValue", "calendar-date", "is-open", "color", "locale", "min-date", "max-date", "has-date", "format", "disabled", "disabled-hours", "minute-interval", "formatter-options", "is-hour12"])) : createCommentVNode("", true)
-        ])
-      ], 2);
+            double: __props.double,
+            "no-shortcuts": __props.noShortcuts,
+            class: "m-picker-container__header"
+          }, null, 8, ["color", "has-time", "model-value", "locale", "calendar-date", "has-date", "formatter-options", "double", "no-shortcuts"])) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_1$1, [
+            __props.hasDate ? (openBlock(), createBlock(MazPickerCalendar, {
+              key: 0,
+              modelValue: unref(currentDate),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentDate) ? currentDate.value = $event : null),
+              "calendar-date": unref(calendarDate),
+              "onUpdate:calendarDate": _cache[1] || (_cache[1] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
+              color: __props.color,
+              locale: __props.locale,
+              "has-time": __props.hasTime,
+              double: __props.double,
+              "min-date": __props.minDate,
+              "max-date": __props.maxDate,
+              "first-day-of-week": __props.firstDayOfWeek,
+              disabled: __props.disabled,
+              "disabled-weekly": __props.disabledWeekly,
+              "disabled-dates": __props.disabledDates,
+              shortcuts: __props.shortcuts,
+              shortcut: __props.shortcut,
+              "no-shortcuts": __props.noShortcuts,
+              class: "m-picker-container__calendar"
+            }, null, 8, ["modelValue", "calendar-date", "color", "locale", "has-time", "double", "min-date", "max-date", "first-day-of-week", "disabled", "disabled-weekly", "disabled-dates", "shortcuts", "shortcut", "no-shortcuts"])) : createCommentVNode("v-if", true),
+            __props.hasTime ? (openBlock(), createBlock(MazPickerTime, {
+              key: 1,
+              modelValue: unref(currentDate),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(currentDate) ? currentDate.value = $event : null),
+              "calendar-date": unref(calendarDate),
+              "onUpdate:calendarDate": _cache[3] || (_cache[3] = ($event) => isRef(calendarDate) ? calendarDate.value = $event : null),
+              "is-open": __props.isOpen,
+              color: __props.color,
+              locale: __props.locale,
+              "min-date": __props.minDate,
+              "max-date": __props.maxDate,
+              "has-date": __props.hasDate,
+              format: __props.format,
+              disabled: __props.disabled,
+              "disabled-hours": __props.disabledHours,
+              "minute-interval": __props.minuteInterval,
+              "formatter-options": __props.formatterOptions,
+              "is-hour12": __props.isHour12,
+              class: "m-picker-container__time"
+            }, null, 8, ["modelValue", "calendar-date", "is-open", "color", "locale", "min-date", "max-date", "has-date", "format", "disabled", "disabled-hours", "minute-interval", "formatter-options", "is-hour12"])) : createCommentVNode("v-if", true)
+          ])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });
@@ -2781,9 +3047,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           _: 1
-        }, 16, ["model-value", "label", "disabled", "placeholder", "color"])) : createCommentVNode("", true),
+          /* STABLE */
+        }, 16, ["model-value", "label", "disabled", "placeholder", "color"])) : createCommentVNode("v-if", true),
         createVNode(Transition, {
-          name: pickerContainerPosition.value.vertical === "top" ? "maz-slideinvert" : "maz-slide"
+          name: pickerContainerPosition.value.vertical === "top" ? "maz-slideinvert" : "maz-slide",
+          persisted: ""
         }, {
           default: withCtx(() => [
             withDirectives(createVNode(MazPickerContainer, {
@@ -2792,7 +3060,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               modelValue: unref(currentValue),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(currentValue) ? currentValue.value = $event : null),
               "calendar-date": calendarDate.value,
-              "onUpdate:calendar-date": _cache[2] || (_cache[2] = ($event) => calendarDate.value = $event),
+              "onUpdate:calendarDate": _cache[2] || (_cache[2] = ($event) => calendarDate.value = $event),
               "is-open": unref(isOpen),
               color: __props.color,
               locale: unref(currentLocale),
@@ -2821,6 +3089,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           _: 1
+          /* STABLE */
         }, 8, ["name"])
       ], 46, _hoisted_1)), [
         [unref(directive), closeCalendarOnClickOutside]