maz-ui 3.5.0 → 3.6.2

package/components/MazInputTags.mjs

@@ -0,0 +1,904 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.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-input-tags[data-v-a3af9b56]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:var(--maz-border-radius);border-width:2px;background-color:var(--maz-color-bg);padding-left:.25em;padding-right:.25em}.m-input-tags__tag[data-v-a3af9b56]{margin-top:.25em;margin-bottom:.25em;margin-right:.25em}.m-input-tags__input[data-v-a3af9b56] .m-input-wrapper{border-style:none;min-width:7.5em}.m-input-tags__input[data-v-a3af9b56] input{padding-left:.4em;padding-right:.4em}html.dark .m-input-tags[data-v-a3af9b56]{background-color:var(--maz-color-bg-light)}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, mergeProps, createCommentVNode, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createVNode, getCurrentInstance, resolveComponent, withDirectives, toHandlers, vModelDynamic, createTextVNode, toDisplayString, withModifiers, TransitionGroup, Fragment, renderList, withKeys } from "vue";
+const _withScopeId = (n) => (pushScopeId("data-v-503fe527"), n = n(), popScopeId(), n);
+const _hoisted_1$3 = ["width", "height"];
+const _hoisted_2$2 = /* @__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$2 = [
+  _hoisted_2$2
+];
+const _sfc_main$4 = /* @__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$2, 10, _hoisted_1$3);
+    };
+  }
+});
+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$4, [["__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$2 = ["innerHTML"];
+const _sfc_main$3 = /* @__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(() => {
+      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$2)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$1 = {
+  key: 0,
+  class: "m-btn__icon-left maz-flex maz-flex-center"
+};
+const _hoisted_2$1 = { class: "maz-flex maz-flex-center" };
+const _hoisted_3$1 = {
+  key: 1,
+  class: "m-btn__icon-right maz-flex maz-flex-center"
+};
+const _sfc_main$2 = /* @__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$1, [
+            renderSlot(_ctx.$slots, "left-icon", {}, () => [
+              __props.leftIcon ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 0,
+                name: __props.leftIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true)
+            ], true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_2$1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          unref(hasRightIcon) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+            renderSlot(_ctx.$slots, "right-icon", {}, () => [
+              __props.rightIcon ? (openBlock(), createBlock(_sfc_main$3, {
+                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$2, [["__scopeId", "data-v-7673d151"]]);
+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 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$1 = defineComponent({
+  components: { MazBtn, MazIcon: _sfc_main$3 },
+  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(() => {
+      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 = {
+  key: 0,
+  class: "m-input-wrapper-left"
+};
+const _hoisted_2 = { class: "m-input-wrapper-input" };
+const _hoisted_3 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
+const _hoisted_4 = ["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, [
+        _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, [
+        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), [
+          [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)) : 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$1, [["render", _sfc_render], ["__scopeId", "data-v-8d171d05"]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazInputTags",
+  props: {
+    modelValue: {
+      type: Array,
+      default: void 0
+    },
+    placeholder: { type: String, default: void 0 },
+    label: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    success: { type: Boolean, default: false },
+    warning: { type: Boolean, default: false },
+    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);
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const isFocused = ref(false);
+    const inputValue = ref();
+    const addTags = (event) => {
+      if (inputValue.value) {
+        event.preventDefault();
+        const values = inputValue.value.trim().split(",").map((value) => value.trim() === "," ? void 0 : value.trim()).filter(Boolean);
+        emits(
+          "update:model-value",
+          props.modelValue ? [...props.modelValue, ...values] : [...values]
+        );
+        inputValue.value = void 0;
+      }
+    };
+    const borderStyle = computed(() => {
+      if (props.error)
+        return "maz-border-danger";
+      if (props.success)
+        return "maz-border-success";
+      if (props.warning)
+        return "maz-border-warning";
+      if (isFocused.value) {
+        if (props.color === "primary")
+          return "maz-border-primary";
+        if (props.color === "secondary")
+          return "maz-border-secondary";
+        if (props.color === "info")
+          return "maz-border-info";
+        if (props.color === "danger")
+          return "maz-border-danger";
+        if (props.color === "success")
+          return "maz-border-success";
+        if (props.color === "warning")
+          return "maz-border-warning";
+        if (props.color === "black")
+          return "maz-border-black";
+        if (props.color === "white")
+          return "maz-border-white";
+      }
+      return "maz-border-color-lighter";
+    });
+    const removeLastTag = () => {
+      if (!inputValue.value || inputValue.value === "") {
+        const tagsArray = JSON.parse(JSON.stringify(props.modelValue));
+        tagsArray.pop();
+        emits("update:model-value", tagsArray);
+      }
+    };
+    const removeTag = (index) => {
+      const tagsArray = JSON.parse(JSON.stringify(props.modelValue));
+      tagsArray.splice(index, 1);
+      emits("update:model-value", tagsArray);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["m-input-tags", [unref(borderStyle), `--${__props.color}`]]),
+        onFocusCapture: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
+        onBlurCapture: _cache[2] || (_cache[2] = ($event) => isFocused.value = false)
+      }, [
+        createVNode(TransitionGroup, { name: "maz-tags" }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (tag, i) => {
+              return openBlock(), createElementBlock("div", {
+                key: `tag-${i}`
+              }, [
+                createVNode(MazBtn, {
+                  class: "m-input-tags__tag",
+                  disabled: __props.disabled,
+                  size: __props.size,
+                  color: __props.color,
+                  onClick: withModifiers(($event) => removeTag(i), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(tag), 1)
+                  ]),
+                  "right-icon": withCtx(() => [
+                    createVNode(_sfc_main$3, {
+                      name: "x",
+                      size: "1em",
+                      class: "m-input-tags__tag__icon"
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "size", "color", "onClick"])
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }),
+        createVNode(MazInput, mergeProps({
+          key: "input-tags",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
+        }, _ctx.$attrs, {
+          placeholder: __props.placeholder,
+          label: __props.label,
+          "aria-label": __props.label || __props.placeholder,
+          error: __props.error,
+          disabled: __props.disabled,
+          color: __props.color,
+          size: __props.size,
+          "no-border": "",
+          class: "m-input-tags__input maz-flex-1",
+          onKeydown: [
+            withKeys(addTags, ["enter"]),
+            withKeys(removeLastTag, ["delete"])
+          ]
+        }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "size", "onKeydown"])
+      ], 34);
+    };
+  }
+});
+const MazInputTags_vue_vue_type_style_index_0_scoped_a3af9b56_lang = "";
+const MazInputTags = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3af9b56"]]);
+export {
+  MazInputTags as default
+};