maz-ui 3.5.0 → 3.6.1

package/components/MazPicker.mjs

@@ -0,0 +1,2942 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode('@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}.m-btn[data-v-7673d151]{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-7673d151]{line-height:1}.m-btn__icon-left[data-v-7673d151]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-7673d151]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-7673d151]{cursor:pointer}.m-btn.--cursor-default[data-v-7673d151]{cursor:default}.m-btn.--is-link[data-v-7673d151]{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-7673d151]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-7673d151]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-7673d151]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-7673d151]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-7673d151]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-7673d151]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-7673d151]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-7673d151]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-7673d151]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-7673d151]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-7673d151]{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-7673d151]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-7673d151]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-7673d151]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-7673d151]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-7673d151]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-7673d151]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-7673d151]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-7673d151]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-7673d151]{-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-7673d151]:not(.--disabled):hover,.m-btn.--is-button[data-v-7673d151]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-7673d151]{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-7673d151]: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-7673d151]{width:100%}.m-btn.--is-button.--primary[data-v-7673d151]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-7673d151]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-7673d151]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-7673d151]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-7673d151]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-7673d151]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-7673d151]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-7673d151]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-7673d151]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-7673d151]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-7673d151]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-7673d151]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-7673d151]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-7673d151]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-7673d151]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-7673d151]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-7673d151]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-7673d151]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-7673d151]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-7673d151]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-7673d151]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-7673d151]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-7673d151]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-7673d151]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-7673d151]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-7673d151]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-7673d151]{--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-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-7673d151]{--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-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-7673d151]{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-7673d151]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-7673d151]{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-7673d151]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-7673d151]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-7673d151]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-7673d151]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-7673d151]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-7673d151]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-7673d151]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-7673d151]{background-color:var(--maz-color-black)}.m-input[data-v-8d171d05]{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-8d171d05]{height:4rem}.m-input.--xl .m-input-input[data-v-8d171d05],.m-input.--xl .m-input-label[data-v-8d171d05]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-8d171d05]{height:3.5rem}.m-input.--lg .m-input-input[data-v-8d171d05],.m-input.--lg .m-input-label[data-v-8d171d05]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-8d171d05]{height:3rem}.m-input.--md .m-input-input[data-v-8d171d05],.m-input.--md .m-input-label[data-v-8d171d05]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-8d171d05]{height:2.5rem}.m-input.--sm .m-input-input[data-v-8d171d05],.m-input.--sm .m-input-label[data-v-8d171d05]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-8d171d05]{height:2rem}.m-input.--xs .m-input-input[data-v-8d171d05],.m-input.--xs .m-input-label[data-v-8d171d05]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-8d171d05]{height:1.5rem}.m-input.--mini .m-input-input[data-v-8d171d05],.m-input.--mini .m-input-label[data-v-8d171d05]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-8d171d05]{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-8d171d05]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-8d171d05]{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-8d171d05],.m-input-wrapper-left[data-v-8d171d05]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-8d171d05]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-8d171d05]>: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-8d171d05],.m-input-wrapper-left[data-v-8d171d05]{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-8d171d05]{padding-right:.5rem}.m-input-wrapper-left[data-v-8d171d05]{padding-left:.5rem}.m-input-input[data-v-8d171d05]{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-8d171d05]:-webkit-autofill,.m-input-input[data-v-8d171d05]:-webkit-autofill:hover,.m-input-input[data-v-8d171d05]:-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-8d171d05]{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-8d171d05]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-8d171d05]{z-index:2}.m-input.--should-up .m-input-label[data-v-8d171d05]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-8d171d05]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-8d171d05]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-8d171d05]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-8d171d05]{z-index:3}.m-input.--has-label .m-input-input[data-v-8d171d05]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-8d171d05]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-8d171d05]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-8d171d05]:-webkit-autofill,html.dark .m-input-input[data-v-8d171d05]:-webkit-autofill:hover,html.dark .m-input-input[data-v-8d171d05]:-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-bccd9724]{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-bccd9724]>: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-bccd9724]{padding:.5rem;font-weight:400}.m-picker-header__year-transition[data-v-bccd9724]{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-bccd9724],.m-picker-header__time-transition[data-v-bccd9724]{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-bccd9724]{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-bccd9724]{font-size:.875rem;line-height:1.25rem}.m-picker-header__time[data-v-bccd9724]{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-bccd9724]:not(.--has-date){width:100%}.m-picker-header__time:not(.--has-date) .m-picker-header__time-transition[data-v-bccd9724]{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-bccd9724]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-picker-header.--primary .m-picker-header__year-text[data-v-bccd9724]{color:var(--maz-color-primary-100)}.m-picker-header.--secondary[data-v-bccd9724]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-picker-header.--secondary .m-picker-header__year-text[data-v-bccd9724]{color:var(--maz-color-secondary-100)}.m-picker-header.--info[data-v-bccd9724]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-picker-header.--info .m-picker-header__year-text[data-v-bccd9724]{color:var(--maz-color-info-100)}.m-picker-header.--success[data-v-bccd9724]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-picker-header.--success .m-picker-header__year-text[data-v-bccd9724]{color:var(--maz-color-success-100)}.m-picker-header.--warning[data-v-bccd9724]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-picker-header.--warning .m-picker-header__year-text[data-v-bccd9724]{color:var(--maz-color-warning-100)}.m-picker-header.--danger[data-v-bccd9724]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-picker-header.--danger .m-picker-header__year-text[data-v-bccd9724]{color:var(--maz-color-danger-100)}.m-picker-header.--black[data-v-bccd9724]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-picker-header.--white[data-v-bccd9724]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-picker-header.--white .m-picker-header__year-text[data-v-bccd9724]{color:var(--maz-color-muted)}.m-picker-header.--transparent[data-v-bccd9724]{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-551616c2]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-picker-calendar-switcher[data-v-551616c2]>: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-551616c2]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.25rem .5rem}.m-picker-calendar-switcher__date[data-v-551616c2]{-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-6939ae87]{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-6939ae87]{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-6939ae87]{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-6939ae87]{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-picker-month-switcher__main>button[data-v-6939ae87]{height:100%!important}html.dark .maz-picker-month-switcher[data-v-6939ae87]{background-color:var(--maz-color-bg-light)}.maz-picker-year-switcher[data-v-52db3202]{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-52db3202]{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-52db3202]>: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-52db3202]{border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter);padding:.5rem}.maz-picker-year-switcher__main[data-v-52db3202]{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-52db3202]{background-color:var(--maz-color-bg-light)}.maz-picker-calendar-grid[data-v-111a4fbc]{position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.maz-picker-calendar-grid__container[data-v-111a4fbc]{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-111a4fbc]{gap:0px;row-gap:.25rem}.maz-picker-calendar-grid__container button[data-v-111a4fbc]{height:2rem;cursor:pointer;padding:.25rem!important}.maz-picker-calendar-grid__container button.--is-today[data-v-111a4fbc]:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--maz-color-bg-light)!important}.maz-picker-calendar-grid__container button[data-v-111a4fbc]:hover:not(.--is-selected,.--is-between,.--is-between-hoverred),.maz-picker-calendar-grid__container button[data-v-111a4fbc]:focus:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--4ab51120)!important}.maz-picker-calendar-grid__container button.--is-first[data-v-111a4fbc]: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-111a4fbc]: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-111a4fbc]:not(.--is-last){border-radius:0!important}.maz-picker-calendar-grid__container button.--is-between-hoverred[data-v-111a4fbc]{background-color:var(--1523922a)!important}.maz-picker-calendar-grid__container button.--is-between[data-v-111a4fbc]{border-radius:0!important;background-color:var(--99f168d8)!important}.maz-picker-calendar-grid__container button.--is-between.--white[data-v-111a4fbc],.maz-picker-calendar-grid__container button.--is-between.--transparent[data-v-111a4fbc]{--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-111a4fbc]{--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-111a4fbc]{font-size:.875rem;line-height:1.25rem}.maz-picker-calendar-grid__container button[data-v-111a4fbc]:disabled{cursor:not-allowed}html.dark .maz-picker-calendar-grid button.--is-today[data-v-111a4fbc]:not(.--is-selected,.--is-between,.--is-between-hoverred){background-color:var(--maz-color-bg-lighter)!important}.maz-slidenext-leave-active[data-v-111a4fbc],.maz-slidenext-enter-active[data-v-111a4fbc],.maz-slideprev-leave-active[data-v-111a4fbc],.maz-slideprev-enter-active[data-v-111a4fbc]{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-111a4fbc],.maz-slidenext-enter-from[data-v-111a4fbc]{-webkit-transform:translateX(100%);transform:translate(100%)}.maz-slidenext-leave-to[data-v-111a4fbc],.maz-slideprev-enter-from[data-v-111a4fbc]{-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-12b7ddad]{width:100%;overflow:hidden;padding-top:.5rem;padding-bottom:.5rem}.maz-picker-calendar-month.--has-padding[data-v-12b7ddad]{padding-left:.5rem;padding-right:.5rem}.maz-picker-calendar-month__days[data-v-12b7ddad]{padding-bottom:.5rem}.maz-picker-shortcuts[data-v-345c2224]{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-345c2224]{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-345c2224]:not(.--is-selected){border-width:var(--maz-border-width)!important;border-color:var(--maz-color-bg-lighter)!important}.maz-picker-calendar[data-v-1025a4ff]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.maz-picker-calendar__main[data-v-1025a4ff]{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-1025a4ff]{width:30rem}.maz-picker-calendar__main.--has-double .maz-picker-calendar__months>*[data-v-1025a4ff]:first-child{border-right-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.maz-picker-calendar__months[data-v-1025a4ff]{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-1025a4ff],.maz-picker-slide-leave-active[data-v-1025a4ff]{-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-1025a4ff],.maz-picker-slide-leave-to[data-v-1025a4ff]{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-picker-time[data-v-e326b290]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:18.75rem}.m-picker-time[data-v-e326b290]:not(.--has-date){max-height:10rem}.m-picker-time.--has-date[data-v-e326b290]{border-left-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-time[data-v-e326b290]: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-e326b290]{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-e326b290]{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-e326b290]>: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-e326b290]{z-index:2;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-picker-time__column__divider[data-v-e326b290]{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}.m-picker-container[data-v-57d0b394]{overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg)}.m-picker-container[data-v-57d0b394]: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-57d0b394]{border-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-picker-container.--has-date[data-v-57d0b394]{min-width:16.875rem}.m-picker-container.--has-double[data-v-57d0b394]{min-width:28.125rem}.m-picker-container__wrapper[data-v-57d0b394]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--maz-color-bg)}.m-picker-container[data-v-57d0b394] 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-57d0b394]{background-color:var(--maz-color-bg-light)}html.dark .m-picker-container[data-v-57d0b394] button:is(:disabled){--tw-text-opacity: 1 !important;color:rgb(55 65 81 / var(--tw-text-opacity))!important}.m-picker[data-v-bc61744c]{position:relative}.m-picker--left .m-picker-container[data-v-bc61744c]{left:0px}.m-picker--bottom .m-picker-container[data-v-bc61744c]{top:100%}.m-picker--top .m-picker-container[data-v-bc61744c]{bottom:100%}.m-picker--right .m-picker-container[data-v-bc61744c]{right:0px}.m-picker .m-picker__button[data-v-bc61744c]{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-bc61744c]{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-bc61744c]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-picker:not(.--is-disabled) .m-picker__button[data-v-bc61744c]{cursor:pointer}.m-picker:not(.--is-disabled) .m-picker__input[data-v-bc61744c] 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";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+import isBetween from "dayjs/plugin/isBetween";
+import weekday from "dayjs/plugin/weekday";
+function debounce(fn, wait = 0, callFirst = false) {
+  let timeout;
+  let debouncedFn;
+  const clear = function() {
+    if (timeout) {
+      clearTimeout(timeout);
+      debouncedFn = void 0;
+      timeout = void 0;
+    }
+  };
+  const flush = function() {
+    const call = debouncedFn;
+    clear();
+    if (call) {
+      call();
+    }
+  };
+  const debounceWrapper = function(...args) {
+    if (!wait) {
+      return fn.apply(this, args);
+    }
+    const context = this;
+    const callNow = callFirst && !timeout;
+    clear();
+    debouncedFn = function() {
+      fn.apply(context, args);
+    };
+    timeout = setTimeout(function() {
+      timeout = void 0;
+      if (!callNow) {
+        const call = debouncedFn;
+        debouncedFn = void 0;
+        if (call !== void 0)
+          return call();
+      }
+    }, wait);
+    if (callNow) {
+      return debouncedFn();
+    }
+  };
+  debounceWrapper.cancel = clear;
+  debounceWrapper.flush = flush;
+  return debounceWrapper;
+}
+const useInstanceUniqId = ({
+  componentName,
+  instance,
+  providedId
+}) => {
+  const instanceId = computed(
+    () => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`
+  );
+  return {
+    instanceId
+  };
+};
+const _withScopeId = (n) => (pushScopeId("data-v-503fe527"), 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_3$3 = [
+  _hoisted_2$6
+];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "info",
+          "white",
+          "success",
+          "warning",
+          "danger",
+          "primary",
+          "black",
+          "secondary",
+          "transparent"
+        ].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3$3, 10, _hoisted_1$d);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_503fe527_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-503fe527"]]);
+function injectStrict(key, fallback) {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+  }
+  return resolved;
+}
+const _hoisted_1$c = ["innerHTML"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "MazIcon",
+  props: {
+    src: { type: String, default: void 0 },
+    path: { type: String, default: void 0 },
+    name: { type: String, default: void 0 },
+    size: { type: String, default: "1.5rem" },
+    title: { type: String, default: void 0 },
+    transformSource: {
+      type: Function,
+      default: (svg) => svg
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const cache = {};
+    const svgElSource = ref();
+    const svgElem = ref();
+    const getMazIconPath = () => {
+      try {
+        return injectStrict("mazIconPath");
+      } catch {
+        return void 0;
+      }
+    };
+    const iconPath = computed(() => props.path ?? getMazIconPath());
+    const fullSrc = computed(() => {
+      if (props.src) {
+        return props.src;
+      } else if (iconPath.value) {
+        return `${iconPath.value}/${props.name}.svg`;
+      } else {
+        return `/${props.name}.svg`;
+      }
+    });
+    onMounted$1(() => {
+      if (!props.name && !props.src) {
+        console.error(
+          '[maz-ui](MazIcon) you should provide "name" or "src" as prop'
+        );
+      }
+    });
+    const setTitle = (svg, title) => {
+      const titleTags = svg.querySelectorAll("title");
+      if (titleTags.length > 0) {
+        titleTags[0].textContent = title;
+      } else {
+        const titleEl = document.createElementNS(
+          "http://www.w3.org/2000/svg",
+          "title"
+        );
+        titleEl.textContent = title;
+        svg.append(titleEl);
+      }
+    };
+    const filterAttrs = (attrs) => {
+      return Object.keys(attrs).reduce((result, key) => {
+        if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
+          result[key] = attrs[key];
+        }
+        return result;
+      }, {});
+    };
+    const getSvgAttrs = (svgEl) => {
+      const svgAttrs = {};
+      const attrs = svgEl.attributes;
+      if (!attrs) {
+        return svgAttrs;
+      }
+      for (let i = attrs.length - 1; i >= 0; i--) {
+        svgAttrs[attrs[i].name] = attrs[i].value;
+      }
+      return svgAttrs;
+    };
+    const getSvgContent = (svgEl) => {
+      let svgElNode = svgEl.cloneNode(true);
+      svgElNode = props.transformSource(svgEl);
+      if (props.title) {
+        setTitle(svgElNode, props.title);
+      }
+      return svgEl.innerHTML;
+    };
+    const getSource = async (src) => {
+      if (!cache[src]) {
+        cache[src] = download(src);
+      }
+      try {
+        svgElSource.value = await cache[src];
+        await nextTick();
+        emits("loaded", svgElem.value);
+      } catch (error) {
+        if (svgElSource.value) {
+          svgElSource.value = void 0;
+          emits("unloaded");
+        }
+        delete cache[src];
+        emits("error", error);
+      }
+    };
+    const download = (url) => {
+      return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.open("GET", url, true);
+        request.addEventListener("load", () => {
+          if (request.status >= 200 && request.status < 400) {
+            try {
+              const parser = new DOMParser();
+              const result = parser.parseFromString(
+                request.responseText,
+                "text/xml"
+              );
+              let svgEl = result.querySelectorAll("svg")[0];
+              if (svgEl) {
+                svgEl = props.transformSource(svgEl);
+                resolve(svgEl);
+              } else {
+                reject(new Error('Loaded file is not valid SVG"'));
+              }
+            } catch (error) {
+              reject(error);
+            }
+          } else {
+            reject(new Error("Error loading SVG"));
+          }
+        });
+        request.addEventListener("error", () => reject());
+        request.send();
+      });
+    };
+    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);
+    };
+  }
+});
+const _hoisted_1$b = {
+  key: 0,
+  class: "m-btn__icon-left maz-flex maz-flex-center"
+};
+const _hoisted_2$5 = { class: "maz-flex maz-flex-center" };
+const _hoisted_3$2 = {
+  key: 1,
+  class: "m-btn__icon-right maz-flex maz-flex-center"
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (value) => {
+        return ["button", "link"].includes(value);
+      }
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (value) => {
+        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
+      }
+    },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "info",
+          "success",
+          "warning",
+          "danger",
+          "white",
+          "black",
+          "transparent"
+        ].includes(value);
+      }
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (value) => {
+        return ["button", "submit"].includes(value);
+      }
+    },
+    rounded: { type: Boolean, default: false },
+    outline: { type: Boolean, default: false },
+    pastel: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    noUnderline: { type: Boolean, default: false },
+    noLeading: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    fab: { type: Boolean, default: false },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: false },
+    noElevation: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { href, to } = useAttrs();
+    const slots = useSlots();
+    const component = computed(() => {
+      if (href)
+        return "a";
+      else if (to)
+        return "router-link";
+      return "button";
+    });
+    const btnColorClass = computed(
+      () => props.pastel ? `--${props.color}-pastel` : props.outline || props.loading ? `--${props.color}-outline` : `--${props.color}`
+    );
+    const isDisabled = computed(
+      () => (props.loading || props.disabled) && component.value === "button"
+    );
+    const cursorClass = computed(
+      () => isDisabled.value ? "--cursor-default" : "--cursor-pointer"
+    );
+    const variantClass = computed(() => `--is-${props.variant}`);
+    const loaderBgColorClass = computed(() => `--${props.color}`);
+    const loaderColor = computed(
+      () => ["white"].includes(props.color) ? "black" : "white"
+    );
+    const hasLoader = computed(() => props.loading && props.variant === "button");
+    const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
+    const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
+    const hasIcon = computed(() => hasLeftIcon.value || hasRightIcon.value);
+    const btnType = computed(
+      () => component.value === "button" ? props.type : void 0
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(component)), mergeProps(_ctx.$attrs, {
+        disabled: unref(isDisabled),
+        class: ["m-btn", [
+          `--${__props.size}`,
+          unref(btnColorClass),
+          unref(cursorClass),
+          unref(variantClass),
+          {
+            "--block": __props.block,
+            "--no-underline": __props.noUnderline,
+            "--no-leading": __props.noLeading,
+            "--fab": __props.fab,
+            "--loading": __props.loading,
+            "--disabled": unref(isDisabled),
+            "--icon": unref(hasIcon),
+            "--rounded": __props.rounded,
+            "--no-padding": __props.noPadding,
+            "--no-elevation": __props.noElevation
+          }
+        ]],
+        type: unref(btnType)
+      }), {
+        default: withCtx(() => [
+          unref(hasLeftIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+            renderSlot(_ctx.$slots, "left-icon", {}, () => [
+              __props.leftIcon ? (openBlock(), createBlock(_sfc_main$e, {
+                key: 0,
+                name: __props.leftIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true)
+            ], true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_2$5, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          unref(hasRightIcon) ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+            renderSlot(_ctx.$slots, "right-icon", {}, () => [
+              __props.rightIcon ? (openBlock(), createBlock(_sfc_main$e, {
+                key: 0,
+                name: __props.rightIcon
+              }, null, 8, ["name"])) : createCommentVNode("", 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)
+        ]),
+        _: 3
+      }, 16, ["disabled", "class", "type"]);
+    };
+  }
+});
+const MazBtn_vue_vue_type_style_index_0_scoped_7673d151_lang = "";
+const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-7673d151"]]);
+const EyeOffIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzLjg3NSAxOC44MjVBMTAuMDUgMTAuMDUgMCAwMTEyIDE5Yy00LjQ3OCAwLTguMjY4LTIuOTQzLTkuNTQzLTdhOS45NyA5Ljk3IDAgMDExLjU2My0zLjAyOW01Ljg1OC45MDhhMyAzIDAgMTE0LjI0MyA0LjI0M005Ljg3OCA5Ljg3OGw0LjI0MiA0LjI0Mk05Ljg4IDkuODhsLTMuMjktMy4yOW03LjUzMiA3LjUzMmwzLjI5IDMuMjlNMyAzbDMuNTkgMy41OW0wIDBBOS45NTMgOS45NTMgMCAwMTEyIDVjNC40NzggMCA4LjI2OCAyLjk0MyA5LjU0MyA3YTEwLjAyNSAxMC4wMjUgMCAwMS00LjEzMiA1LjQxMW0wIDBMMjEgMjEiLz4KPC9zdmc+Cg==";
+const EyeIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1IDEyYTMgMyAwIDExLTYgMCAzIDMgMCAwMTYgMHoiLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNDU4IDEyQzMuNzMyIDcuOTQzIDcuNTIzIDUgMTIgNWM0LjQ3OCAwIDguMjY4IDIuOTQzIDkuNTQyIDctMS4yNzQgNC4wNTctNS4wNjQgNy05LjU0MiA3LTQuNDc3IDAtOC4yNjgtMi45NDMtOS41NDItN3oiLz4KPC9zdmc+Cg==";
+const CheckIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTUgMTNsNCA0TDE5IDciLz4KPC9zdmc+Cg==";
+const _sfc_main$c = defineComponent({
+  components: { MazBtn, MazIcon: _sfc_main$e },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    placeholder: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "warning",
+          "danger",
+          "info",
+          "success",
+          "white",
+          "black",
+          "transparent"
+        ].includes(value);
+      }
+    },
+    label: { type: String, default: void 0 },
+    name: { type: String, default: "input" },
+    type: {
+      type: String,
+      default: "text",
+      validator: (value) => {
+        return [
+          "text",
+          "date",
+          "number",
+          "tel",
+          "search",
+          "url",
+          "password",
+          "month",
+          "time",
+          "week",
+          "email"
+        ].includes(value);
+      }
+    },
+    required: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    id: { type: String, default: void 0 },
+    error: { type: Boolean, default: false },
+    success: { type: Boolean, default: false },
+    warning: { type: Boolean, default: false },
+    hint: { type: String, default: void 0 },
+    inputClasses: { type: String, default: void 0 },
+    noBorder: { type: Boolean, default: false },
+    noRadius: { type: Boolean, default: false },
+    size: {
+      type: String,
+      default: "md",
+      validator: (value) => {
+        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
+      }
+    },
+    debounce: { type: Boolean, default: false },
+    debounceDelay: { type: Number, default: 500 },
+    validButton: { type: Boolean, default: false },
+    validButtonLoading: { type: Boolean, default: false },
+    autoFocus: { type: Boolean, default: false },
+    borderActive: { type: Boolean, default: false },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 }
+  },
+  emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
+  setup(props, { emit, slots }) {
+    const hasPasswordVisible = ref(false);
+    const isFocused = ref(false);
+    const input = ref();
+    const instance = getCurrentInstance();
+    const { instanceId } = useInstanceUniqId({
+      componentName: "MazInput",
+      instance,
+      providedId: props.id
+    });
+    onMounted$1(() => {
+      var _a;
+      if (props.autoFocus) {
+        (_a = input.value) == null ? void 0 : _a.focus();
+      }
+    });
+    const isPasswordType = computed(() => props.type === "password");
+    const inputType = computed(
+      () => hasPasswordVisible.value ? "text" : props.type
+    );
+    const borderStyle = computed(() => {
+      if (props.noBorder)
+        return void 0;
+      if (props.error)
+        return "maz-border-danger";
+      if (props.success)
+        return "maz-border-success";
+      if (props.warning)
+        return "maz-border-warning";
+      if (isFocused.value || props.borderActive) {
+        if (props.color === "black")
+          return "maz-border-black";
+        if (props.color === "danger")
+          return "maz-border-danger";
+        if (props.color === "info")
+          return "maz-border-info";
+        if (props.color === "primary")
+          return "maz-border-primary";
+        if (props.color === "secondary")
+          return "maz-border-secondary";
+        if (props.color === "success")
+          return "maz-border-success";
+        if (props.color === "warning")
+          return "maz-border-warning";
+        if (props.color === "white")
+          return "maz-border-white";
+      }
+      return "--default-border";
+    });
+    const computedPlaceholder = computed(() => {
+      const { required, placeholder } = props;
+      if (!placeholder)
+        return void 0;
+      return required ? `${placeholder} *` : placeholder;
+    });
+    const hasValue = computed(
+      () => props.modelValue !== void 0 && props.modelValue !== ""
+    );
+    const inputValue = computed({
+      get: () => props.modelValue,
+      set: (value) => emitValue(value)
+    });
+    const shouldUp = computed(() => {
+      return (!!props.label || !!props.hint) && (isFocused.value || !!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type));
+    });
+    const hasLabel = computed(() => !!props.label || !!props.hint);
+    const hasRightPart = () => {
+      return !!slots["right-icon"] || isPasswordType.value || !!slots["valid-button"] || props.validButton || !!props.rightIcon;
+    };
+    const hasLeftPart = () => {
+      return !!slots["left-icon"] || !!props.leftIcon;
+    };
+    const focus = (event) => {
+      emit("focus", event);
+      isFocused.value = true;
+    };
+    const blur = (event) => {
+      emit("blur", event);
+      isFocused.value = false;
+    };
+    const change = (event) => emit("change", event);
+    const debounceEmitValue = debounce((value) => {
+      emit("update:model-value", value);
+    }, props.debounceDelay);
+    const emitValue = (value) => {
+      if (props.debounce)
+        return debounceEmitValue(value);
+      emit("update:model-value", value);
+    };
+    return {
+      inputValue,
+      shouldUp,
+      hasLabel,
+      computedPlaceholder,
+      isPasswordType,
+      inputType,
+      input,
+      isFocused,
+      hasPasswordVisible,
+      borderStyle,
+      focus,
+      blur,
+      change,
+      emitValue,
+      hasRightPart,
+      hasLeftPart,
+      EyeOffIcon,
+      EyeIcon,
+      CheckIcon,
+      instanceId
+    };
+  }
+});
+const MazInput_vue_vue_type_style_index_0_scoped_8d171d05_lang = "";
+const _hoisted_1$a = {
+  key: 0,
+  class: "m-input-wrapper-left"
+};
+const _hoisted_2$4 = { class: "m-input-wrapper-input" };
+const _hoisted_3$1 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
+const _hoisted_4$1 = ["for"];
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = {
+  key: 1,
+  class: "m-input-wrapper-right"
+};
+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, {
+              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
+        })) : 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(() => [
+              createVNode(_component_MazIcon, {
+                src: _ctx.CheckIcon,
+                class: "maz-text-normal"
+              }, null, 8, ["src"])
+            ]),
+            _: 1
+          }, 8, ["disabled", "loading"])
+        ], true) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true)
+    ], 2)
+  ], 2);
+}
+const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render], ["__scopeId", "data-v-8d171d05"]]);
+const capitalize = (value) => {
+  if (!value)
+    return "";
+  value = value.toString();
+  return value.charAt(0).toUpperCase() + value.slice(1);
+};
+const DEFAULT_OPTIONS = {
+  month: "short",
+  day: "numeric",
+  year: "numeric"
+};
+const date = (date2, locale, options) => {
+  if (locale === void 0) {
+    throw new TypeError(
+      "[maz-ui](FilterDate) The `locale` attribute is required."
+    );
+  }
+  if (typeof locale !== "string") {
+    throw new TypeError(
+      "[maz-ui](FilterDate) The `locale` attribute must be a string."
+    );
+  }
+  const opts = options ?? DEFAULT_OPTIONS;
+  try {
+    const usedDate = date2 instanceof Date ? date2 : new Date(date2);
+    return new Intl.DateTimeFormat(locale, opts).format(usedDate);
+  } catch (error) {
+    throw new Error(`[maz-ui](FilterDate) ${error}`);
+  }
+};
+const _hoisted_1$9 = {
+  key: 0,
+  class: "m-picker-header__date"
+};
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerHeader",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    color: { type: String, required: true },
+    locale: { type: String, required: true },
+    noShortcuts: { type: Boolean, required: true },
+    double: { type: Boolean, required: true },
+    hasDate: { type: Boolean, required: true },
+    hasTime: { type: Boolean, required: true },
+    formatterOptions: {
+      type: Object,
+      required: true
+    },
+    calendarDate: { type: String, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const refDate = computed(
+      () => {
+        var _a;
+        return typeof props.modelValue === "string" ? props.modelValue : (_a = props.modelValue) == null ? void 0 : _a.start;
+      }
+    );
+    const transitionName = ref(
+      "maz-slidevnext"
+    );
+    const year = computed(() => {
+      if (props.modelValue && typeof props.modelValue === "object") {
+        return `${props.modelValue.start ? date(props.modelValue.start, props.locale, {
+          year: "numeric",
+          timeZone: props.formatterOptions.timeZone
+        }) : "..."} - ${props.modelValue.end ? date(props.modelValue.end, props.locale, {
+          year: "numeric",
+          timeZone: props.formatterOptions.timeZone
+        }) : "..."}`;
+      } else if (typeof props.modelValue === "string") {
+        return date(props.modelValue, props.locale, {
+          year: "numeric",
+          timeZone: props.formatterOptions.timeZone
+        });
+      }
+      return "-";
+    });
+    const yearArray = computed(() => props.hasDate ? [year.value] : void 0);
+    const dateString = computed(() => {
+      if (props.modelValue && typeof props.modelValue === "object" && (props.modelValue.start || props.modelValue.end)) {
+        const dateOption = props.noShortcuts && !props.double ? "short" : "long";
+        return `${props.modelValue.start ? capitalize(
+          date(props.modelValue.start, props.locale, {
+            weekday: dateOption,
+            month: dateOption,
+            day: "numeric",
+            timeZone: props.formatterOptions.timeZone
+          })
+        ) : "..."} - ${props.modelValue.end ? capitalize(
+          date(props.modelValue.end, props.locale, {
+            weekday: dateOption,
+            month: dateOption,
+            day: "numeric",
+            timeZone: props.formatterOptions.timeZone
+          })
+        ) : "..."}`;
+      } else if (typeof props.modelValue === "string") {
+        return capitalize(
+          date(props.modelValue, props.locale, {
+            weekday: "long",
+            month: "long",
+            day: "numeric",
+            timeZone: props.formatterOptions.timeZone
+          })
+        );
+      }
+      return "-";
+    });
+    const dateStringArray = computed(
+      () => props.hasDate ? [dateString.value] : void 0
+    );
+    const timeValue = computed(() => {
+      return refDate.value ? date(refDate.value, props.locale, {
+        timeStyle: "short",
+        timeZone: props.formatterOptions.timeZone,
+        hour12: props.formatterOptions.hour12
+      }) : void 0;
+    });
+    const timeArray = computed(
+      () => props.hasTime ? [timeValue.value] : void 0
+    );
+    watch(
+      () => props.modelValue,
+      (modelValue, oldModelValue) => {
+        const currentValue = typeof modelValue === "object" ? modelValue.start : modelValue;
+        const oldValue = typeof oldModelValue === "object" ? oldModelValue.start : oldModelValue;
+        transitionName.value = dayjs(currentValue).isAfter(oldValue, "date") || dayjs(currentValue).isSame(oldValue, "date") ? "maz-slidevnext" : "maz-slidevprev";
+      }
+    );
+    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);
+    };
+  }
+});
+const MazPickerHeader_vue_vue_type_style_index_0_scoped_bccd9724_lang = "";
+const MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-bccd9724"]]);
+const ChevronLeftIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1IDE5bC03LTcgNy03Ii8+Cjwvc3ZnPgo=";
+const ChevronRightIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTkgNWw3IDctNyA3Ii8+Cjwvc3ZnPgo=";
+const _hoisted_1$8 = { class: "m-picker-calendar-switcher" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerCalendarSwitcher",
+  props: {
+    calendarDate: { type: String, default: void 0 },
+    locale: { type: String, required: true },
+    double: { type: Boolean, required: true }
+  },
+  emits: [
+    "previous",
+    "next",
+    "open-month-switcher",
+    "open-year-switcher",
+    "update:calendar-date"
+  ],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const calendarDate2 = computed(() => dayjs(props.calendarDate));
+    const monthLabel = computed(() => {
+      return props.double ? `${capitalize(
+        date(calendarDate2.value.format(), props.locale, { month: "long" })
+      )} - ${capitalize(
+        date(calendarDate2.value.add(1, "month").format(), props.locale, {
+          month: "long"
+        })
+      )}` : capitalize(
+        date(calendarDate2.value.format(), props.locale, { month: "long" })
+      );
+    });
+    const yearLabel = computed(
+      () => date(calendarDate2.value.format(), props.locale, { year: "numeric" })
+    );
+    const previousMonth = () => {
+      emits(
+        "update:calendar-date",
+        dayjs(props.calendarDate).subtract(1, "month").format()
+      );
+    };
+    const nextMonth = () => {
+      emits(
+        "update:calendar-date",
+        dayjs(props.calendarDate).add(1, "month").format()
+      );
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createVNode(MazBtn, {
+          size: "mini",
+          color: "transparent",
+          type: "button",
+          onClick: previousMonth
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$e, {
+              src: unref(ChevronLeftIcon),
+              size: "1.2rem"
+            }, null, 8, ["src"])
+          ]),
+          _: 1
+        }),
+        createVNode(MazBtn, {
+          size: "sm",
+          color: "transparent",
+          type: "button",
+          class: "m-picker-calendar-switcher__date",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-month-switcher", $event))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(monthLabel)), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(MazBtn, {
+          size: "sm",
+          color: "transparent",
+          type: "button",
+          class: "m-picker-calendar-switcher__date",
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open-year-switcher", $event))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(yearLabel)), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(MazBtn, {
+          size: "mini",
+          color: "transparent",
+          type: "button",
+          onClick: nextMonth
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$e, {
+              src: unref(ChevronRightIcon),
+              size: "1.2rem"
+            }, null, 8, ["src"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const MazPickerCalendarSwitcher_vue_vue_type_style_index_0_scoped_551616c2_lang = "";
+const MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-551616c2"]]);
+dayjs.extend(weekday);
+function getFormattedDate({
+  value,
+  locale,
+  options
+}) {
+  return value ? capitalize(date(value, locale, options)) : void 0;
+}
+function getRangeFormattedDate({
+  value,
+  locale,
+  options
+}) {
+  const startValue = getFormattedDate({
+    value: value.start,
+    locale,
+    options
+  });
+  const endValue = getFormattedDate({
+    value: value.end,
+    locale,
+    options
+  });
+  return startValue || endValue ? `${startValue || "..."} - ${endValue || "..."}` : void 0;
+}
+function getFirstDayOfMonth(value) {
+  return dayjs(value).startOf("month").day();
+}
+function addDays(date2, days) {
+  return date2.setDate(date2.getDate() + days);
+}
+function getWeekDays(locale, offset = 0) {
+  return Array.from({ length: 7 }, (_v, i) => i + (offset || 0)).map(
+    (index) => {
+      const baseDate = addDays(new Date("1970-01-04"), index);
+      return {
+        label: date(baseDate, locale, { weekday: "short" }),
+        dayNumber: new Date(baseDate).getDay()
+      };
+    }
+  );
+}
+function getDaysInMonth(date2) {
+  return dayjs(date2).daysInMonth();
+}
+function isToday(date2) {
+  return dayjs().isSame(date2, "date");
+}
+function isSameDate(date2, date22, unit) {
+  return dayjs(date2).isSame(date22, unit);
+}
+function isSameDay(date2, dayNumber) {
+  return dayjs(date2).day() === dayNumber;
+}
+function getISODate(value, format = "YYYY-MM-DD") {
+  if (!value) {
+    return void 0;
+  }
+  return dayjs(value).format(format);
+}
+function getRangeISODate(value, format = "YYYY-MM-DD") {
+  return {
+    start: getISODate(value.start, format),
+    end: getISODate(value.end, format)
+  };
+}
+function checkValueWithMinMaxDates({
+  value,
+  minDate,
+  maxDate,
+  format
+}) {
+  if (minDate && dayjs(value).isBefore(minDate)) {
+    return {
+      newValue: minDate,
+      newCurrentDate: dayjs(minDate, format).format()
+    };
+  } else if (maxDate && dayjs(value).isAfter(maxDate)) {
+    return {
+      newValue: maxDate,
+      newCurrentDate: dayjs(maxDate, format).format()
+    };
+  }
+  return {
+    newValue: void 0,
+    newCurrentDate: void 0
+  };
+}
+function isValueDisabledWeekly({
+  value,
+  disabledWeekly
+}) {
+  return disabledWeekly.some((dayNumber) => isSameDay(value, dayNumber));
+}
+function isValueDisabledDate({
+  value,
+  disabledDates
+}) {
+  return disabledDates.some(
+    (disabledDate) => dayjs(value).isSame(dayjs(disabledDate), "date")
+  );
+}
+const scrollToTarget = function(scrollContainer, target, offset = 0, hasSmoothEffect = true) {
+  scrollContainer.scrollTo({
+    top: target.offsetTop - offset,
+    behavior: hasSmoothEffect ? "smooth" : "auto"
+  });
+};
+const findNearestNumberInList = (list, number) => {
+  return list.reduce((prev, curr) => {
+    return Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev;
+  });
+};
+function getBrowserLocale() {
+  try {
+    if (typeof window === "undefined") {
+      return void 0;
+    }
+    return window.navigator.language;
+  } catch (error) {
+    throw new Error(`[MazPhoneNumberInput] (browserLocale) ${error}`);
+  }
+}
+async function fetchLocale() {
+  try {
+    const response = await fetch("https://ip2c.org/s");
+    const responseText = await response.text();
+    const result = (responseText || "").toString();
+    if (!result || result[0] !== "1") {
+      return void 0;
+    }
+    return result.split(";")[1];
+  } catch (error) {
+    console.error(`[maz-ui](MazPicker)(fetchCountryCode) ${error}`);
+  }
+}
+const XIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg==";
+const _hoisted_1$7 = { class: "maz-picker-month-switcher" };
+const _hoisted_2$3 = { class: "maz-picker-month-switcher__header" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerMonthSwitcher",
+  props: {
+    calendarDate: { type: String, required: true },
+    color: { type: String, required: true },
+    locale: { type: String, required: true },
+    double: { type: Boolean, required: true }
+  },
+  emits: ["update:calendar-date", "close"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const months = computed(() => {
+      return Array.from({ length: 12 }, (_v, i) => i).map((monthNumber) => {
+        const monthDate = dayjs(props.calendarDate).set("month", monthNumber);
+        return props.double ? {
+          label: `${capitalize(
+            date(monthDate.format(), props.locale, {
+              month: "short"
+            })
+          )} - ${capitalize(
+            date(monthDate.add(1, "month").format(), props.locale, {
+              month: "short"
+            })
+          )}`,
+          date: monthDate
+        } : {
+          label: capitalize(
+            date(monthDate.format(), props.locale, {
+              month: "long"
+            })
+          ),
+          date: monthDate
+        };
+      });
+    });
+    const selectMonth = (date2) => {
+      emits("update:calendar-date", date2.format());
+      emits("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$3, [
+          createVNode(MazBtn, {
+            size: "mini",
+            color: "transparent",
+            type: "button",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$e, {
+                src: unref(XIcon),
+                size: "1.2rem"
+              }, null, 8, ["src"])
+            ]),
+            _: 1
+          })
+        ]),
+        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)
+              ]),
+              _: 2
+            }, 1032, ["size", "class", "color", "onClick"]);
+          }), 128))
+        ], 2)
+      ]);
+    };
+  }
+});
+const MazPickerMonthSwitcher_vue_vue_type_style_index_0_scoped_6939ae87_lang = "";
+const MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6939ae87"]]);
+const _hoisted_1$6 = { class: "maz-picker-year-switcher" };
+const _hoisted_2$2 = { class: "maz-picker-year-switcher__header" };
+const _hoisted_3 = { class: "maz-flex maz-space-x-2" };
+const _hoisted_4 = { class: "maz-picker-year-switcher__main" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerYearSwitcher",
+  props: {
+    color: { type: String, required: true },
+    locale: { type: String, required: true },
+    calendarDate: { type: String, required: true }
+  },
+  emits: ["update:calendar-date", "close"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const currentDateTmp = ref(props.calendarDate);
+    const years = computed(() => {
+      return Array.from({ length: 15 }, (_v, i) => i - 7).map((yearNumber) => {
+        const currentYear = dayjs(currentDateTmp.value).get("year");
+        const dateYear = dayjs(currentDateTmp.value).set(
+          "year",
+          currentYear + yearNumber
+        );
+        return {
+          label: date(dateYear.format(), props.locale, {
+            year: "numeric"
+          }),
+          date: dateYear
+        };
+      });
+    });
+    const selectYear = (date2) => {
+      emits("update:calendar-date", dayjs(date2).format());
+      emits("close");
+    };
+    const previousYears = () => {
+      currentDateTmp.value = dayjs(currentDateTmp.value).subtract(7, "year").format();
+    };
+    const nextYears = () => {
+      currentDateTmp.value = dayjs(currentDateTmp.value).add(7, "year").format();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("div", _hoisted_2$2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(MazBtn, {
+              size: "mini",
+              color: "transparent",
+              type: "button",
+              onClick: withModifiers(previousYears, ["stop"])
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$e, {
+                  src: unref(ChevronLeftIcon),
+                  size: "1.2rem"
+                }, null, 8, ["src"])
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(MazBtn, {
+              size: "mini",
+              color: "transparent",
+              type: "button",
+              onClick: withModifiers(nextYears, ["stop"])
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$e, {
+                  src: unref(ChevronRightIcon),
+                  size: "1.2rem"
+                }, null, 8, ["src"])
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          createVNode(MazBtn, {
+            size: "mini",
+            color: "transparent",
+            type: "button",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$e, {
+                src: unref(XIcon),
+                size: "1.2rem"
+              }, null, 8, ["src"])
+            ]),
+            _: 1
+          })
+        ]),
+        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))
+        ])
+      ]);
+    };
+  }
+});
+const MazPickerYearSwitcher_vue_vue_type_style_index_0_scoped_52db3202_lang = "";
+const MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-52db3202"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerCalendarGrid",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    calendarDate: { type: String, required: true },
+    hasTime: { type: Boolean, required: true },
+    locale: { type: String, required: true },
+    firstDayOfWeek: { type: Number, required: true },
+    color: { type: String, required: true },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabledWeekly: { type: Array, required: true },
+    disabledDates: { type: Array, required: true },
+    hoverredDay: { type: Object, default: void 0 },
+    disabled: { type: Boolean, required: true }
+  },
+  emits: ["update:model-value", "update:hoverred-day"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "4ab51120": unref(hoverColor),
+      "1523922a": unref(betweenColorAlpha),
+      "99f168d8": unref(betweenColor)
+    }));
+    const MazPickerGrid = ref();
+    const transitionName = ref("maz-slidenext");
+    const calendarDateArray = computed(() => [props.calendarDate]);
+    const isRangeMode = computed(
+      () => props.modelValue && typeof props.modelValue === "object"
+    );
+    const hoverColor = computed(() => `var(--maz-color-${props.color}-alpha-20)`);
+    const betweenColor = computed(() => `var(--maz-color-${props.color}-alpha)`);
+    const betweenColorAlpha = computed(
+      () => `var(--maz-color-${props.color}-alpha-20)`
+    );
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (value) => emits("update:model-value", value)
+    });
+    const monthDays = computed(
+      () => Array.from(
+        { length: getDaysInMonth(props.calendarDate) },
+        (_v, i) => i + 1
+      ).map((day) => ({
+        label: day,
+        date: dayjs(props.calendarDate).set("date", day)
+      }))
+    );
+    const emptyDaysCount = computed(() => {
+      return Math.abs(
+        getFirstDayOfMonth(props.calendarDate) - props.firstDayOfWeek
+      );
+    });
+    const setHoverredDay = (day) => {
+      const value = props.modelValue;
+      if (value.start && !value.end && day && day.isAfter(value.start)) {
+        emits("update:hoverred-day", day);
+      } else {
+        emits("update:hoverred-day");
+      }
+    };
+    const isBetweenHoverred = (day) => {
+      const value = props.modelValue;
+      if (!value.start || !props.hoverredDay) {
+        return void 0;
+      }
+      const isBetween2 = dayjs(day).isBetween(
+        value.start,
+        props.hoverredDay,
+        "date",
+        "(]"
+      );
+      return isBetween2 ? 3 : void 0;
+    };
+    const isLastDayHoverred = (day) => {
+      if (!props.hoverredDay) {
+        return;
+      }
+      return dayjs(day).isSame(props.hoverredDay);
+    };
+    const isFirstDay = (day) => {
+      var _a;
+      if (!props.modelValue) {
+        return false;
+      }
+      if (props.modelValue && typeof props.modelValue === "object" && ((_a = props.modelValue) == null ? void 0 : _a.start)) {
+        return isSameDate(day, props.modelValue.start, "date");
+      }
+      return false;
+    };
+    const isLastDay = (day) => {
+      var _a;
+      if (!props.modelValue) {
+        return false;
+      }
+      if (props.modelValue && typeof props.modelValue === "object" && ((_a = props.modelValue) == null ? void 0 : _a.end)) {
+        return isSameDate(day, props.modelValue.end, "date");
+      }
+      return false;
+    };
+    const getDayButtonColor = (date2) => {
+      const value = props.modelValue;
+      if (typeof value === "object") {
+        return (value.start ? isSameDate(date2, value.start, "date") : false) || (value.end ? isSameDate(date2, value.end, "date") : false) ? props.color : checkIsBetween(date2) ? props.color : "transparent";
+      } else {
+        return checkIsSameDate(date2) ? props.color : "transparent";
+      }
+    };
+    const isSelectedOrBetween = (day) => {
+      if (props.modelValue && typeof props.modelValue === "object") {
+        if (props.modelValue.start && isSameDate(day, props.modelValue.start, "date")) {
+          return 1;
+        }
+        if (props.modelValue.end) {
+          if (isSameDate(day, props.modelValue.end, "date")) {
+            return 1;
+          }
+          if (checkIsBetween(day)) {
+            return 2;
+          }
+        }
+      } else if (checkIsSameDate(day)) {
+        return 1;
+      }
+      return 0;
+    };
+    const selectDay = (value) => {
+      if (isRangeMode.value) {
+        setHoverredDay();
+      }
+      const valueFormatted = value.format();
+      if (typeof modelValue.value === "object") {
+        let values = modelValue.value;
+        if (values.start && values.end) {
+          values = {
+            start: void 0,
+            end: void 0
+          };
+        }
+        const isBeforeStartDate = dayjs(valueFormatted).isBefore(
+          values.start,
+          "date"
+        );
+        modelValue.value = !values.start || isBeforeStartDate ? {
+          start: valueFormatted,
+          end: void 0
+        } : {
+          start: values.start,
+          end: valueFormatted
+        };
+      } else {
+        modelValue.value = valueFormatted;
+      }
+    };
+    const checkIsToday = (day) => {
+      return isToday(day);
+    };
+    const checkIsSameDate = (day) => {
+      if (!props.modelValue) {
+        return false;
+      }
+      const value = props.modelValue;
+      return isSameDate(day, value, "date");
+    };
+    const checkIsBetween = (day) => {
+      const value = props.modelValue;
+      if (!value.start || !value.end) {
+        return false;
+      }
+      return dayjs(day).isBetween(value.start, value.end, "date", "()");
+    };
+    const isSmallerMinDate = (day) => {
+      if (!props.minDate) {
+        return false;
+      }
+      return dayjs(day).isBefore(props.minDate, "date");
+    };
+    const isDisabledWeekly = (day) => {
+      var _a;
+      if (!((_a = props.disabledWeekly) == null ? void 0 : _a.length)) {
+        return false;
+      }
+      return props.disabledWeekly.some(
+        (disabledDay) => isSameDay(day, disabledDay)
+      );
+    };
+    const isDisabledDate = (day) => {
+      var _a;
+      if (!((_a = props.disabledDates) == null ? void 0 : _a.length)) {
+        return false;
+      }
+      return props.disabledDates.some(
+        (disabledDay) => isSameDate(day, disabledDay, "date")
+      );
+    };
+    const isBiggerMaxDate = (day) => {
+      if (!props.maxDate) {
+        return false;
+      }
+      return dayjs(day).isAfter(props.maxDate, "date");
+    };
+    const removeContainerHeight = debounce(() => {
+      if (MazPickerGrid.value) {
+        MazPickerGrid.value.style.minHeight = "";
+      }
+    }, 400);
+    const setContainerHeight = () => {
+      var _a;
+      if (MazPickerGrid.value) {
+        MazPickerGrid.value.style.minHeight = `${((_a = MazPickerGrid.value) == null ? void 0 : _a.clientHeight) || 176}px`;
+        removeContainerHeight();
+      }
+    };
+    watch(
+      () => props.calendarDate,
+      (calendarDate, oldCalendarValue) => {
+        transitionName.value = dayjs(calendarDate).isAfter(
+          oldCalendarValue,
+          "date"
+        ) ? "maz-slidenext" : "maz-slideprev";
+        setContainerHeight();
+      }
+    );
+    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);
+    };
+  }
+});
+const MazPickerCalendarGrid_vue_vue_type_style_index_0_scoped_111a4fbc_lang = "";
+const MazPickerCalendarGrid = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-111a4fbc"]]);
+const _hoisted_1$5 = { class: "maz-picker-calendar-days" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerCalendarDays",
+  props: {
+    locale: { type: String, required: true },
+    firstDayOfWeek: { type: Number, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    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))
+      ]);
+    };
+  }
+});
+const MazPickerCalendarDays_vue_vue_type_style_index_0_scoped_76d7bb1a_lang = "";
+const MazPickerCalendarDays = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-76d7bb1a"]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerCalendarMonth",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    color: { type: String, required: true },
+    locale: { type: String, required: true },
+    hasTime: { type: Boolean, required: true },
+    firstDayOfWeek: { type: Number, required: true },
+    calendarDate: { type: String, required: true },
+    offsetMonth: { type: Number, default: 0 },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabledWeekly: { type: Array, required: true },
+    disabledDates: { type: Array, required: true },
+    hoverredDay: { type: Object, default: void 0 },
+    disabled: { type: Boolean, required: true }
+  },
+  emits: [
+    "update:model-value",
+    "update:calendar-date",
+    "update:hoverred-day"
+  ],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (value) => emits("update:model-value", value)
+    });
+    const isRangeMode = computed(() => typeof modelValue.value === "object");
+    const hoverredDay = computed({
+      get: () => props.hoverredDay,
+      set: (value) => emits("update:hoverred-day", value)
+    });
+    function getCalendarDateWithOffset(offset) {
+      return dayjs(props.calendarDate).add(offset, "month").format();
+    }
+    const calendarDateWithOffset = computed({
+      get: () => getCalendarDateWithOffset(props.offsetMonth),
+      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);
+    };
+  }
+});
+const MazPickerCalendarMonth_vue_vue_type_style_index_0_scoped_12b7ddad_lang = "";
+const MazPickerCalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-12b7ddad"]]);
+const _hoisted_1$4 = { class: "maz-picker-shortcuts" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerShortcuts",
+  props: {
+    color: { type: String, required: true },
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    shortcuts: {
+      type: Array,
+      required: true
+    },
+    double: { type: Boolean, required: true },
+    shortcut: { type: String, default: void 0 },
+    disabled: { type: Boolean, required: true }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const selectedShortcut = ref(props.shortcut);
+    const selectShortcut = (value, identifier) => {
+      selectedShortcut.value = identifier;
+      emits("update:model-value", value);
+    };
+    watch(
+      () => props.modelValue,
+      (value) => {
+        const values = value;
+        if (!(values == null ? void 0 : values.end)) {
+          selectedShortcut.value = void 0;
+        }
+      }
+    );
+    watch(
+      () => props.shortcut,
+      (shortcut) => {
+        const newShortcut = props.shortcuts.find(
+          ({ identifier }) => shortcut === identifier
+        );
+        if (newShortcut) {
+          const { value, identifier } = newShortcut;
+          selectShortcut(value, identifier);
+        }
+      },
+      { immediate: true }
+    );
+    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))
+      ]);
+    };
+  }
+});
+const MazPickerShortcuts_vue_vue_type_style_index_0_scoped_345c2224_lang = "";
+const MazPickerShortcuts = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-345c2224"]]);
+const _hoisted_1$3 = { class: "maz-picker-calendar flex" };
+const _hoisted_2$1 = { class: "maz-picker-calendar__months" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerCalendar",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    calendarDate: { type: String, required: true },
+    color: { type: String, required: true },
+    locale: { type: String, required: true },
+    firstDayOfWeek: { type: Number, required: true },
+    double: { type: Boolean, required: true },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabledWeekly: { type: Array, required: true },
+    disabledDates: { type: Array, required: true },
+    shortcuts: {
+      type: Array,
+      required: true
+    },
+    noShortcuts: { type: Boolean, required: true },
+    hasTime: { type: Boolean, required: true },
+    shortcut: { type: String, default: void 0 },
+    disabled: { type: Boolean, required: true }
+  },
+  emits: ["update:model-value", "update:calendar-date"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const hoverredDay = ref();
+    const isRangeMode = computed(
+      () => props.modelValue && typeof props.modelValue === "object"
+    );
+    const hasShortcuts = computed(
+      () => !props.noShortcuts && props.shortcuts.length > 0 && isRangeMode.value
+    );
+    const monthSwitcherOpen = ref(false);
+    const yearSwitcherOpen = ref(false);
+    const currentValue = computed({
+      get: () => props.modelValue,
+      set: (value) => emits("update:model-value", value)
+    });
+    const months = computed(
+      () => Array.from({ length: props.double ? 2 : 1 }, (_v, i) => i)
+    );
+    const calendarDate = computed({
+      get: () => props.calendarDate,
+      set: (calendarDate2) => emits("update:calendar-date", calendarDate2)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        unref(hasShortcuts) ? (openBlock(), createBlock(MazPickerShortcuts, {
+          key: 0,
+          modelValue: unref(currentValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentValue) ? currentValue.value = $event : null),
+          color: __props.color,
+          shortcuts: __props.shortcuts,
+          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)
+      ]);
+    };
+  }
+});
+const MazPickerCalendar_vue_vue_type_style_index_0_scoped_1025a4ff_lang = "";
+const MazPickerCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1025a4ff"]]);
+const _hoisted_1$2 = { class: "m-picker-time__column__items" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerTime",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    calendarDate: { type: String, required: true },
+    formatterOptions: {
+      type: Object,
+      required: true
+    },
+    locale: { type: String, required: true },
+    color: { type: String, required: true },
+    isOpen: { type: Boolean, required: true },
+    hasDate: { type: Boolean, required: true },
+    minuteInterval: { type: Number, required: true },
+    disabledHours: { type: Array, default: void 0 },
+    format: { type: String, required: true },
+    isHour12: { type: Boolean, required: true },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabled: { type: Boolean, required: true }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const findNearestHour = (hour) => {
+      if (!props.disabledHours) {
+        return hour;
+      }
+      const hourList = Array.from({ length: 24 }, (_v, i) => i).filter(
+        (hour2) => {
+          var _a;
+          return !((_a = props.disabledHours) == null ? void 0 : _a.includes(hour2));
+        }
+      );
+      const nearHour = findNearestNumberInList(hourList, hour);
+      if (nearHour !== hour) {
+        selectTime("hour", dayjs(currentDate.value).set("hour", nearHour));
+      }
+      return nearHour;
+    };
+    const MazPickerTime2 = ref();
+    const dividerHeight = ref();
+    const currentHour = computed(() => {
+      return typeof currentDate.value === "string" ? findNearestHour(dayjs(currentDate.value).get("hour")) : void 0;
+    });
+    const currentMinute = computed(
+      () => typeof currentDate.value === "string" ? findNearestNumberInList(
+        minutes.value.map(({ value }) => value.get("minute")),
+        dayjs(currentDate.value).get("minute")
+      ) : void 0
+    );
+    const getHour12or24 = (hourValue) => {
+      if (props.isHour12) {
+        const isPm = currentAmpm.value === "pm";
+        const newValue = isPm ? hourValue + 12 : hourValue;
+        return newValue === 12 ? 0 : newValue === 24 ? 12 : newValue;
+      } else {
+        return hourValue;
+      }
+    };
+    const hours = computed(() => {
+      return Array.from({ length: props.isHour12 ? 12 : 24 }, (_v, i) => i).map(
+        (hour) => {
+          const hourBase = hour + (props.isHour12 ? 1 : 0);
+          const hour12or24 = getHour12or24(hourBase);
+          const hourValue = dayjs(currentDate.value).set("hour", hour12or24);
+          const isDisabled = isDisableHour(hour12or24) || (props.minDate && currentDate.value ? dayjs(props.minDate).isAfter(hourValue, "hour") : false) || (props.maxDate && currentDate.value ? dayjs(props.maxDate).isBefore(hourValue, "hour") : false);
+          return {
+            label: `${hourBase < 10 ? "0" : ""}${hourBase}`,
+            value: dayjs(currentDate.value).set("hour", hour12or24),
+            isDisabled
+          };
+        }
+      );
+    });
+    const minutes = computed(() => {
+      const length = Math.floor(60 / props.minuteInterval) - 0;
+      return Array.from({ length }, (_v, i) => i * props.minuteInterval).map(
+        (minute) => {
+          const minuteValue = dayjs(currentDate.value).set("minute", minute);
+          const isDisabled = (props.minDate && currentDate.value ? dayjs(props.minDate).isAfter(minuteValue, "minute") : false) || (props.maxDate && currentDate.value ? dayjs(props.maxDate).isBefore(minuteValue, "minute") : false);
+          return {
+            label: `${minute < 10 ? "0" : ""}${minute}`,
+            value: minuteValue,
+            isDisabled
+          };
+        }
+      );
+    });
+    const currentAmpm = computed(() => {
+      return typeof currentHour.value === "number" ? currentHour.value >= 12 ? "pm" : "am" : void 0;
+    });
+    const ampm = computed(
+      () => props.isHour12 ? [
+        { label: "AM", value: "am" },
+        { label: "PM", value: "pm" }
+      ] : []
+    );
+    const columns = computed(() => {
+      const columns2 = [
+        {
+          identifier: "hour",
+          values: hours.value
+        },
+        {
+          identifier: "minute",
+          values: minutes.value
+        }
+      ];
+      if (props.isHour12) {
+        columns2.push({
+          identifier: "ampm",
+          values: ampm.value
+        });
+      }
+      return columns2;
+    });
+    const currentDate = computed({
+      get: () => props.modelValue,
+      set: (value) => {
+        emits("update:model-value", value);
+      }
+    });
+    watch(
+      () => props.isOpen,
+      async (value) => {
+        var _a;
+        if (value) {
+          await nextTick();
+          if (MazPickerTime2.value) {
+            const item = MazPickerTime2.value.querySelector(
+              `.m-picker-time__column .m-btn`
+            );
+            const itemHeight = item == null ? void 0 : item.offsetHeight;
+            const timePickerHeight = (_a = MazPickerTime2.value) == null ? void 0 : _a.offsetHeight;
+            const divHeight = timePickerHeight / 2 - itemHeight / 2;
+            dividerHeight.value = divHeight / 16;
+          }
+          scrollColumns(false);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.modelValue,
+      async (value, oldValue) => {
+        if (value !== oldValue) {
+          await nextTick();
+          scrollColumns(true);
+        }
+      },
+      { immediate: true }
+    );
+    const scrollColumns = (hasSmoothEffect) => {
+      scrollColumn("hour", hasSmoothEffect);
+      scrollColumn("minute", hasSmoothEffect);
+      if (props.isHour12) {
+        scrollColumn("ampm", hasSmoothEffect);
+      }
+    };
+    const isDisableHour = (value) => {
+      return (props.disabledHours && props.disabledHours.includes(value)) ?? false;
+    };
+    const isSelected = (identifier, value) => {
+      if (value === "am" || value === "pm") {
+        return currentAmpm.value === value;
+      } else if (identifier === "hour") {
+        return currentHour.value === value.get(identifier);
+      } else if (identifier === "minute") {
+        return currentMinute.value === value.get(identifier);
+      }
+      return false;
+    };
+    const scrollColumn = async (identifier, hasSmoothEffect = true) => {
+      if (MazPickerTime2.value) {
+        const column = MazPickerTime2.value.querySelector(
+          `.m-picker-time__column__${identifier}`
+        );
+        const selectedButton = MazPickerTime2.value.querySelector(
+          `.m-picker-time__column__${identifier} .--is-selected`
+        );
+        if (dividerHeight.value && column && selectedButton && MazPickerTime2.value) {
+          await nextTick();
+          scrollToTarget(
+            column,
+            selectedButton,
+            dividerHeight.value * 16,
+            hasSmoothEffect
+          );
+        }
+      }
+    };
+    const selectTime = async (identifier, value) => {
+      const newDate = dayjs(currentDate.value);
+      if (identifier === "hour" && typeof value === "object") {
+        currentDate.value = newDate.set("hour", value.get("hour")).format();
+      }
+      if (identifier === "minute" && typeof value === "object") {
+        const dateWithNewMinute = newDate.set("minute", value.get("minute"));
+        currentDate.value = dateWithNewMinute.format();
+      }
+      if (identifier === "ampm" && (currentAmpm.value !== value || !currentHour.value)) {
+        if (value === "am") {
+          currentDate.value = newDate.set("hour", newDate.get("hour")).subtract(12, "hour").format();
+        }
+        if (value === "pm") {
+          const baseHour = newDate.get("hour");
+          const newHour = baseHour + 12 > 12 && baseHour + 12 < 24 ? baseHour + 12 : baseHour === 0 ? 12 : baseHour;
+          currentDate.value = newDate.set("hour", newHour).format();
+        }
+      }
+      await nextTick();
+      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)
+                  ]),
+                  _: 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);
+    };
+  }
+});
+const MazPickerTime_vue_vue_type_style_index_0_scoped_e326b290_lang = "";
+const MazPickerTime = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e326b290"]]);
+const _hoisted_1$1 = { class: "m-picker-container__wrapper" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerContainer",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    calendarDate: { type: String, required: true },
+    color: { type: String, required: true },
+    locale: { type: String, required: true },
+    noHeader: { type: Boolean, default: false },
+    firstDayOfWeek: { type: Number, required: true },
+    double: { type: Boolean, required: true },
+    hasDate: { type: Boolean, required: true },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    inline: { type: Boolean, required: true },
+    noShortcuts: { type: Boolean, required: true },
+    shortcuts: {
+      type: Array,
+      required: true
+    },
+    shortcut: { type: String, default: void 0 },
+    hasTime: { type: Boolean, required: true },
+    isOpen: { type: Boolean, required: true },
+    format: { type: String, required: true },
+    isHour12: { type: Boolean, required: true },
+    formatterOptions: {
+      type: Object,
+      required: true
+    },
+    minuteInterval: { type: Number, required: true },
+    disabled: { type: Boolean, required: true },
+    disabledWeekly: { type: Array, required: true },
+    disabledHours: { type: Array, required: true },
+    disabledDates: { type: Array, required: true }
+  },
+  emits: [
+    "update:model-value",
+    "update:calendar-date",
+    "close"
+  ],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const currentDate = computed({
+      get: () => props.modelValue,
+      set: (value) => {
+        emits("update:model-value", value);
+      }
+    });
+    const calendarDate = computed({
+      get: () => props.calendarDate,
+      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, {
+            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,
+            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("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+const MazPickerContainer_vue_vue_type_style_index_0_scoped_57d0b394_lang = "";
+const MazPickerContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-57d0b394"]]);
+const UNIQUE_ID = "__vue_click_away__";
+const getEventType = () => {
+  return document.ontouchstart === null ? "touchstart" : "click";
+};
+const onMounted = async (el, binding) => {
+  onUnmounted(el);
+  const vm = binding.instance;
+  const callback = binding.value;
+  const isCallbackFunction = typeof callback === "function";
+  if (!isCallbackFunction) {
+    throw new Error("[maz-ui](vClickOutside) the callback should be a function");
+  }
+  await nextTick();
+  el[UNIQUE_ID] = (event) => {
+    if ((!el || !el.contains(event.target)) && callback && isCallbackFunction) {
+      return callback.call(vm, event);
+    }
+  };
+  const eventType = getEventType();
+  document.addEventListener(eventType, el[UNIQUE_ID], false);
+};
+const onUnmounted = (el) => {
+  const eventType = getEventType();
+  document.removeEventListener(eventType, el[UNIQUE_ID], false);
+  delete el[UNIQUE_ID];
+};
+const onUpdated = (el, binding) => {
+  if (binding.value === binding.oldValue) {
+    return;
+  }
+  onMounted(el, binding);
+};
+const directive = {
+  mounted: onMounted,
+  updated: onUpdated,
+  unmounted: onUnmounted
+};
+const ChevronDownIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE5IDlsLTcgNy03LTciLz4KPC9zdmc+Cg==";
+const _hoisted_1 = ["onKeydown"];
+const _hoisted_2 = {
+  type: "button",
+  tabindex: "-1",
+  class: "m-picker__button"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazPicker",
+  props: {
+    modelValue: {
+      type: [String, Object],
+      default: void 0
+    },
+    format: { type: String, default: "YYYY-MM-DD" },
+    open: { type: Boolean, default: false },
+    label: { type: String, default: void 0 },
+    placeholder: { type: String, default: void 0 },
+    inputDateStyle: {
+      type: Object,
+      default: () => ({
+        dateStyle: "full"
+      })
+    },
+    locale: { type: String, default: void 0 },
+    style: { type: Object, default: void 0 },
+    noHeader: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    firstDayOfWeek: {
+      type: Number,
+      default: 0,
+      validator: (value) => {
+        const isValid = Array.from({ length: 7 }, (_v, i) => i).includes(value);
+        if (!isValid) {
+          console.error(
+            '[maz-ui](MazPicker) "first-day-of-week" should be between 0 and 6'
+          );
+        }
+        return isValid;
+      }
+    },
+    autoClose: { type: Boolean, default: false },
+    customElementSelector: { type: String, default: void 0 },
+    double: { type: Boolean, default: false },
+    inline: { type: Boolean, default: false },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "info",
+          "success",
+          "warning",
+          "danger",
+          "white",
+          "black",
+          "transparent"
+        ].includes(value);
+      }
+    },
+    pickerPosition: {
+      type: String,
+      default: void 0,
+      validator: (value) => {
+        return [
+          "top",
+          "top right",
+          "top left",
+          "bottom",
+          "bottom right",
+          "bottom left",
+          "left",
+          "right"
+        ].includes(value);
+      }
+    },
+    time: { type: Boolean, default: false },
+    onlyTime: { type: Boolean, default: false },
+    minuteInterval: { type: Number, default: 5 },
+    noUseBrowserLocale: { type: Boolean, default: false },
+    noFetchLocal: { type: Boolean, default: false },
+    noShortcuts: { type: Boolean, default: false },
+    shortcuts: {
+      type: Array,
+      default: () => [
+        {
+          label: "Last 7 days",
+          identifier: "last7Days",
+          value: {
+            start: dayjs().subtract(6, "day").format("YYYY-MM-DD"),
+            end: dayjs().format("YYYY-MM-DD")
+          }
+        },
+        {
+          label: "Last 30 days",
+          identifier: "last30Days",
+          value: {
+            start: dayjs().subtract(29, "day").format("YYYY-MM-DD"),
+            end: dayjs().format("YYYY-MM-DD")
+          }
+        },
+        {
+          label: "This week",
+          identifier: "thisWeek",
+          value: {
+            start: dayjs().startOf("week").format("YYYY-MM-DD"),
+            end: dayjs().endOf("week").format("YYYY-MM-DD")
+          }
+        },
+        {
+          label: "Last week",
+          identifier: "lastWeek",
+          value: {
+            start: dayjs().subtract(1, "week").startOf("week").format("YYYY-MM-DD"),
+            end: dayjs().subtract(1, "week").endOf("week").format("YYYY-MM-DD")
+          }
+        },
+        {
+          label: "This month",
+          identifier: "thisMonth",
+          value: {
+            start: dayjs().set("date", 1).format("YYYY-MM-DD"),
+            end: dayjs().set("date", dayjs().daysInMonth()).format("YYYY-MM-DD")
+          }
+        },
+        {
+          label: "This year",
+          identifier: "thisYear",
+          value: {
+            start: dayjs().startOf("year").format("YYYY-MM-DD"),
+            end: dayjs().endOf("year").format("YYYY-MM-DD")
+          }
+        },
+        {
+          label: "Last year",
+          identifier: "lastYear",
+          value: {
+            start: dayjs().subtract(1, "year").startOf("year").format("YYYY-MM-DD"),
+            end: dayjs().subtract(1, "year").endOf("year").format("YYYY-MM-DD")
+          }
+        }
+      ]
+    },
+    shortcut: { type: String, default: void 0 },
+    minDate: { type: String, default: void 0 },
+    maxDate: { type: String, default: void 0 },
+    disabledWeekly: {
+      type: Array,
+      default: () => [],
+      validator: (value) => {
+        return 7 >= value && value >= 0;
+      }
+    },
+    disabledDates: { type: Array, default: () => [] },
+    disabledHours: {
+      type: Array,
+      default: () => [],
+      validator: (value) => {
+        return 23 >= value && value >= 0;
+      }
+    }
+  },
+  emits: ["update:model-value", "close"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    dayjs.extend(customParseFormat);
+    dayjs.extend(isBetween);
+    const defaultInputDateStyle = {
+      dateStyle: "full"
+    };
+    const instance = getCurrentInstance();
+    const internalLocale = ref(props.locale || "en-US");
+    const currentLocale = computed(
+      () => props.locale ?? internalLocale.value
+    );
+    const containerUniqueId = computed(
+      () => `mazPickerContainer-${instance == null ? void 0 : instance.uid}`
+    );
+    const MazPicker2 = ref();
+    const hasTime = computed(() => props.time || props.onlyTime);
+    const hasDouble = computed(() => props.double && !props.onlyTime);
+    const hasDate = computed(() => !props.onlyTime);
+    const isRangeMode = computed(() => typeof currentValue.value === "object");
+    onBeforeMount(() => {
+      if (isRangeMode.value && hasTime.value) {
+        console.error(
+          `[maz-ui](MazPicker) You can't use time picker with range picker`
+        );
+      }
+      if (hasTime.value && !(props.format.includes("h") || props.format.includes("H"))) {
+        console.error(
+          `[maz-ui](MazPicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"`
+        );
+      }
+      if (props.format.includes("h") && !(props.format.includes("a") || props.format.includes("A"))) {
+        console.error(
+          '[maz-ui](MazPicker) if you use the 12 format "h" or "hh", you must add "a" or "A" at the end of the format - Ex: "YYYY-MM-DD hh:mm a"'
+        );
+      }
+    });
+    const currentValue = computed({
+      get: () => {
+        return props.modelValue && typeof props.modelValue === "object" ? {
+          start: props.modelValue.start ? dayjs(props.modelValue.start, props.format).format() : void 0,
+          end: props.modelValue.end ? dayjs(props.modelValue.end, props.format).format() : void 0
+        } : props.modelValue ? dayjs(props.modelValue, props.format).format() : void 0;
+      },
+      set: (value) => {
+        if (props.disabled) {
+          return;
+        }
+        emitValue(value);
+        if (props.autoClose && value !== "object") {
+          closeCalendar();
+        }
+      }
+    });
+    const getCalendarDate = (value) => {
+      const baseDate = (typeof value === "object" ? value.start : value) ?? dayjs().format();
+      if (props.minDate && dayjs(baseDate).isBefore(props.minDate)) {
+        return props.minDate;
+      } else if (props.maxDate && dayjs(baseDate).isAfter(props.maxDate)) {
+        return props.minDate ?? props.maxDate;
+      } else {
+        return baseDate;
+      }
+    };
+    const calendarDate = ref(getCalendarDate(currentValue.value));
+    const isHour12 = computed(
+      () => props.format.includes("a") || props.format.includes("A") || props.format.includes("h")
+    );
+    const formatterOptions = computed(() => ({
+      ...defaultInputDateStyle,
+      ...props.inputDateStyle,
+      timeStyle: props.inputDateStyle.timeStyle ?? hasTime.value ? "short" : void 0,
+      hour12: props.inputDateStyle.hour12 ?? isHour12.value
+    }));
+    const inputValue = computed(() => {
+      if (!currentValue.value)
+        return;
+      if (props.onlyTime) {
+        return currentValue.value ? date(
+          dayjs(currentValue.value).format(),
+          currentLocale.value,
+          {
+            timeStyle: formatterOptions.value.timeStyle,
+            hour12: formatterOptions.value.hour12
+          }
+        ) : void 0;
+      } else if (typeof currentValue.value === "object") {
+        return getRangeFormattedDate({
+          value: currentValue.value,
+          locale: currentLocale.value,
+          options: formatterOptions.value
+        });
+      } else {
+        return getFormattedDate({
+          value: dayjs(currentValue.value).format(),
+          locale: currentLocale.value,
+          options: formatterOptions.value
+        });
+      }
+    });
+    const isFocused = ref(false);
+    const programaticallyOpened = ref(false);
+    const pickerContainerPosition = ref({
+      vertical: "bottom",
+      horizontal: "left"
+    });
+    const isOpen = computed(() => {
+      return (isFocused.value || props.open || programaticallyOpened.value) && !props.disabled || props.inline;
+    });
+    onMounted$1(async () => {
+      if (props.customElementSelector) {
+        addEventToTriggerCustomElement(props.customElementSelector);
+      }
+      if (!props.locale) {
+        const browserLocale = getBrowserLocale();
+        if (!props.noUseBrowserLocale && browserLocale) {
+          internalLocale.value = browserLocale;
+        } else if (!props.noFetchLocal) {
+          const locale = await fetchLocale();
+          if (locale)
+            internalLocale.value = locale;
+        }
+      }
+    });
+    onUnmounted$1(() => {
+      if (props.customElementSelector) {
+        removeEventToTriggerCustomElement(props.customElementSelector);
+      }
+    });
+    const getPickerContainerPosition = async () => {
+      if (props.pickerPosition) {
+        const horizontal = props.pickerPosition.includes("right") ? "right" : "left";
+        const vertical = props.pickerPosition.includes("top") ? "top" : "bottom";
+        return {
+          horizontal,
+          vertical
+        };
+      } else {
+        return {
+          horizontal: "left",
+          vertical: await calcVerticalPosition(MazPicker2.value)
+        };
+      }
+    };
+    const calcVerticalPosition = async (parent) => {
+      if (typeof window === "undefined") {
+        return "bottom";
+      }
+      const OFFSET = 30;
+      await nextTick();
+      const pickerContainer = document.querySelector(
+        `#${containerUniqueId.value}`
+      );
+      const parentRect = parent == null ? void 0 : parent.getBoundingClientRect();
+      const windowHeight = window.innerHeight;
+      const pickerHeight = ((pickerContainer == null ? void 0 : pickerContainer.clientHeight) ?? 0) - OFFSET;
+      const spaceOnBottom = (parentRect && windowHeight - parentRect.bottom) ?? 0;
+      const spaceOnTop = (parentRect && parentRect.top) ?? 0;
+      const hasSpaceOnBottom = spaceOnBottom && spaceOnBottom >= pickerHeight;
+      const hasSpaceOnTop = spaceOnTop && spaceOnTop >= pickerHeight;
+      if (!hasSpaceOnBottom && (hasSpaceOnTop || spaceOnTop >= spaceOnBottom)) {
+        return "top";
+      }
+      return "bottom";
+    };
+    const closeCalendar = () => {
+      isFocused.value = false;
+      programaticallyOpened.value = false;
+      emits("close");
+    };
+    function closeCalendarOnClickOutside() {
+      if (!props.customElementSelector) {
+        closeCalendar();
+      }
+    }
+    const toggleProgramatically = () => {
+      programaticallyOpened.value = !programaticallyOpened.value;
+    };
+    const addEventToTriggerCustomElement = (selector) => {
+      const target = document.querySelector(selector);
+      if (target) {
+        target.addEventListener("click", toggleProgramatically);
+      } else {
+        throw new Error(
+          `[maz-ui](MazPicker) impossible to find custom element with selector "${selector}"`
+        );
+      }
+    };
+    const removeEventToTriggerCustomElement = (selector) => {
+      const target = document.querySelector(selector);
+      target == null ? void 0 : target.removeEventListener("click", toggleProgramatically);
+    };
+    const checkMinMaxValues = (value) => {
+      if (props.minDate || props.maxDate) {
+        if (typeof value === "string") {
+          const { newValue, newCurrentDate } = checkValueWithMinMaxDates({
+            value,
+            minDate: props.minDate,
+            maxDate: props.maxDate,
+            format: props.format
+          });
+          if (newValue) {
+            emitValue(newValue);
+          }
+          if (newCurrentDate) {
+            setCalendarDate(newCurrentDate);
+          }
+        } else if (typeof value === "object" && (value.start || value.end)) {
+          let newStartValue = value.start;
+          let newEndValue = value.end;
+          if (value.start) {
+            const { newValue, newCurrentDate } = checkValueWithMinMaxDates({
+              value: value.start,
+              minDate: props.minDate,
+              maxDate: props.maxDate,
+              format: props.format
+            });
+            if (newValue)
+              newStartValue = newValue;
+            if (newCurrentDate) {
+              setCalendarDate(newCurrentDate);
+            }
+          }
+          if (value.end) {
+            const { newValue } = checkValueWithMinMaxDates({
+              value: value.end,
+              minDate: props.minDate,
+              maxDate: props.maxDate,
+              format: props.format
+            });
+            if (newValue)
+              newEndValue = newValue;
+          }
+          emitValue({
+            start: newStartValue,
+            end: newEndValue
+          });
+        }
+      }
+    };
+    const setCalendarDate = (value) => {
+      if (value && !dayjs(calendarDate.value).isSame(value, "month")) {
+        calendarDate.value = value;
+      }
+    };
+    const emitValue = (value) => {
+      if (typeof value === "object") {
+        const newValue = getRangeISODate(value, props.format);
+        emits("update:model-value", newValue);
+        if (newValue.start) {
+          setCalendarDate(newValue.start);
+        }
+      } else {
+        emits("update:model-value", getISODate(value, props.format));
+      }
+    };
+    watch(
+      () => [currentValue.value, props.minDate, props.maxDate],
+      (values, oldValues) => {
+        const value = values[0];
+        const oldValue = oldValues == null ? void 0 : oldValues[0];
+        if (typeof value === "object" && (value.start || value.end)) {
+          if (!oldValue || typeof oldValue === "object" && (oldValue.start !== value.start || oldValue.end !== value.end)) {
+            emitValue(value);
+            checkMinMaxValues(value);
+          }
+        } else if (typeof value === "string" && value !== oldValue) {
+          emitValue(value);
+          checkMinMaxValues(value);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => isOpen.value,
+      async (value) => {
+        if (value) {
+          pickerContainerPosition.value = await getPickerContainerPosition();
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => [currentValue.value, props.disabledWeekly, props.disabledDates],
+      (values) => {
+        const value = values[0];
+        const disabledWeekly = values[1];
+        const disabledDates = values[2];
+        if (typeof value === "object" && (value.start || value.end)) {
+          if (value.start && isValueDisabledWeekly({ value: value.start, disabledWeekly }) || value.start && isValueDisabledDate({ value: value.start, disabledDates }) || value.end && isValueDisabledWeekly({ value: value.end, disabledWeekly }) || value.end && isValueDisabledDate({ value: value.end, disabledDates })) {
+            currentValue.value = { start: void 0, end: void 0 };
+          }
+          if (value.end && isValueDisabledWeekly({ value: value.end, disabledWeekly }) || value.end && isValueDisabledDate({ value: value.end, disabledDates })) {
+            currentValue.value = { start: value.start, end: void 0 };
+          }
+        } else if (typeof value === "string" && (isValueDisabledWeekly({ value, disabledWeekly }) || isValueDisabledDate({ value, disabledDates }))) {
+          currentValue.value = void 0;
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        ref_key: "MazPicker",
+        ref: MazPicker2,
+        class: normalizeClass(["m-picker", [
+          `m-picker--${__props.color}`,
+          `m-picker--${pickerContainerPosition.value.vertical}`,
+          `m-picker--${pickerContainerPosition.value.horizontal}`,
+          {
+            "--is-open": unref(isOpen),
+            "--is-disabled": __props.disabled
+          }
+        ]]),
+        style: normalizeStyle(__props.style),
+        onKeydown: withKeys(closeCalendar, ["esc"])
+      }, [
+        !__props.customElementSelector && !__props.inline ? (openBlock(), createBlock(MazInput, mergeProps({
+          key: 0,
+          "model-value": unref(inputValue),
+          readonly: ""
+        }, _ctx.$attrs, {
+          autocomplete: "off",
+          class: "m-picker__input",
+          label: __props.label,
+          disabled: __props.disabled,
+          placeholder: __props.placeholder,
+          color: __props.color,
+          onClick: _cache[0] || (_cache[0] = ($event) => isFocused.value = !isFocused.value)
+        }), {
+          "right-icon": withCtx(() => [
+            createElementVNode("button", _hoisted_2, [
+              createVNode(_sfc_main$e, {
+                src: unref(ChevronDownIcon),
+                class: "m-picker__button__chevron"
+              }, null, 8, ["src"])
+            ])
+          ]),
+          _: 1
+        }, 16, ["model-value", "label", "disabled", "placeholder", "color"])) : createCommentVNode("", true),
+        createVNode(Transition, {
+          name: pickerContainerPosition.value.vertical === "top" ? "maz-slideinvert" : "maz-slide"
+        }, {
+          default: withCtx(() => [
+            withDirectives(createVNode(MazPickerContainer, {
+              id: unref(containerUniqueId),
+              ref: "PickerContainer",
+              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),
+              "is-open": unref(isOpen),
+              color: __props.color,
+              locale: unref(currentLocale),
+              "has-date": unref(hasDate),
+              double: unref(hasDouble),
+              "has-time": unref(hasTime),
+              "formatter-options": unref(formatterOptions),
+              "no-header": __props.noHeader,
+              "min-date": __props.minDate,
+              format: __props.format,
+              "is-hour12": unref(isHour12),
+              "max-date": __props.maxDate,
+              "disabled-weekly": __props.disabledWeekly,
+              inline: __props.inline,
+              "first-day-of-week": __props.firstDayOfWeek,
+              shortcuts: __props.shortcuts,
+              shortcut: __props.shortcut,
+              disabled: __props.disabled,
+              "disabled-hours": __props.disabledHours,
+              "disabled-dates": __props.disabledDates,
+              "minute-interval": __props.minuteInterval,
+              "no-shortcuts": __props.noShortcuts,
+              onClose: closeCalendar
+            }, null, 8, ["id", "modelValue", "calendar-date", "is-open", "color", "locale", "has-date", "double", "has-time", "formatter-options", "no-header", "min-date", "format", "is-hour12", "max-date", "disabled-weekly", "inline", "first-day-of-week", "shortcuts", "shortcut", "disabled", "disabled-hours", "disabled-dates", "minute-interval", "no-shortcuts"]), [
+              [vShow, unref(isOpen)]
+            ])
+          ]),
+          _: 1
+        }, 8, ["name"])
+      ], 46, _hoisted_1)), [
+        [unref(directive), closeCalendarOnClickOutside]
+      ]);
+    };
+  }
+});
+const MazPicker_vue_vue_type_style_index_0_scoped_bc61744c_lang = "";
+const MazPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc61744c"]]);
+export {
+  MazPicker as default
+};