maz-ui 3.22.0 → 3.22.2

package/components/assets/MazSelect.css

@@ -1 +1 @@
-.m-input[data-v-18b53f70]{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-18b53f70]{height:4rem}.m-input.--xl .m-input-input[data-v-18b53f70],.m-input.--xl .m-input-label[data-v-18b53f70]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-18b53f70]{height:3.5rem}.m-input.--lg .m-input-input[data-v-18b53f70],.m-input.--lg .m-input-label[data-v-18b53f70]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-18b53f70]{height:3rem}.m-input.--md .m-input-input[data-v-18b53f70],.m-input.--md .m-input-label[data-v-18b53f70]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-18b53f70]{height:2.5rem}.m-input.--sm .m-input-input[data-v-18b53f70],.m-input.--sm .m-input-label[data-v-18b53f70]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-18b53f70]{height:2rem}.m-input.--xs .m-input-input[data-v-18b53f70],.m-input.--xs .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-18b53f70]{height:1.5rem}.m-input.--mini .m-input-input[data-v-18b53f70],.m-input.--mini .m-input-label[data-v-18b53f70]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-18b53f70]{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-18b53f70]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-18b53f70]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-18b53f70]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-18b53f70]>: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-18b53f70],.m-input-wrapper-left[data-v-18b53f70]{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-18b53f70]{padding-right:.5rem}.m-input-wrapper-left[data-v-18b53f70]{padding-left:.5rem}.m-input-input[data-v-18b53f70]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;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-18b53f70]:-webkit-autofill,.m-input-input[data-v-18b53f70]:-webkit-autofill:hover,.m-input-input[data-v-18b53f70]:-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-input[data-v-18b53f70]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-18b53f70]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-18b53f70]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-18b53f70]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-18b53f70]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-18b53f70]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-18b53f70]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-18b53f70]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-18b53f70]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-18b53f70]{z-index:3}.m-input.--has-label .m-input-input[data-v-18b53f70]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-18b53f70]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-18b53f70]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill,html.dark .m-input-input[data-v-18b53f70]:-webkit-autofill:hover,html.dark .m-input-input[data-v-18b53f70]:-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-select[data-v-4ee0f4f3]{position:relative}.m-select[data-v-4ee0f4f3]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-4ee0f4f3] .m-input-input,.m-select-input.--has-label[data-v-4ee0f4f3] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-4ee0f4f3]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-4ee0f4f3] input{caret-color:transparent}.m-select-chevron[data-v-4ee0f4f3]{-webkit-transition-property:all;transition-property:all;-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;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-4ee0f4f3]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-4ee0f4f3]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-4ee0f4f3]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-4ee0f4f3]:is([class~=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-4ee0f4f3]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-4ee0f4f3]{bottom:100%}.m-select .m-select-list.--left[data-v-4ee0f4f3]{left:0}.m-select .m-select-list.--right[data-v-4ee0f4f3]{right:0}.m-select .m-select-list.--bottom[data-v-4ee0f4f3]{top:100%}.m-select .m-select-list__search-wrapper[data-v-4ee0f4f3]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-4ee0f4f3]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-4ee0f4f3]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-4ee0f4f3]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-4ee0f4f3]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-4ee0f4f3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-4ee0f4f3]{background-color:var(--maz-color-bg-light)}[data-v-4ee0f4f3]:is([class~=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-4ee0f4f3]{background-color:var(--6af9d50f)}.m-select .m-select-list-item.--is-none-value[data-v-4ee0f4f3]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-4ee0f4f3]{color:var(--c012bde4);background-color:var(--46d74214)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-4ee0f4f3]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-4ee0f4f3]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}
+.m-input[data-v-32fa5093]{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-32fa5093]{height:4rem}.m-input.--xl .m-input-input[data-v-32fa5093],.m-input.--xl .m-input-label[data-v-32fa5093]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-32fa5093]{height:3.5rem}.m-input.--lg .m-input-input[data-v-32fa5093],.m-input.--lg .m-input-label[data-v-32fa5093]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-32fa5093]{height:3rem}.m-input.--md .m-input-input[data-v-32fa5093],.m-input.--md .m-input-label[data-v-32fa5093]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-32fa5093]{height:2.5rem}.m-input.--sm .m-input-input[data-v-32fa5093],.m-input.--sm .m-input-label[data-v-32fa5093]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-32fa5093]{height:2rem}.m-input.--xs .m-input-input[data-v-32fa5093],.m-input.--xs .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-32fa5093]{height:1.5rem}.m-input.--mini .m-input-input[data-v-32fa5093],.m-input.--mini .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-32fa5093]{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-32fa5093]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-32fa5093]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-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-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-32fa5093]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-32fa5093]>: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-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{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-32fa5093]{padding-right:.5rem}.m-input-wrapper-left[data-v-32fa5093]{padding-left:.5rem}.m-input-input[data-v-32fa5093]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;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-32fa5093]:-webkit-autofill,.m-input-input[data-v-32fa5093]:-webkit-autofill:hover,.m-input-input[data-v-32fa5093]:-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-input[data-v-32fa5093]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-32fa5093]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-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:not(.--should-up) .m-input-label[data-v-32fa5093]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-32fa5093]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-32fa5093]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-32fa5093]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-32fa5093]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-32fa5093]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-32fa5093]{z-index:3}.m-input.--has-label .m-input-input[data-v-32fa5093]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-32fa5093]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:hover,html.dark .m-input-input[data-v-32fa5093]:-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-select[data-v-c313b4a6]{position:relative}.m-select[data-v-c313b4a6]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-c313b4a6] .m-input-input,.m-select-input.--has-label[data-v-c313b4a6] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-c313b4a6] input{caret-color:transparent}.m-select-chevron[data-v-c313b4a6]{-webkit-transition-property:all;transition-property:all;-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;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-c313b4a6]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-c313b4a6]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-c313b4a6]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-c313b4a6]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-c313b4a6]{bottom:100%}.m-select .m-select-list.--left[data-v-c313b4a6]{left:0}.m-select .m-select-list.--right[data-v-c313b4a6]{right:0}.m-select .m-select-list.--bottom[data-v-c313b4a6]{top:100%}.m-select .m-select-list__search-wrapper[data-v-c313b4a6]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-c313b4a6]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-c313b4a6]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-c313b4a6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-c313b4a6]{background-color:var(--maz-color-bg-light)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-c313b4a6]{background-color:var(--0804a86d)}.m-select .m-select-list-item.--is-none-value[data-v-c313b4a6]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-c313b4a6]{color:var(--4502d2ec);background-color:var(--381f7054)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-c313b4a6]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-c313b4a6]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}

package/components/assets/MazTextarea.css

@@ -1 +1 @@
-.m-textarea[data-v-75ce1c99]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-textarea textarea[data-v-75ce1c99]{min-height:6.25rem;width:100%;resize:vertical;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);padding:1rem;color:var(--maz-color-text);outline:2px solid transparent;outline-offset:2px}.m-textarea textarea.--default-border[data-v-75ce1c99]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-textarea.--has-label textarea[data-v-75ce1c99]{padding-top:1.5rem}.m-textarea.--is-disabled textarea[data-v-75ce1c99]{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-textarea__label[data-v-75ce1c99]{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:1rem;top:.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-textarea__label.--should-up[data-v-75ce1c99]{-webkit-transform:scale(.8) translateY(-.65rem);transform:scale(.8) translateY(-.65rem)}.m-textarea__label[data-v-75ce1c99]:not(.--has-state){color:var(--maz-color-muted)}html.dark .m-textarea textarea[data-v-75ce1c99]{background-color:var(--maz-color-bg-light)}html.dark .m-textarea textarea.--default-border[data-v-75ce1c99],html.dark .m-textarea.--is-disabled textarea[data-v-75ce1c99]{border-color:var(--maz-color-bg-lighter)}
+.m-textarea[data-v-f626cad0]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-textarea textarea[data-v-f626cad0]{min-height:6.25rem;width:100%;resize:vertical;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);padding:1rem;color:var(--maz-color-text);outline:2px solid transparent;outline-offset:2px}.m-textarea textarea.--default-border[data-v-f626cad0]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-textarea.--has-label textarea[data-v-f626cad0]{padding-top:1.5rem}.m-textarea.--is-disabled textarea[data-v-f626cad0]{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-textarea__label[data-v-f626cad0]{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:1rem;top:.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-textarea__label.--should-up[data-v-f626cad0]{-webkit-transform:scale(.8) translateY(-.65rem);transform:scale(.8) translateY(-.65rem)}.m-textarea__label[data-v-f626cad0]:not(.--has-state){color:var(--maz-color-muted)}html.dark .m-textarea textarea[data-v-f626cad0]{background-color:var(--maz-color-bg-light)}html.dark .m-textarea textarea.--default-border[data-v-f626cad0],html.dark .m-textarea.--is-disabled textarea[data-v-f626cad0]{border-color:var(--maz-color-bg-lighter)}

package/components/chunks/{MazBtn-001d4174.mjs → MazBtn-0e02f0da.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazSelect-757bffd7.mjs";
+import { _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-7bd9b831.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-cb6f99f3.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-a3a285eb.mjs → MazBtn-2f4fa942.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPicker-9f4c724c.mjs";
+import { _ as _export_sfc } from "./MazSelect-2e5cd411.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-d669a3af.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-191ad23b.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-97d9e521.mjs → MazBtn-30723941.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPhoneNumberInput-4cec4ade.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-31bc05f9.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-ac429216.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-db6fc59d.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-080c9397.mjs → MazBtn-4e1e116e.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazInputPrice-eb36a7dd.mjs";
+import { _ as _export_sfc } from "./MazInputPrice-452297f5.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-85c86950.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-8859d658.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-7f413085.mjs → MazBtn-b42e3575.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazInputTags-24164d56.mjs";
+import { _ as _export_sfc } from "./MazInputTags-7a463b81.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-89743727.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-339a9006.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-29a43072.mjs → MazBtn-f48da79c.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazInput-12a098d4.mjs";
+import { _ as _export_sfc } from "./MazInput-b9386887.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-d356ad25.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-100c99b8.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazCheckbox-0595c207.mjs → MazCheckbox-9fa9179a.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazCheckbox.css";
 import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, renderSlot } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-4cec4ade.mjs";
+import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-31bc05f9.mjs";
 import CheckIcon from "./check-8da249b1.mjs";
 const _hoisted_1 = ["for", "aria-checked"];
 const _hoisted_2 = ["id", "checked", "disabled", "name"];

package/components/chunks/{MazCheckbox-90f20e7f.mjs → MazCheckbox-e0bbe6ec.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazCheckbox.css";
 import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, renderSlot } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazSelect-757bffd7.mjs";
+import { u as useInstanceUniqId, _ as _export_sfc } from "./MazSelect-2e5cd411.mjs";
 import CheckIcon from "./check-8da249b1.mjs";
 const _hoisted_1 = ["for", "aria-checked"];
 const _hoisted_2 = ["id", "checked", "disabled", "name"];

package/components/chunks/MazInput-713b00d0.mjs

@@ -0,0 +1,326 @@
+import "../assets/MazInput.css";
+import { computed, defineComponent, defineAsyncComponent, ref, getCurrentInstance, onMounted, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx } from "vue";
+import { d as debounce } from "./debounce-7d66ffa9.mjs";
+import { _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
+const useInstanceUniqId = ({
+  componentName,
+  instance,
+  providedId
+}) => {
+  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
+};
+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 = { key: 0 };
+const _hoisted_5 = {
+  key: 1,
+  class: "m-input-wrapper-right"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "MazInput",
+  props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    placeholder: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    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: __emit }) {
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-0e02f0da.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
+    const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
+    const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
+    const CheckIcon = defineAsyncComponent(() => import("./check-f2fcce10.mjs"));
+    const props = __props;
+    const emits = __emit;
+    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 inheritClasses = computed(() => props.class);
+    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 slots = useSlots();
+    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) => {
+      emits("focus", event);
+      isFocused.value = true;
+    };
+    const blur = (event) => {
+      emits("blur", event);
+      isFocused.value = false;
+    };
+    const change = (event) => emits("change", event);
+    const debounceEmitValue = debounce((value) => {
+      emits("update:model-value", value);
+    }, props.debounceDelay);
+    const emitValue = (value) => {
+      if (props.debounce)
+        return debounceEmitValue(value);
+      emits("update:model-value", value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["m-input", [
+            {
+              "--is-focused": isFocused.value || __props.borderActive,
+              "--should-up": shouldUp.value,
+              "--has-label": hasLabel.value,
+              "--is-disabled": __props.disabled,
+              "--is-readonly": __props.readonly,
+              "--has-z-2": __props.error || __props.warning || __props.success,
+              "--has-state": __props.error || __props.warning || __props.success
+            },
+            inheritClasses.value,
+            `--${__props.color}`,
+            `--${__props.size}`
+          ]]),
+          style: normalizeStyle(__props.style)
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["m-input-wrapper", [__props.inputClasses, borderStyle.value, { "maz-rounded": !__props.noRadius }]])
+            },
+            [
+              hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                _ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
+                  createVNode(unref(MazIcon), {
+                    name: __props.leftIcon,
+                    class: "maz-text-xl maz-text-muted"
+                  }, null, 8, ["name"])
+                ], true) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_2, [
+                withDirectives(createElementVNode("input", mergeProps({
+                  id: unref(instanceId),
+                  ref_key: "input",
+                  ref: input,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+                  type: inputType.value,
+                  name: __props.name
+                }, _ctx.$attrs, {
+                  placeholder: computedPlaceholder.value,
+                  "aria-label": __props.label || __props.placeholder,
+                  disabled: __props.disabled,
+                  readonly: __props.readonly,
+                  required: __props.required,
+                  class: "m-input-input"
+                }, toHandlers({
+                  blur,
+                  focus,
+                  change
+                }, true), {
+                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
+                }), null, 16, _hoisted_3), [
+                  [vModelDynamic, inputValue.value]
+                ]),
+                __props.label || __props.hint ? (openBlock(), createElementBlock(
+                  "span",
+                  {
+                    key: 0,
+                    ref: "label",
+                    class: normalizeClass(["m-input-label", [
+                      {
+                        "maz-text-danger-600": __props.error,
+                        "maz-text-success-600": __props.success,
+                        "maz-text-warning-600": __props.warning
+                      }
+                    ]])
+                  },
+                  [
+                    createTextVNode(
+                      toDisplayString(__props.hint || __props.label) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    __props.required ? (openBlock(), createElementBlock("sup", _hoisted_4, "*")) : createCommentVNode("v-if", true)
+                  ],
+                  2
+                  /* CLASS */
+                )) : createCommentVNode("v-if", true)
+              ]),
+              hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                _ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
+                  createVNode(unref(MazIcon), {
+                    name: __props.rightIcon,
+                    class: "maz-text-xl maz-text-muted"
+                  }, null, 8, ["name"])
+                ], true) : createCommentVNode("v-if", true),
+                isPasswordType.value ? (openBlock(), createBlock(unref(MazBtn), {
+                  key: 1,
+                  color: "transparent",
+                  tabindex: "-1",
+                  size: "mini",
+                  onClick: _cache[2] || (_cache[2] = withModifiers(($event) => hasPasswordVisible.value = !hasPasswordVisible.value, ["stop"]))
+                }, {
+                  default: withCtx(() => [
+                    hasPasswordVisible.value ? (openBlock(), createBlock(unref(EyeOffIcon), {
+                      key: 0,
+                      class: "maz-text-xl maz-text-muted"
+                    })) : (openBlock(), createBlock(unref(EyeIcon), {
+                      key: 1,
+                      class: "maz-text-xl maz-text-muted"
+                    }))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })) : createCommentVNode("v-if", true),
+                _ctx.$slots["valid-button"] || __props.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
+                  createVNode(unref(MazBtn), {
+                    color: "transparent",
+                    disabled: __props.disabled,
+                    tabindex: "-1",
+                    loading: __props.validButtonLoading,
+                    class: "m-input-valid-button",
+                    size: "mini",
+                    type: "submit"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(CheckIcon), { class: "maz-text-2xl maz-text-normal" })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled", "loading"])
+                ], true) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+const MazInput_vue_vue_type_style_index_0_scoped_32fa5093_lang = "";
+const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32fa5093"]]);
+export {
+  MazInput as default
+};