maz-ui 3.0.4 → 3.0.5

package/components/MazCheckbox.js

@@ -1 +1 @@
-import{defineComponent as e,getCurrentInstance as c,computed as o,openBlock as a,createElementBlock as r,normalizeClass as n,createElementVNode as t,mergeProps as l,unref as b,renderSlot as d}from"vue";var h=["id","checked","name"],k=["for"],m=e({__name:"MazCheckbox",props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},name:{type:String,default:"m-checkbox"}},emits:["update:model-value"],setup:function(e){var m=e,s=c(),i=o((function(){return m.id?m.id:"MazCheckbox-".concat(null==s?void 0:s.uid)}));return function(c,o){return a(),r("div",{class:n(["m-checkbox",["m-checkbox--".concat(e.color)]])},[t("input",l({id:b(i),checked:e.modelValue},c.$attrs,{name:e.name,type:"checkbox",class:"maz-mr-2",onChange:o[0]||(o[0]=function(e){var o;return c.$emit("update:model-value",null==e||null===(o=e.target)||void 0===o?void 0:o.checked)})}),null,16,h),t("label",{for:b(i),class:"maz-m-0 maz-flex maz-items-center"},[d(c.$slots,"default")],8,k)],2)}}});!function(e,c){void 0===c&&(c={});var o=c.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.m-checkbox[data-v-7227ce10] {\n    -webkit-transition: all 300ms ease-in-out;\n    transition: all 300ms ease-in-out;\n    cursor: pointer;\n    margin-left: 2px;\n    min-height: 22px;\n}\n.m-checkbox [type='checkbox'][data-v-7227ce10]:not(:checked),\n    .m-checkbox [type='checkbox'][data-v-7227ce10]:checked {\n      position: absolute;\n      left: -9999px;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-7227ce10],\n    .m-checkbox [type='checkbox']:checked + label[data-v-7227ce10] {\n      position: relative;\n      padding-left: 30px;\n      font-size: 1rem;\n      cursor: pointer;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n      -webkit-user-select: none;\n          -ms-user-select: none;\n              -moz-user-select: none;\n           user-select: none;\n}\n.m-checkbox [type='checkbox'] + label[data-v-7227ce10]::before {\n    border-width: 2px;\n    border-style: solid;\n    border-color: transparent;\n\n      content: '';\n      position: absolute;\n      left: 0;\n      width: 22px;\n      height: 22px;\n      background: transparent;\n      border-radius: 4px;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox']:focus + label[data-v-7227ce10]::before {\n    border-radius: 0.25rem;\n    border-width: 2px;\n    border-style: solid;\n    border-color: var(--maz-color-primary);\n\n      content: '';\n      position: absolute;\n      left: 0;\n      width: 22px;\n      height: 22px;\n      background: transparent;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-bg-light);\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after,\n    .m-checkbox [type='checkbox']:checked + label[data-v-7227ce10]::after {\n      content: '';\n      position: absolute;\n      left: 5px;\n      width: 12px;\n      height: 12px;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n      border-radius: 2px;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after {\n      opacity: 0;\n      -webkit-transform: scale(0);\n              transform: scale(0);\n}\n.m-checkbox [type='checkbox']:checked + label[data-v-7227ce10]::after {\n      opacity: 1;\n      -webkit-transform: scale(1);\n              transform: scale(1);\n}\n.m-checkbox--primary [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--primary [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-primary);\n    color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n          border-color: var(--maz-color-primary-700);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-primary-700);\n}\n.m-checkbox--secondary [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--secondary [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-secondary);\n    color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n          border-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--info [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--info [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-info);\n    color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n          border-color: var(--maz-color-info-700);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-info-700);\n}\n.m-checkbox--danger [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--danger [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-danger);\n    color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n          border-color: var(--maz-color-danger-700);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-danger-700);\n}\n.m-checkbox--warning [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--warning [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-warning);\n    color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n          border-color: var(--maz-color-warning-700);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-warning-700);\n}\n.m-checkbox--success [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--success [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-success);\n    color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n          border-color: var(--maz-color-success-700);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-success-700);\n}\n.m-checkbox--white [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--white [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-white);\n    color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n                  box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n          --tw-border-opacity: 1;\n          border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    --tw-bg-opacity: 1;\n    background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-checkbox--black [type='checkbox']:checked + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:not(:checked) + label[data-v-7227ce10]::after, \n      .m-checkbox--black [type='checkbox']:checked + label[data-v-7227ce10]::after {\n    background-color: var(--maz-color-black);\n    color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-7227ce10]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n                  box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n          --tw-border-opacity: 1;\n          border-color: rgb(55 65 81 / var(--tw-border-opacity));\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-7227ce10]::after {\n    --tw-bg-opacity: 1;\n    background-color: rgb(55 65 81 / var(--tw-bg-opacity));\n}\nhtml.dark .m-checkbox [type='checkbox']:not(:checked) + label[data-v-7227ce10]::before {\n    border-color: var(--maz-color-bg-lighter);\n}\n"),m.__scopeId="data-v-7227ce10";export{m as default};
+import{computed as e,defineComponent as o,getCurrentInstance as a,openBlock as c,createElementBlock as r,normalizeClass as n,createElementVNode as t,mergeProps as l,unref as b,renderSlot as d}from"vue";var h=["id","checked","name"],k=["for"],m=o({__name:"MazCheckbox",props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},name:{type:String,default:"m-checkbox"}},emits:["update:model-value"],setup:function(o){var m=o,s=function(o){var a=o.componentName,c=o.instance,r=o.providedId;return{instanceId:e((function(){return null!=r?r:"".concat(a,"-").concat(null==c?void 0:c.uid)}))}}({componentName:"MazCheckbox",instance:a(),providedId:m.id}),i=s.instanceId;return function(e,a){return c(),r("div",{class:n(["m-checkbox",["m-checkbox--".concat(o.color)]])},[t("input",l({id:b(i),checked:o.modelValue},e.$attrs,{name:o.name,type:"checkbox",class:"maz-mr-2",onChange:a[0]||(a[0]=function(o){var a;return e.$emit("update:model-value",null==o||null===(a=o.target)||void 0===a?void 0:a.checked)})}),null,16,h),t("label",{for:b(i),class:"maz-m-0 maz-flex maz-items-center"},[d(e.$slots,"default")],8,k)],2)}}});!function(e,o){void 0===o&&(o={});var a=o.insertAt;if(e&&"undefined"!=typeof document){var c=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&c.firstChild?c.insertBefore(r,c.firstChild):c.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.m-checkbox[data-v-2f1414e2] {\n    -webkit-transition: all 300ms ease-in-out;\n    transition: all 300ms ease-in-out;\n    cursor: pointer;\n    margin-left: 2px;\n    min-height: 22px;\n}\n.m-checkbox [type='checkbox'][data-v-2f1414e2]:not(:checked),\n    .m-checkbox [type='checkbox'][data-v-2f1414e2]:checked {\n      position: absolute;\n      left: -9999px;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-2f1414e2],\n    .m-checkbox [type='checkbox']:checked + label[data-v-2f1414e2] {\n      position: relative;\n      padding-left: 30px;\n      font-size: 1rem;\n      cursor: pointer;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n      -webkit-user-select: none;\n          -ms-user-select: none;\n              -moz-user-select: none;\n           user-select: none;\n}\n.m-checkbox [type='checkbox'] + label[data-v-2f1414e2]::before {\n    border-width: 2px;\n    border-style: solid;\n    border-color: transparent;\n\n      content: '';\n      position: absolute;\n      left: 0;\n      width: 22px;\n      height: 22px;\n      background: transparent;\n      border-radius: 4px;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n    border-radius: 0.25rem;\n    border-width: 2px;\n    border-style: solid;\n    border-color: var(--maz-color-primary);\n\n      content: '';\n      position: absolute;\n      left: 0;\n      width: 22px;\n      height: 22px;\n      background: transparent;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-bg-light);\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after,\n    .m-checkbox [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n      content: '';\n      position: absolute;\n      left: 5px;\n      width: 12px;\n      height: 12px;\n      -webkit-transition: all 300ms ease-in-out;\n      transition: all 300ms ease-in-out;\n      border-radius: 2px;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after {\n      opacity: 0;\n      -webkit-transform: scale(0);\n              transform: scale(0);\n}\n.m-checkbox [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n      opacity: 1;\n      -webkit-transform: scale(1);\n              transform: scale(1);\n}\n.m-checkbox--primary [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--primary [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-primary);\n    color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n          border-color: var(--maz-color-primary-700);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-primary-700);\n}\n.m-checkbox--secondary [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--secondary [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-secondary);\n    color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n          border-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--info [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--info [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-info);\n    color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n          border-color: var(--maz-color-info-700);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-info-700);\n}\n.m-checkbox--danger [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--danger [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-danger);\n    color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n          border-color: var(--maz-color-danger-700);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-danger-700);\n}\n.m-checkbox--warning [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--warning [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-warning);\n    color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n          border-color: var(--maz-color-warning-700);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-warning-700);\n}\n.m-checkbox--success [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--success [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-success);\n    color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n                  box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n          border-color: var(--maz-color-success-700);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-success-700);\n}\n.m-checkbox--white [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--white [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-white);\n    color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n                  box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n          --tw-border-opacity: 1;\n          border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    --tw-bg-opacity: 1;\n    background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-checkbox--black [type='checkbox']:checked + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::after, \n      .m-checkbox--black [type='checkbox']:checked + label[data-v-2f1414e2]::after {\n    background-color: var(--maz-color-black);\n    color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-2f1414e2]::before {\n          -webkit-box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n                  box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n          --tw-border-opacity: 1;\n          border-color: rgb(55 65 81 / var(--tw-border-opacity));\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-2f1414e2]::after {\n    --tw-bg-opacity: 1;\n    background-color: rgb(55 65 81 / var(--tw-bg-opacity));\n}\nhtml.dark .m-checkbox [type='checkbox']:not(:checked) + label[data-v-2f1414e2]::before {\n    border-color: var(--maz-color-bg-lighter);\n}\n"),m.__scopeId="data-v-2f1414e2";export{m as default};

package/components/MazInput.d.ts

@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     error: {
         type: BooleanConstructor;
@@ -125,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     EyeOffIcon: any;
     EyeIcon: any;
     CheckIcon: any;
+    instanceId: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:model-value" | "click" | "change" | "update")[], "focus" | "blur" | "update:model-value" | "click" | "change" | "update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number | boolean | null | undefined>;
@@ -166,7 +167,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     error: {
         type: BooleanConstructor;

package/components/MazInput.js

@@ -1,3 +1,3 @@
-import{defineComponent as n,openBlock as t,createElementBlock as e,normalizeClass as o,pushScopeId as r,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as d,onMounted as s,nextTick as u,watch as m,mergeProps as b,createCommentVNode as p,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as w,withCtx as y,renderSlot as k,createVNode as x,resolveComponent as z,withDirectives as _,toHandlers as E,vModelDynamic as S,createTextVNode as L,toDisplayString as B,withModifiers as D}from"vue";var O=["width","height"],j=[function(n){return r("data-v-67dbd337"),n=n(),a(),n}((function(){return i("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)}))],P=n({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(r,a){return t(),e("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:o(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},j,10,O)}}});function I(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}function F(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}I("\n@-webkit-keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n@keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n.m-spinner[data-v-67dbd337] {\n    -webkit-animation: maz-spin 1s linear infinite;\n            animation: maz-spin 1s linear infinite;\n    fill: currentColor;\n    color: var(--maz-color-white);\n    margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n    color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n    color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n    color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n    color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n    color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n    color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n    color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n"),P.__scopeId="data-v-67dbd337";var C,M={exports:{}};(C=M).exports=function(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n},C.exports.__esModule=!0,C.exports.default=C.exports;var T=F(M.exports),N={exports:{}};!function(n){function t(n,t,e,o,r,a,i){try{var c=n[a](i),l=c.value}catch(n){return void e(n)}c.done?t(l):Promise.resolve(l).then(o,r)}n.exports=function(n){return function(){var e=this,o=arguments;return new Promise((function(r,a){var i=n.apply(e,o);function c(n){t(i,r,a,c,l,"next",n)}function l(n){t(i,r,a,c,l,"throw",n)}c(void 0)}))}},n.exports.__esModule=!0,n.exports.default=n.exports}(N);var V=F(N.exports),$={exports:{}},G={exports:{}};!function(n){function t(e){return n.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,t(e)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(G),function(n){var t=G.exports.default;function e(){
+import{inject as n,ref as t,computed as e,defineComponent as o,openBlock as r,createElementBlock as a,normalizeClass as i,pushScopeId as c,popScopeId as l,createElementVNode as d,onMounted as s,nextTick as u,watch as m,mergeProps as b,createCommentVNode as p,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as w,withCtx as y,renderSlot as k,createVNode as x,getCurrentInstance as z,resolveComponent as _,withDirectives as E,toHandlers as S,vModelDynamic as L,createTextVNode as B,toDisplayString as I,withModifiers as D}from"vue";function O(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var j,P={exports:{}};(j=P).exports=function(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n},j.exports.__esModule=!0,j.exports.default=j.exports;var F=O(P.exports);t();!function(n){n.exports=function(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")},n.exports.__esModule=!0,n.exports.default=n.exports}({exports:{}});!function(n){function t(n,t){for(var e=0;e<t.length;e++){var o=t[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}n.exports=function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),Object.defineProperty(n,"prototype",{writable:!1}),n},n.exports.__esModule=!0,n.exports.default=n.exports}({exports:{}});var M=["width","height"],C=[function(n){return c("data-v-67dbd337"),n=n(),l(),n}((function(){return d("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)}))],T=o({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(t,e){return r(),a("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:i(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},C,10,M)}}});function N(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}N("\n@-webkit-keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n@keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n.m-spinner[data-v-67dbd337] {\n    -webkit-animation: maz-spin 1s linear infinite;\n            animation: maz-spin 1s linear infinite;\n    fill: currentColor;\n    color: var(--maz-color-white);\n    margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n    color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n    color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n    color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n    color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n    color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n    color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n    color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n"),T.__scopeId="data-v-67dbd337";var V={exports:{}};!function(n){function t(n,t,e,o,r,a,i){try{var c=n[a](i),l=c.value}catch(n){return void e(n)}c.done?t(l):Promise.resolve(l).then(o,r)}n.exports=function(n){return function(){var e=this,o=arguments;return new Promise((function(r,a){var i=n.apply(e,o);function c(n){t(i,r,a,c,l,"next",n)}function l(n){t(i,r,a,c,l,"throw",n)}c(void 0)}))}},n.exports.__esModule=!0,n.exports.default=n.exports}(V);var $=O(V.exports),G={exports:{}},A={exports:{}};!function(n){function t(e){return n.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,t(e)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(A),function(n){var t=A.exports.default;function e(){
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-n.exports=e=function(){return o},n.exports.__esModule=!0,n.exports.default=n.exports;var o={},r=Object.prototype,a=r.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",d=i.toStringTag||"@@toStringTag";function s(n,t,e){return Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{s({},"")}catch(n){s=function(n,t,e){return n[t]=e}}function u(n,t,e,o){var r=t&&t.prototype instanceof p?t:p,a=Object.create(r.prototype),i=new S(o||[]);return a._invoke=function(n,t,e){var o="suspendedStart";return function(r,a){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===r)throw a;return B()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var c=z(i,e);if(c){if(c===b)continue;return c}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===o)throw o="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);o="executing";var l=m(n,t,e);if("normal"===l.type){if(o=e.done?"completed":"suspendedYield",l.arg===b)continue;return{value:l.arg,done:e.done}}"throw"===l.type&&(o="completed",e.method="throw",e.arg=l.arg)}}}(n,e,i),a}function m(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}o.wrap=u;var b={};function p(){}function f(){}function v(){}var g={};s(g,c,(function(){return this}));var h=Object.getPrototypeOf,w=h&&h(h(L([])));w&&w!==r&&a.call(w,c)&&(g=w);var y=v.prototype=p.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){s(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,e){function o(r,i,c,l){var d=m(n[r],n,i);if("throw"!==d.type){var s=d.arg,u=s.value;return u&&"object"==t(u)&&a.call(u,"__await")?e.resolve(u.__await).then((function(n){o("next",n,c,l)}),(function(n){o("throw",n,c,l)})):e.resolve(u).then((function(n){s.value=n,c(s)}),(function(n){return o("throw",n,c,l)}))}l(d.arg)}var r;this._invoke=function(n,t){function a(){return new e((function(e,r){o(n,t,e,r)}))}return r=r?r.then(a,a):a()}}function z(n,t){var e=n.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return b;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return b}var o=m(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,b;var r=o.arg;return r?r.done?(t[n.resultName]=r.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,b):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,b)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,o=function t(){for(;++e<n.length;)if(a.call(n,e))return t.value=n[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}return{next:B}}function B(){return{value:void 0,done:!0}}return f.prototype=v,s(y,"constructor",v),s(v,"constructor",f),f.displayName=s(v,d,"GeneratorFunction"),o.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===f||"GeneratorFunction"===(t.displayName||t.name))},o.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,s(n,d,"GeneratorFunction")),n.prototype=Object.create(y),n},o.awrap=function(n){return{__await:n}},k(x.prototype),s(x.prototype,l,(function(){return this})),o.AsyncIterator=x,o.async=function(n,t,e,r,a){void 0===a&&(a=Promise);var i=new x(u(n,t,e,r),a);return o.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(y),s(y,d,"Generator"),s(y,c,(function(){return this})),s(y,"toString",(function(){return"[object Generator]"})),o.keys=function(n){var t=[];for(var e in n)t.push(e);return t.reverse(),function e(){for(;t.length;){var o=t.pop();if(o in n)return e.value=o,e.done=!1,e}return e.done=!0,e}},o.values=L,S.prototype={constructor:S,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function e(e,o){return i.type="throw",i.arg=n,t.next=e,o&&(t.method="next",t.arg=void 0),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o],i=r.completion;if("root"===r.tryLoc)return e("end");if(r.tryLoc<=this.prev){var c=a.call(r,"catchLoc"),l=a.call(r,"finallyLoc");if(c&&l){if(this.prev<r.catchLoc)return e(r.catchLoc,!0);if(this.prev<r.finallyLoc)return e(r.finallyLoc)}else if(c){if(this.prev<r.catchLoc)return e(r.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return e(r.finallyLoc)}}}},abrupt:function(n,t){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&a.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var r=o;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,b):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),b},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.finallyLoc===n)return this.complete(e.completion,e.afterLoc),E(e),b}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===n){var o=e.completion;if("throw"===o.type){var r=o.arg;E(e)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,e){return this.delegate={iterator:L(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),b}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}($);var A=$.exports(),R=A;try{regeneratorRuntime=A}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=A:Function("r","regeneratorRuntime = r")(A)}function q(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function H(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?q(Object(e),!0).forEach((function(t){T(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):q(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var U=["innerHTML"],Y=n({__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:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,o){var r=o.emit,a=n,i={},f=l(),v=l(),g=function(){try{return function(n,t){var e=c(n,t);if(!e)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return e}("mazIconPath")}catch(n){return}},h=d((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),w=d((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));s((function(){if(!a.name&&!a.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(w.value)}));var y=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var e=n.getElementsByTagName("title");if(e.length)e[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.appendChild(o)}}(t,a.title),n.innerHTML},k=function(){var n=V(R.mark((function n(t){var e;return R.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return e=n.sent,f.value=e,n.next=8,u();case 8:r("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,r("unloaded")),delete i[t],r("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,e){var o=new XMLHttpRequest;o.open("GET",n,!0),o.onload=function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").getElementsByTagName("svg")[0];n?(n=a.transformSource(n),t(n)):e(new Error('Loaded file is not valid SVG"'))}catch(n){e(n)}else e(new Error("Error loading SVG"))},o.onerror=e,o.send()}))};return m((function(){return a.src}),(function(){return k(w.value)})),function(o,r){return f.value?(t(),e("svg",b({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},H(H({},function(n){var t={},e=n.attributes;if(!e)return t;for(var o=e.length-1;o>=0;o--)t[e[o].name]=e[o].value;return t}(f.value)),(a=o.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:y(f.value)}),null,16,U)):p("",!0);var a}}}),X={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},J={class:"maz-flex maz-flex-center"},K={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},Q=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var r=n,a=f(),c=a.href,l=a.to,s=v(),u=d((function(){return c?"a":l?"router-link":"button"})),m=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===u.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=d((function(){return"--is-".concat(r.variant)})),S=d((function(){return"--".concat(r.color)})),L=d((function(){return["white"].includes(r.color)?"black":"white"})),B=d((function(){return r.loading&&"button"===r.variant})),D=d((function(){return!!s["left-icon"]||r.leftIcon})),O=d((function(){return!!s["right-icon"]||r.rightIcon})),j=d((function(){return D.value||O.value})),I=d((function(){return"button"===u.value?r.type:void 0}));return function(r,a){return t(),g(h(w(u)),b(r.$attrs,{disabled:w(z),class:["m-btn",["--".concat(n.size),w(m),w(_),w(E),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":w(z),"--icon":w(j),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:w(I)}),{default:y((function(){return[w(D)?(t(),e("div",X,[k(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(Y,{key:0,name:n.leftIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),i("span",J,[k(r.$slots,"default")]),w(O)?(t(),e("div",K,[k(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(Y,{key:0,name:n.rightIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),w(B)?(t(),e("div",{key:2,class:o(["m-btn__loading-wrapper",w(S)])},[x(P,{size:"2em",color:w(L)},null,8,["color"])],2)):p("",!0)]})),_:3},16,["disabled","class","type"])}}});I("\n.m-btn[data-v-ecee7cd4] {\n\n        border-width: 2px;\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-ecee7cd4] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-ecee7cd4] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-ecee7cd4] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-ecee7cd4] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-ecee7cd4] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-ecee7cd4] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        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;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-ecee7cd4]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):hover:not(.--no-underline),  .m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-ecee7cd4] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-ecee7cd4] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-ecee7cd4] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-ecee7cd4] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-ecee7cd4] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-ecee7cd4] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-ecee7cd4] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: 0.5rem;\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        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;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-ecee7cd4] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-ecee7cd4] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-ecee7cd4] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-ecee7cd4] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-ecee7cd4] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-ecee7cd4] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-ecee7cd4] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-ecee7cd4] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-ecee7cd4]:not(.--disabled):hover, \n        .m-btn.--is-button[data-v-ecee7cd4]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-ecee7cd4] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-ecee7cd4]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n\n                box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n.m-btn.--is-button.--block[data-v-ecee7cd4] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white[data-v-ecee7cd4]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black[data-v-ecee7cd4]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-ecee7cd4] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):focus {\n          background-color: rgb(0 0 0 / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-ecee7cd4] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-ecee7cd4] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-ecee7cd4] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-ecee7cd4] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-ecee7cd4] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-black);\n}\n"),Q.__scopeId="data-v-ecee7cd4";var W=n({components:{MazBtn:Q,MazIcon:Y},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:function(n){return["text","date","number","tel","search","url","password","month","time","week","email"].includes(n)}},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:"MazInput"},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup:function(n,t){var e=t.emit,o=t.slots,r=l(!1),a=l(!1),i=l();s((function(){var t;n.autoFocus&&(null===(t=i.value)||void 0===t||t.focus())}));var c=d((function(){return"password"===n.type})),u=d((function(){return r.value?"text":n.type})),m=d((function(){if(!n.noBorder){if(n.error)return"maz-border-danger";if(n.success)return"maz-border-success";if(n.warning)return"maz-border-warning";if(a.value){if("black"===n.color)return"maz-border-black";if("danger"===n.color)return"maz-border-danger";if("info"===n.color)return"maz-border-info";if("primary"===n.color)return"maz-border-primary";if("secondary"===n.color)return"maz-border-secondary";if("success"===n.color)return"maz-border-success";if("warning"===n.color)return"maz-border-warning";if("white"===n.color)return"maz-border-white"}return"--default-border"}})),b=d((function(){var t=n.required,e=n.placeholder;if(e)return t?"".concat(e," *"):e})),p=d((function(){return void 0!==n.modelValue&&""!==n.modelValue})),f=d({get:function(){return n.modelValue},set:function(n){return w(n)}}),v=d((function(){return(!!n.label||!!n.hint)&&(a.value||!!p.value||!!n.placeholder||["date","month","week"].includes(n.type))})),g=d((function(){return!!n.label||!!n.hint})),h=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=void 0,r=void 0,a=function(){o&&(clearTimeout(o),r=void 0,o=void 0)},i=function(){var n=r;a(),n&&n()},c=function(){for(var i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];if(!t)return n.apply(this,c);var d=this,s=e&&!o;return a(),r=function(){n.apply(d,c)},o=setTimeout((function(){if(o=void 0,!s){var n=r;if(r=void 0,void 0!==n)return n()}}),t),s?r():void 0};return c.cancel=a,c.flush=i,c}((function(n){e("update:model-value",n)}),n.debounceDelay),w=function(t){if(n.debounce)return h(t);e("update:model-value",t)};return{inputValue:f,shouldUp:v,hasLabel:g,computedPlaceholder:b,isPasswordType:c,inputType:u,input:i,isFocused:a,hasPasswordVisible:r,borderStyle:m,focus:function(n){e("focus",n),a.value=!0},blur:function(n){e("blur",n),a.value=!1},change:function(n){return e("change",n)},emitValue:w,hasRightPart:function(){return!!o["right-icon"]||c.value||!!o["valid-button"]||n.validButton||!!n.rightIcon},hasLeftPart:function(){return!!o["left-icon"]||!!n.leftIcon},EyeOffIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13.875%2018.825A10.05%2010.05%200%200112%2019c-4.478%200-8.268-2.943-9.543-7a9.97%209.97%200%20011.563-3.029m5.858.908a3%203%200%20114.243%204.243M9.878%209.878l4.242%204.242M9.88%209.88l-3.29-3.29m7.532%207.532l3.29%203.29M3%203l3.59%203.59m0%200A9.953%209.953%200%200112%205c4.478%200%208.268%202.943%209.543%207a10.025%2010.025%200%2001-4.132%205.411m0%200L21%2021%22%2F%3E%3C%2Fsvg%3E",EyeIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%2012a3%203%200%2011-6%200%203%203%200%20016%200z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.458%2012C3.732%207.943%207.523%205%2012%205c4.478%200%208.268%202.943%209.542%207-1.274%204.057-5.064%207-9.542%207-4.477%200-8.268-2.943-9.542-7z%22%2F%3E%3C%2Fsvg%3E",CheckIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2013l4%204L19%207%22%2F%3E%3C%2Fsvg%3E"}}}),Z={key:0,class:"m-input-wrapper-left"},nn={class:"m-input-wrapper-input"},tn=["id","type","name","placeholder","aria-label","disabled","readonly","required"],en=["for"],on={key:0},rn={key:1,class:"m-input-wrapper-right"};I("\n.m-input[data-v-677519a7] {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n            -ms-flex-direction: column;\n                flex-direction: column;\n}\n.m-input.--xl[data-v-677519a7] {\n        height: 4rem;\n}\n.m-input.--xl .m-input-input[data-v-677519a7], \n      .m-input.--xl .m-input-label[data-v-677519a7] {\n        font-size: 1.25rem;\n        line-height: 1.75rem;\n}\n.m-input.--lg[data-v-677519a7] {\n        height: 3.5rem;\n}\n.m-input.--lg .m-input-input[data-v-677519a7], \n      .m-input.--lg .m-input-label[data-v-677519a7] {\n        font-size: 1.125rem;\n        line-height: 1.75rem;\n}\n.m-input.--md[data-v-677519a7] {\n        height: 3rem;\n}\n.m-input.--md .m-input-input[data-v-677519a7], \n      .m-input.--md .m-input-label[data-v-677519a7] {\n        font-size: 1rem;\n        line-height: 1.5rem;\n}\n.m-input.--sm[data-v-677519a7] {\n        height: 2.5rem;\n}\n.m-input.--sm .m-input-input[data-v-677519a7], \n      .m-input.--sm .m-input-label[data-v-677519a7] {\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n}\n.m-input.--xs[data-v-677519a7] {\n        height: 2rem;\n}\n.m-input.--xs .m-input-input[data-v-677519a7], \n      .m-input.--xs .m-input-label[data-v-677519a7] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input.--mini[data-v-677519a7] {\n        height: 1.5rem;\n}\n.m-input.--mini .m-input-input[data-v-677519a7], \n      .m-input.--mini .m-input-label[data-v-677519a7] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input-wrapper[data-v-677519a7] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        overflow: hidden;\n        border-style: solid;\n        background-color: var(--maz-color-bg);\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        -webkit-transition-duration: 300ms;\n                transition-duration: 300ms;\n}\n.m-input-wrapper.--default-border[data-v-677519a7] {\n        --tw-border-opacity: 1;\n        border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-input-wrapper-input[data-v-677519a7] {\n        position: relative;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n}\n.m-input-wrapper-right[data-v-677519a7], \n      .m-input-wrapper-left[data-v-677519a7] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n}\n.m-input-wrapper-right[data-v-677519a7] > :not([hidden]) ~ :not([hidden]), \n      .m-input-wrapper-left[data-v-677519a7] > :not([hidden]) ~ :not([hidden]) {\n        --tw-space-x-reverse: 0;\n        margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n        margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-input-wrapper-right[data-v-677519a7], \n      .m-input-wrapper-left[data-v-677519a7] {\n        padding-top: 0.25rem;\n        padding-bottom: 0.25rem;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-pack: center;\n            -ms-flex-pack: center;\n                justify-content: center;\n}\n.m-input-wrapper-right[data-v-677519a7] {\n        padding-left: 0.25rem;\n        padding-right: 0.25rem;\n}\n.m-input-wrapper-left[data-v-677519a7] {\n        left: 0.25rem;\n}\n.m-input-input[data-v-677519a7] {\n        margin: 0px;\n        display: block;\n        height: 100%;\n        width: 100%;\n        -webkit-appearance: none;\n           -moz-appearance: none;\n                appearance: none;\n        border-style: none;\n        background-color: transparent;\n        padding-top: 0px;\n        padding-bottom: 0px;\n        padding-left: 1rem;\n        padding-right: 1rem;\n        color: var(--maz-color-text);\n        --tw-shadow: 0 0 #0000;\n        --tw-shadow-colored: 0 0 #0000;\n        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n}\n.m-input-input[data-v-677519a7]:-webkit-autofill,\n      .m-input-input[data-v-677519a7]:-webkit-autofill:hover,\n      .m-input-input[data-v-677519a7]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n.m-input-label[data-v-677519a7] {\n        pointer-events: none;\n        position: absolute;\n        display: block;\n        width: -webkit-max-content;\n        width: -moz-max-content;\n        width: max-content;\n        -webkit-transform-origin: top left;\n                transform-origin: top left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        left: 1rem;\n        line-height: 1.5rem;\n\n      transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.m-input[data-v-677519a7]:not(.--has-state) {\n        color: var(--maz-color-muted);\n}\n.m-input.--has-z-2 .m-input-wrapper[data-v-677519a7] {\n        z-index: 2;\n}\n.m-input.--should-up .m-input-label[data-v-677519a7] {\n        -webkit-transform: scale(0.8) translateY(-0.65rem);\n                transform: scale(0.8) translateY(-0.65rem);\n}\n.m-input.--is-readonly .m-input-input[data-v-677519a7] {\n        cursor: default;\n}\n.m-input.--is-disabled .m-input-wrapper[data-v-677519a7] {\n        background-color: var(--maz-color-bg-lighter);\n        color: var(--maz-color-muted);\n}\n.m-input.--is-disabled .m-input-input[data-v-677519a7] {\n        cursor: not-allowed;\n        color: var(--maz-color-muted);\n}\n.m-input.--is-focused .m-input-wrapper[data-v-677519a7] {\n        z-index: 3;\n}\n.m-input.--has-label .m-input-input[data-v-677519a7] {\n        padding-left: 1rem;\n        padding-right: 1rem;\n        padding-top: 1rem;\n}\nhtml.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-677519a7] {\n        background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-input:not(.--is-focused, .--has-state) .m-input-wrapper.--default-border[data-v-677519a7] {\n        border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-input-input[data-v-677519a7]:-webkit-autofill,\n      html.dark .m-input-input[data-v-677519a7]:-webkit-autofill:hover,\n      html.dark .m-input-input[data-v-677519a7]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n"),W.render=function(n,r,a,c,l,d){var s=z("MazIcon"),u=z("MazBtn");return t(),e("div",{class:o(["m-input",[{"--is-focused":n.isFocused,"--should-up":n.shouldUp,"--has-label":n.hasLabel,"--is-disabled":n.disabled,"--is-readonly":n.readonly,"--has-z-2":n.error||n.warning||n.success,"--has-state":n.error||n.warning||n.success},n.$attrs.class,"--".concat(n.color),"--".concat(n.size)]]),onClick:r[2]||(r[2]=function(t){return n.$emit("click",t)})},[i("div",{class:o(["m-input-wrapper maz-border",[n.inputClasses,n.borderStyle,{"maz-rounded-lg":!n.noRadius}]])},[n.hasLeftPart()?(t(),e("div",Z,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(s,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0)])):p("",!0),i("div",nn,[_(i("input",b({id:n.id,ref:"input","onUpdate:modelValue":r[0]||(r[0]=function(t){return n.inputValue=t}),type:n.inputType,name:n.name},n.$attrs,{placeholder:n.computedPlaceholder,"aria-label":n.label||n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,class:"m-input-input"},E({blur:n.blur,focus:n.focus,change:n.change},!0)),null,16,tn),[[S,n.inputValue]]),n.label||n.hint?(t(),e("label",{key:0,ref:"label",for:n.id,class:o(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[L(B(n.hint||n.label)+" ",1),n.required?(t(),e("sup",on,"*")):p("",!0)],10,en)):p("",!0)]),n.hasRightPart()?(t(),e("div",rn,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(s,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0),n.isPasswordType?(t(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:r[1]||(r[1]=D((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:y((function(){return[n.hasPasswordVisible?(t(),g(s,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(t(),g(s,{key:1,src:n.EyeIcon,class:"maz-text-muted"},null,8,["src"]))]})),_:1})):p("",!0),n.$slots["valid-button"]||n.validButton?k(n.$slots,"valid-button",{key:2},(function(){return[x(u,{color:"transparent",disabled:n.disabled,tabindex:"-1",loading:n.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:y((function(){return[x(s,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):p("",!0)])):p("",!0)],2)],2)},W.__scopeId="data-v-677519a7";export{W as default};
+n.exports=e=function(){return o},n.exports.__esModule=!0,n.exports.default=n.exports;var o={},r=Object.prototype,a=r.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",d=i.toStringTag||"@@toStringTag";function s(n,t,e){return Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{s({},"")}catch(n){s=function(n,t,e){return n[t]=e}}function u(n,t,e,o){var r=t&&t.prototype instanceof p?t:p,a=Object.create(r.prototype),i=new S(o||[]);return a._invoke=function(n,t,e){var o="suspendedStart";return function(r,a){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===r)throw a;return B()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var c=z(i,e);if(c){if(c===b)continue;return c}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===o)throw o="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);o="executing";var l=m(n,t,e);if("normal"===l.type){if(o=e.done?"completed":"suspendedYield",l.arg===b)continue;return{value:l.arg,done:e.done}}"throw"===l.type&&(o="completed",e.method="throw",e.arg=l.arg)}}}(n,e,i),a}function m(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}o.wrap=u;var b={};function p(){}function f(){}function v(){}var g={};s(g,c,(function(){return this}));var h=Object.getPrototypeOf,w=h&&h(h(L([])));w&&w!==r&&a.call(w,c)&&(g=w);var y=v.prototype=p.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){s(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,e){function o(r,i,c,l){var d=m(n[r],n,i);if("throw"!==d.type){var s=d.arg,u=s.value;return u&&"object"==t(u)&&a.call(u,"__await")?e.resolve(u.__await).then((function(n){o("next",n,c,l)}),(function(n){o("throw",n,c,l)})):e.resolve(u).then((function(n){s.value=n,c(s)}),(function(n){return o("throw",n,c,l)}))}l(d.arg)}var r;this._invoke=function(n,t){function a(){return new e((function(e,r){o(n,t,e,r)}))}return r=r?r.then(a,a):a()}}function z(n,t){var e=n.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return b;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return b}var o=m(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,b;var r=o.arg;return r?r.done?(t[n.resultName]=r.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,b):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,b)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,o=function t(){for(;++e<n.length;)if(a.call(n,e))return t.value=n[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}return{next:B}}function B(){return{value:void 0,done:!0}}return f.prototype=v,s(y,"constructor",v),s(v,"constructor",f),f.displayName=s(v,d,"GeneratorFunction"),o.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===f||"GeneratorFunction"===(t.displayName||t.name))},o.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,s(n,d,"GeneratorFunction")),n.prototype=Object.create(y),n},o.awrap=function(n){return{__await:n}},k(x.prototype),s(x.prototype,l,(function(){return this})),o.AsyncIterator=x,o.async=function(n,t,e,r,a){void 0===a&&(a=Promise);var i=new x(u(n,t,e,r),a);return o.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(y),s(y,d,"Generator"),s(y,c,(function(){return this})),s(y,"toString",(function(){return"[object Generator]"})),o.keys=function(n){var t=[];for(var e in n)t.push(e);return t.reverse(),function e(){for(;t.length;){var o=t.pop();if(o in n)return e.value=o,e.done=!1,e}return e.done=!0,e}},o.values=L,S.prototype={constructor:S,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function e(e,o){return i.type="throw",i.arg=n,t.next=e,o&&(t.method="next",t.arg=void 0),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o],i=r.completion;if("root"===r.tryLoc)return e("end");if(r.tryLoc<=this.prev){var c=a.call(r,"catchLoc"),l=a.call(r,"finallyLoc");if(c&&l){if(this.prev<r.catchLoc)return e(r.catchLoc,!0);if(this.prev<r.finallyLoc)return e(r.finallyLoc)}else if(c){if(this.prev<r.catchLoc)return e(r.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return e(r.finallyLoc)}}}},abrupt:function(n,t){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&a.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var r=o;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,b):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),b},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.finallyLoc===n)return this.complete(e.completion,e.afterLoc),E(e),b}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===n){var o=e.completion;if("throw"===o.type){var r=o.arg;E(e)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,e){return this.delegate={iterator:L(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),b}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(G);var R=G.exports(),q=R;try{regeneratorRuntime=R}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=R:Function("r","regeneratorRuntime = r")(R)}function H(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function U(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?H(Object(e),!0).forEach((function(t){F(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):H(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var Y=["innerHTML"],X=o({__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:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(o,i){var c=i.emit,l=o,d={},f=t(),v=t(),g=function(){try{return function(t,e){var o=n(t,e);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(t));return o}("mazIconPath")}catch(n){return}},h=e((function(){var n;return null!==(n=l.path)&&void 0!==n?n:g()})),w=e((function(){return l.src?l.src:h.value?"".concat(h.value,"/").concat(l.name,".svg"):"/".concat(l.name,".svg")}));s((function(){if(!l.name&&!l.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(w.value)}));var y=function(n){var t=n.cloneNode(!0);return t=l.transformSource(n),l.title&&function(n,t){var e=n.getElementsByTagName("title");if(e.length)e[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.appendChild(o)}}(t,l.title),n.innerHTML},k=function(){var n=$(q.mark((function n(t){var e;return q.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return d[t]||(d[t]=x(t)),n.prev=1,n.next=4,d[t];case 4:return e=n.sent,f.value=e,n.next=8,u();case 8:c("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,c("unloaded")),delete d[t],c("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,e){var o=new XMLHttpRequest;o.open("GET",n,!0),o.onload=function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").getElementsByTagName("svg")[0];n?(n=l.transformSource(n),t(n)):e(new Error('Loaded file is not valid SVG"'))}catch(n){e(n)}else e(new Error("Error loading SVG"))},o.onerror=e,o.send()}))};return m((function(){return l.src}),(function(){return k(w.value)})),function(n,t){return f.value?(r(),a("svg",b({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},U(U({},function(n){var t={},e=n.attributes;if(!e)return t;for(var o=e.length-1;o>=0;o--)t[e[o].name]=e[o].value;return t}(f.value)),(e=n.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(o.size),innerHTML:y(f.value)}),null,16,Y)):p("",!0);var e}}}),J={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},K={class:"maz-flex maz-flex-center"},Q={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},W=o({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var t=n,o=f(),c=o.href,l=o.to,s=v(),u=e((function(){return c?"a":l?"router-link":"button"})),m=e((function(){return t.pastel?"--".concat(t.color,"-pastel"):t.outline||t.loading?"--".concat(t.color,"-outline"):"--".concat(t.color)})),z=e((function(){return(t.loading||t.disabled)&&"button"===u.value})),_=e((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=e((function(){return"--is-".concat(t.variant)})),S=e((function(){return"--".concat(t.color)})),L=e((function(){return["white"].includes(t.color)?"black":"white"})),B=e((function(){return t.loading&&"button"===t.variant})),I=e((function(){return!!s["left-icon"]||t.leftIcon})),D=e((function(){return!!s["right-icon"]||t.rightIcon})),O=e((function(){return I.value||D.value})),j=e((function(){return"button"===u.value?t.type:void 0}));return function(t,e){return r(),g(h(w(u)),b(t.$attrs,{disabled:w(z),class:["m-btn",["--".concat(n.size),w(m),w(_),w(E),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":w(z),"--icon":w(O),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:w(j)}),{default:y((function(){return[w(I)?(r(),a("div",J,[k(t.$slots,"left-icon",{},(function(){return[n.leftIcon?(r(),g(X,{key:0,name:n.leftIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),d("span",K,[k(t.$slots,"default")]),w(D)?(r(),a("div",Q,[k(t.$slots,"right-icon",{},(function(){return[n.rightIcon?(r(),g(X,{key:0,name:n.rightIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),w(B)?(r(),a("div",{key:2,class:i(["m-btn__loading-wrapper",w(S)])},[x(T,{size:"2em",color:w(L)},null,8,["color"])],2)):p("",!0)]})),_:3},16,["disabled","class","type"])}}});N("\n.m-btn[data-v-ecee7cd4] {\n\n        border-width: 2px;\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-ecee7cd4] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-ecee7cd4] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-ecee7cd4] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-ecee7cd4] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-ecee7cd4] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-ecee7cd4] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        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;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-ecee7cd4]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):hover:not(.--no-underline),  .m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-ecee7cd4] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-ecee7cd4] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-ecee7cd4] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-ecee7cd4] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-ecee7cd4] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-ecee7cd4] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-ecee7cd4] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: 0.5rem;\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        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;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-ecee7cd4] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-ecee7cd4] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-ecee7cd4] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-ecee7cd4] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-ecee7cd4] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-ecee7cd4] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-ecee7cd4] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-ecee7cd4] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-ecee7cd4]:not(.--disabled):hover, \n        .m-btn.--is-button[data-v-ecee7cd4]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-ecee7cd4] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-ecee7cd4]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n\n                box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n.m-btn.--is-button.--block[data-v-ecee7cd4] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white[data-v-ecee7cd4]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black[data-v-ecee7cd4]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-ecee7cd4] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):focus {\n          background-color: rgb(0 0 0 / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-ecee7cd4] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-ecee7cd4] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-ecee7cd4] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-ecee7cd4] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-ecee7cd4] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-ecee7cd4] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-black);\n}\n"),W.__scopeId="data-v-ecee7cd4";var Z=o({components:{MazBtn:W,MazIcon:X},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:function(n){return["text","date","number","tel","search","url","password","month","time","week","email"].includes(n)}},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:void 0},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup:function(n,o){var r=o.emit,a=o.slots,i=t(!1),c=t(!1),l=t(),d=function(n){var t=n.componentName,o=n.instance,r=n.providedId;return{instanceId:e((function(){return null!=r?r:"".concat(t,"-").concat(null==o?void 0:o.uid)}))}}({componentName:"MazInput",instance:z(),providedId:n.id}),u=d.instanceId;s((function(){var t;n.autoFocus&&(null===(t=l.value)||void 0===t||t.focus())}));var m=e((function(){return"password"===n.type})),b=e((function(){return i.value?"text":n.type})),p=e((function(){if(!n.noBorder){if(n.error)return"maz-border-danger";if(n.success)return"maz-border-success";if(n.warning)return"maz-border-warning";if(c.value){if("black"===n.color)return"maz-border-black";if("danger"===n.color)return"maz-border-danger";if("info"===n.color)return"maz-border-info";if("primary"===n.color)return"maz-border-primary";if("secondary"===n.color)return"maz-border-secondary";if("success"===n.color)return"maz-border-success";if("warning"===n.color)return"maz-border-warning";if("white"===n.color)return"maz-border-white"}return"--default-border"}})),f=e((function(){var t=n.required,e=n.placeholder;if(e)return t?"".concat(e," *"):e})),v=e((function(){return void 0!==n.modelValue&&""!==n.modelValue})),g=e({get:function(){return n.modelValue},set:function(n){return k(n)}}),h=e((function(){return(!!n.label||!!n.hint)&&(c.value||!!v.value||!!n.placeholder||["date","month","week"].includes(n.type))})),w=e((function(){return!!n.label||!!n.hint})),y=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=void 0,r=void 0,a=function(){o&&(clearTimeout(o),r=void 0,o=void 0)},i=function(){var n=r;a(),n&&n()},c=function(){for(var i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];if(!t)return n.apply(this,c);var d=this,s=e&&!o;return a(),r=function(){n.apply(d,c)},o=setTimeout((function(){if(o=void 0,!s){var n=r;if(r=void 0,void 0!==n)return n()}}),t),s?r():void 0};return c.cancel=a,c.flush=i,c}((function(n){r("update:model-value",n)}),n.debounceDelay),k=function(t){if(n.debounce)return y(t);r("update:model-value",t)};return{inputValue:g,shouldUp:h,hasLabel:w,computedPlaceholder:f,isPasswordType:m,inputType:b,input:l,isFocused:c,hasPasswordVisible:i,borderStyle:p,focus:function(n){r("focus",n),c.value=!0},blur:function(n){r("blur",n),c.value=!1},change:function(n){return r("change",n)},emitValue:k,hasRightPart:function(){return!!a["right-icon"]||m.value||!!a["valid-button"]||n.validButton||!!n.rightIcon},hasLeftPart:function(){return!!a["left-icon"]||!!n.leftIcon},EyeOffIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13.875%2018.825A10.05%2010.05%200%200112%2019c-4.478%200-8.268-2.943-9.543-7a9.97%209.97%200%20011.563-3.029m5.858.908a3%203%200%20114.243%204.243M9.878%209.878l4.242%204.242M9.88%209.88l-3.29-3.29m7.532%207.532l3.29%203.29M3%203l3.59%203.59m0%200A9.953%209.953%200%200112%205c4.478%200%208.268%202.943%209.543%207a10.025%2010.025%200%2001-4.132%205.411m0%200L21%2021%22%2F%3E%3C%2Fsvg%3E",EyeIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%2012a3%203%200%2011-6%200%203%203%200%20016%200z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.458%2012C3.732%207.943%207.523%205%2012%205c4.478%200%208.268%202.943%209.542%207-1.274%204.057-5.064%207-9.542%207-4.477%200-8.268-2.943-9.542-7z%22%2F%3E%3C%2Fsvg%3E",CheckIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2013l4%204L19%207%22%2F%3E%3C%2Fsvg%3E",instanceId:u}}}),nn={key:0,class:"m-input-wrapper-left"},tn={class:"m-input-wrapper-input"},en=["id","type","name","placeholder","aria-label","disabled","readonly","required"],on=["for"],rn={key:0},an={key:1,class:"m-input-wrapper-right"};N("\n.m-input[data-v-e949cff8] {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n            -ms-flex-direction: column;\n                flex-direction: column;\n}\n.m-input.--xl[data-v-e949cff8] {\n        height: 4rem;\n}\n.m-input.--xl .m-input-input[data-v-e949cff8], \n      .m-input.--xl .m-input-label[data-v-e949cff8] {\n        font-size: 1.25rem;\n        line-height: 1.75rem;\n}\n.m-input.--lg[data-v-e949cff8] {\n        height: 3.5rem;\n}\n.m-input.--lg .m-input-input[data-v-e949cff8], \n      .m-input.--lg .m-input-label[data-v-e949cff8] {\n        font-size: 1.125rem;\n        line-height: 1.75rem;\n}\n.m-input.--md[data-v-e949cff8] {\n        height: 3rem;\n}\n.m-input.--md .m-input-input[data-v-e949cff8], \n      .m-input.--md .m-input-label[data-v-e949cff8] {\n        font-size: 1rem;\n        line-height: 1.5rem;\n}\n.m-input.--sm[data-v-e949cff8] {\n        height: 2.5rem;\n}\n.m-input.--sm .m-input-input[data-v-e949cff8], \n      .m-input.--sm .m-input-label[data-v-e949cff8] {\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n}\n.m-input.--xs[data-v-e949cff8] {\n        height: 2rem;\n}\n.m-input.--xs .m-input-input[data-v-e949cff8], \n      .m-input.--xs .m-input-label[data-v-e949cff8] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input.--mini[data-v-e949cff8] {\n        height: 1.5rem;\n}\n.m-input.--mini .m-input-input[data-v-e949cff8], \n      .m-input.--mini .m-input-label[data-v-e949cff8] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input-wrapper[data-v-e949cff8] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        overflow: hidden;\n        border-style: solid;\n        background-color: var(--maz-color-bg);\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        -webkit-transition-duration: 300ms;\n                transition-duration: 300ms;\n}\n.m-input-wrapper.--default-border[data-v-e949cff8] {\n        --tw-border-opacity: 1;\n        border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-input-wrapper-input[data-v-e949cff8] {\n        position: relative;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n}\n.m-input-wrapper-right[data-v-e949cff8], \n      .m-input-wrapper-left[data-v-e949cff8] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n}\n.m-input-wrapper-right[data-v-e949cff8] > :not([hidden]) ~ :not([hidden]), \n      .m-input-wrapper-left[data-v-e949cff8] > :not([hidden]) ~ :not([hidden]) {\n        --tw-space-x-reverse: 0;\n        margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n        margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-input-wrapper-right[data-v-e949cff8], \n      .m-input-wrapper-left[data-v-e949cff8] {\n        padding-top: 0.25rem;\n        padding-bottom: 0.25rem;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-pack: center;\n            -ms-flex-pack: center;\n                justify-content: center;\n}\n.m-input-wrapper-right[data-v-e949cff8] {\n        padding-left: 0.25rem;\n        padding-right: 0.25rem;\n}\n.m-input-wrapper-left[data-v-e949cff8] {\n        left: 0.25rem;\n}\n.m-input-input[data-v-e949cff8] {\n        margin: 0px;\n        display: block;\n        height: 100%;\n        width: 100%;\n        -webkit-appearance: none;\n           -moz-appearance: none;\n                appearance: none;\n        border-style: none;\n        background-color: transparent;\n        padding-top: 0px;\n        padding-bottom: 0px;\n        padding-left: 1rem;\n        padding-right: 1rem;\n        color: var(--maz-color-text);\n        --tw-shadow: 0 0 #0000;\n        --tw-shadow-colored: 0 0 #0000;\n        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n}\n.m-input-input[data-v-e949cff8]:-webkit-autofill,\n      .m-input-input[data-v-e949cff8]:-webkit-autofill:hover,\n      .m-input-input[data-v-e949cff8]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n.m-input-label[data-v-e949cff8] {\n        pointer-events: none;\n        position: absolute;\n        display: block;\n        width: -webkit-max-content;\n        width: -moz-max-content;\n        width: max-content;\n        -webkit-transform-origin: top left;\n                transform-origin: top left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        left: 1rem;\n        line-height: 1.5rem;\n\n      transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.m-input[data-v-e949cff8]:not(.--has-state) {\n        color: var(--maz-color-muted);\n}\n.m-input.--has-z-2 .m-input-wrapper[data-v-e949cff8] {\n        z-index: 2;\n}\n.m-input.--should-up .m-input-label[data-v-e949cff8] {\n        -webkit-transform: scale(0.8) translateY(-0.65rem);\n                transform: scale(0.8) translateY(-0.65rem);\n}\n.m-input.--is-readonly .m-input-input[data-v-e949cff8] {\n        cursor: default;\n}\n.m-input.--is-disabled .m-input-wrapper[data-v-e949cff8] {\n        background-color: var(--maz-color-bg-lighter);\n        color: var(--maz-color-muted);\n}\n.m-input.--is-disabled .m-input-input[data-v-e949cff8] {\n        cursor: not-allowed;\n        color: var(--maz-color-muted);\n}\n.m-input.--is-focused .m-input-wrapper[data-v-e949cff8] {\n        z-index: 3;\n}\n.m-input.--has-label .m-input-input[data-v-e949cff8] {\n        padding-left: 1rem;\n        padding-right: 1rem;\n        padding-top: 1rem;\n}\nhtml.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-e949cff8] {\n        background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-input:not(.--is-focused, .--has-state) .m-input-wrapper.--default-border[data-v-e949cff8] {\n        border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-input-input[data-v-e949cff8]:-webkit-autofill,\n      html.dark .m-input-input[data-v-e949cff8]:-webkit-autofill:hover,\n      html.dark .m-input-input[data-v-e949cff8]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n"),Z.render=function(n,t,e,o,c,l){var s=_("MazIcon"),u=_("MazBtn");return r(),a("div",{class:i(["m-input",[{"--is-focused":n.isFocused,"--should-up":n.shouldUp,"--has-label":n.hasLabel,"--is-disabled":n.disabled,"--is-readonly":n.readonly,"--has-z-2":n.error||n.warning||n.success,"--has-state":n.error||n.warning||n.success},n.$attrs.class,"--".concat(n.color),"--".concat(n.size)]]),onClick:t[2]||(t[2]=function(t){return n.$emit("click",t)})},[d("div",{class:i(["m-input-wrapper maz-border",[n.inputClasses,n.borderStyle,{"maz-rounded-lg":!n.noRadius}]])},[n.hasLeftPart()?(r(),a("div",nn,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(s,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0)])):p("",!0),d("div",tn,[E(d("input",b({id:n.instanceId,ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(t){return n.inputValue=t}),type:n.inputType,name:n.name},n.$attrs,{placeholder:n.computedPlaceholder,"aria-label":n.label||n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,class:"m-input-input"},S({blur:n.blur,focus:n.focus,change:n.change},!0)),null,16,en),[[L,n.inputValue]]),n.label||n.hint?(r(),a("label",{key:0,ref:"label",for:n.instanceId,class:i(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[B(I(n.hint||n.label)+" ",1),n.required?(r(),a("sup",rn,"*")):p("",!0)],10,on)):p("",!0)]),n.hasRightPart()?(r(),a("div",an,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(s,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0),n.isPasswordType?(r(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:t[1]||(t[1]=D((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:y((function(){return[n.hasPasswordVisible?(r(),g(s,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(r(),g(s,{key:1,src:n.EyeIcon,class:"maz-text-muted"},null,8,["src"]))]})),_:1})):p("",!0),n.$slots["valid-button"]||n.validButton?k(n.$slots,"valid-button",{key:2},(function(){return[x(u,{color:"transparent",disabled:n.disabled,tabindex:"-1",loading:n.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:y((function(){return[x(s,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):p("",!0)])):p("",!0)],2)],2)},Z.__scopeId="data-v-e949cff8";export{Z as default};