maz-ui 3.10.5 → 3.11.0

package/components/MazTabs.d.ts

@@ -0,0 +1,28 @@
+import type { Ref } from 'vue';
+export type MazTabsProvide = {
+    currentTab: Ref<number>;
+    updateCurrentTab: (index: number) => number;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazTabs.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, ref, computed, provide, openBlock, createElementBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "m-tabs" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTabs",
+  props: {
+    modelValue: { type: Number, default: void 0 }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const localValue = ref(1);
+    const currentTab = computed({
+      get: () => props.modelValue ?? localValue.value,
+      set: (index) => {
+        localValue.value = index;
+        emits("update:model-value", index);
+      }
+    });
+    function updateCurrentTab(index) {
+      currentTab.value = index;
+      return index;
+    }
+    provide("maz-tabs", {
+      currentTab,
+      updateCurrentTab
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/MazTabs.umd.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazTabs={},e.Vue)}(this,(function(e,t){"use strict";const o={class:"m-tabs"},u=t.defineComponent({__name:"MazTabs",props:{modelValue:{type:Number,default:void 0}},emits:["update:model-value"],setup(e,{emit:u}){const a=e,l=t.ref(1),n=t.computed({get:()=>a.modelValue??l.value,set:e=>{l.value=e,u("update:model-value",e)}});return t.provide("maz-tabs",{currentTab:n,updateCurrentTab:function(e){return n.value=e,e}}),(e,u)=>(t.openBlock(),t.createElementBlock("div",o,[t.renderSlot(e.$slots,"default")]))}});e.default=u,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazTabsBar.d.ts

@@ -1,18 +1,14 @@
 import { type PropType } from 'vue';
 import type { Color } from './types';
-export interface MazTabsItem {
+export interface MazTabsBarItem {
     label: string;
     disabled?: boolean;
 }
 declare const _default: import("vue").DefineComponent<{
     items: {
-        type: PropType<MazTabsItem[]>;
+        type: PropType<MazTabsBarItem[]>;
         required: true;
     };
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
     alignLeft: {
         type: BooleanConstructor;
         default: boolean;
@@ -25,15 +21,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
-        type: PropType<MazTabsItem[]>;
+        type: PropType<MazTabsBarItem[]>;
         required: true;
     };
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
     alignLeft: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,11 +38,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Color>;
         default: string;
     };
-}>> & {
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     color: Color;
-    modelValue: number;
     alignLeft: boolean;
     useAnchor: boolean;
 }, {}>;

package/components/MazTabsBar.mjs

@@ -1,8 +1,8 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-0b1094d1]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-0b1094d1]{line-height:1}.m-btn__icon-left[data-v-0b1094d1]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-0b1094d1]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-0b1094d1]{cursor:pointer}.m-btn.--cursor-default[data-v-0b1094d1]{cursor:default}.m-btn.--is-link[data-v-0b1094d1]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-0b1094d1]{line-height:2.25rem}.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-0b1094d1]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-0b1094d1]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-0b1094d1]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-0b1094d1]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-0b1094d1]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-0b1094d1]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-0b1094d1]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-0b1094d1]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-0b1094d1]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-0b1094d1]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-0b1094d1]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-0b1094d1]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-0b1094d1]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-0b1094d1]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-0b1094d1]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-0b1094d1]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-0b1094d1]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):hover,.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-0b1094d1]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-0b1094d1]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-0b1094d1]{width:100%}.m-btn.--is-button.--primary[data-v-0b1094d1]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-0b1094d1]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-0b1094d1]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-0b1094d1]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-0b1094d1]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-0b1094d1]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-0b1094d1]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-0b1094d1]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-0b1094d1]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-0b1094d1]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-0b1094d1]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-0b1094d1]{padding:0}.m-tabs-bar[data-v-08f8f046]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.m-tabs-bar[data-v-08f8f046]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-tabs-bar[data-v-08f8f046]{overflow-x:auto}.m-tabs-bar:not(.--align-left) .m-tabs-bar__item[data-v-08f8f046]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-tabs-bar__item.--active[data-v-08f8f046]{color:var(--maz-color-primary)}.m-tabs-bar__indicator[data-v-08f8f046]{position:absolute;bottom:0;left:0;text-align:center;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);height:2px}.m-tabs-bar__indicator .m-sub-bar[data-v-08f8f046]{margin-left:auto;margin-right:auto;width:60%;background-color:var(--maz-color-primary);height:2px}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, withCtx, renderSlot, onBeforeMount, renderList, createTextVNode, toDisplayString, normalizeStyle } from "vue";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
-const _hoisted_1$3 = ["width", "height"];
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-0b1094d1]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-0b1094d1]{line-height:1}.m-btn__icon-left[data-v-0b1094d1]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-0b1094d1]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-0b1094d1]{cursor:pointer}.m-btn.--cursor-default[data-v-0b1094d1]{cursor:default}.m-btn.--is-link[data-v-0b1094d1]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-0b1094d1]{line-height:2.25rem}.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-0b1094d1]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-0b1094d1]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-0b1094d1]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-0b1094d1]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-0b1094d1]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-0b1094d1]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-0b1094d1]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-0b1094d1]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-0b1094d1]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-0b1094d1]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-0b1094d1]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-0b1094d1]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-0b1094d1]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-0b1094d1]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-0b1094d1]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-0b1094d1]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-0b1094d1]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):hover,.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-0b1094d1]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-0b1094d1]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-0b1094d1]{width:100%}.m-btn.--is-button.--primary[data-v-0b1094d1]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-0b1094d1]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-0b1094d1]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-0b1094d1]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-0b1094d1]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-0b1094d1]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-0b1094d1]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-0b1094d1]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-0b1094d1]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-0b1094d1]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-0b1094d1]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-0b1094d1]{padding:0}.m-tabs-bar[data-v-b63efe29]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;overflow-x:auto}.m-tabs-bar:not(.--align-left) .m-tabs-bar__item[data-v-b63efe29]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-tabs-bar__indicator[data-v-b63efe29]{position:absolute;bottom:0;left:0;text-align:center;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);height:2px}.m-tabs-bar__indicator .m-sub-bar[data-v-b63efe29]{margin-left:auto;margin-right:auto;width:60%;height:2px}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, withCtx, renderSlot, onBeforeMount, renderList, unref, normalizeStyle, toDisplayString } from "vue";
+const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
+const _hoisted_1$2 = ["width", "height"];
+const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
   null,
@@ -10,7 +10,7 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   /* HOISTED */
 ));
 const _hoisted_3 = [
-  _hoisted_2$2
+  _hoisted_2$1
 ];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazSpinner",
@@ -34,7 +34,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         "xml:space": "preserve",
         class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
         style: { "enable-background": "new 0 0 50 50" }
-      }, _hoisted_3, 10, _hoisted_1$3);
+      }, _hoisted_3, 10, _hoisted_1$2);
     };
   }
 });
@@ -59,7 +59,7 @@ const MazToast_vue_vue_type_style_index_1_scoped_db385587_lang = "";
 ref();
 ref();
 ref();
-const _hoisted_1$2 = ["innerHTML"];
+const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",
   props: {
@@ -202,7 +202,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, {
             style: `font-size: ${__props.size}`,
             innerHTML: getSvgContent(svgElSource.value)
-          }), null, 16, _hoisted_1$2)) : createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$1)) : createCommentVNode("v-if", true),
           createCommentVNode(" eslint-enable vue/no-v-html "),
           createCommentVNode(" eslint-enable vue/html-self-closing ")
         ],
@@ -212,11 +212,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "m-btn__icon-left maz-flex maz-flex-center"
 };
-const _hoisted_2$1 = {
+const _hoisted_2 = {
   key: 1,
   class: "m-btn__icon-right maz-flex maz-flex-center"
 };
@@ -310,7 +310,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         type: btnType.value
       }), {
         default: withCtx(() => [
-          hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+          hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "left-icon", {}, () => [
               __props.leftIcon ? (openBlock(), createBlock(_sfc_main$2, {
                 key: 0,
@@ -329,7 +329,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           ),
-          hasRightIcon.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          hasRightIcon.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
             renderSlot(_ctx.$slots, "right-icon", {}, () => [
               __props.rightIcon ? (openBlock(), createBlock(_sfc_main$2, {
                 key: 0,
@@ -352,28 +352,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 const MazBtn_vue_vue_type_style_index_0_scoped_0b1094d1_lang = "";
 const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0b1094d1"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-08f8f046"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "m-sub-bar" },
-  null,
-  -1
-  /* HOISTED */
-));
-const _hoisted_2 = [
-  _hoisted_1
-];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsBar",
   props: {
     items: { type: Array, required: true },
-    modelValue: { type: Number, default: 1 },
     alignLeft: { type: Boolean, default: false },
     useAnchor: { type: Boolean, default: false },
     color: { type: String, default: "primary" }
   },
-  emits: ["update:model-value"],
-  setup(__props, { emit: emits }) {
+  setup(__props) {
     const props = __props;
     function toKebabCase(input) {
       return input.replaceAll(/([a-z])([A-Z])/g, "$1-$2").replaceAll(/[\s_]+/g, "-").toLowerCase();
@@ -383,17 +370,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return value;
       const anchor = window.location.hash.replace("#", "");
       const index = tabs.findIndex(({ label }) => toKebabCase(label) === anchor);
-      return index === -1 ? 0 : index;
+      return index === -1 ? 0 : index + 1;
     };
+    const { currentTab, updateCurrentTab } = injectStrict("maz-tabs");
     const MazTabsBar2 = ref();
-    const currentTab = ref();
     const isMounted = ref(false);
     const tabsIndicatorState = computed(() => {
       if (typeof currentTab.value !== "number" || !isMounted.value) {
         return;
       }
       const tabItems = document.querySelectorAll(".m-tabs-bar__item");
-      const tabItemActive = tabItems == null ? void 0 : tabItems[currentTab.value];
+      const tabItemActive = tabItems == null ? void 0 : tabItems[currentTab.value - 1];
       const indicatorWidth = tabItemActive ? tabItemActive.clientWidth : 0;
       const translateXValue = tabItemActive ? tabItemActive.offsetLeft : 0;
       return {
@@ -402,30 +389,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     onBeforeMount(() => {
-      const { modelValue, useAnchor, items } = props;
-      if (modelValue < 1 || modelValue > items.length)
-        throw new Error(`[Maz-ui](MazTabsBar) The init value should be between 1 and ${items.length}`);
-      if (!useAnchor)
-        setValue(modelValue - 1);
+      const { items } = props;
+      if (currentTab.value < 1 || currentTab.value > items.length)
+        throw new Error(`[maz-ui](MazTabsBar) The init value should be between 1 and ${items.length}`);
     });
     onMounted(async () => {
       setTimeout(() => {
-        const { useAnchor, items, modelValue } = props;
-        if (useAnchor) {
-          const valueIndex = modelValue - 1;
-          const tabActive = Number.isInteger(currentTab.value) ? valueIndex : getIndexOfCurrentAnchor(items, valueIndex);
-          setValue(tabActive);
+        if (props.useAnchor) {
+          updateCurrentTab(getIndexOfCurrentAnchor(props.items, currentTab.value) ?? 1);
         }
         isMounted.value = true;
       }, 300);
     });
-    const setValue = (index) => {
-      currentTab.value = index;
-      emits("update:model-value", index + 1);
-    };
-    function labelNormalize(label) {
-      return toKebabCase(label);
-    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
@@ -444,16 +419,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               return openBlock(), createBlock(MazBtn, {
                 key: index,
                 color: "transparent",
-                class: normalizeClass([{ "--active": currentTab.value === index, "--disabled": disabled }, "m-tabs-bar__item --no-styling"]),
+                class: normalizeClass([{ "--active": unref(currentTab) === index, "--disabled": disabled }, "m-tabs-bar__item --no-styling"]),
                 disabled,
-                to: __props.useAnchor ? `#${labelNormalize(label)}` : void 0,
-                onClick: ($event) => setValue(index)
+                to: __props.useAnchor && !disabled ? `#${toKebabCase(label)}` : void 0,
+                onClick: ($event) => unref(updateCurrentTab)(index + 1)
               }, {
                 default: withCtx(() => [
-                  createTextVNode(
+                  createElementVNode(
+                    "span",
+                    {
+                      style: normalizeStyle([unref(currentTab) === index + 1 ? { color: `var(--maz-color-${__props.color})` } : {}])
+                    },
                     toDisplayString(label),
-                    1
-                    /* TEXT */
+                    5
+                    /* TEXT, STYLE */
                   )
                 ]),
                 _: 2
@@ -469,7 +448,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(tabsIndicatorState.value),
               class: "m-tabs-bar__indicator"
             },
-            _hoisted_2,
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: "m-sub-bar",
+                  style: normalizeStyle({ backgroundColor: `var(--maz-color-${__props.color})` })
+                },
+                null,
+                4
+                /* STYLE */
+              )
+            ],
             4
             /* STYLE */
           )
@@ -480,8 +470,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazTabsBar_vue_vue_type_style_index_0_scoped_08f8f046_lang = "";
-const MazTabsBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08f8f046"]]);
+const MazTabsBar_vue_vue_type_style_index_0_scoped_b63efe29_lang = "";
+const MazTabsBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b63efe29"]]);
 export {
   MazTabsBar as default
 };

package/components/MazTabsBar.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-0b1094d1]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-0b1094d1]{line-height:1}.m-btn__icon-left[data-v-0b1094d1]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-0b1094d1]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-0b1094d1]{cursor:pointer}.m-btn.--cursor-default[data-v-0b1094d1]{cursor:default}.m-btn.--is-link[data-v-0b1094d1]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-0b1094d1]{line-height:2.25rem}.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-0b1094d1]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-0b1094d1]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-0b1094d1]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-0b1094d1]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-0b1094d1]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-0b1094d1]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-0b1094d1]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-0b1094d1]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-0b1094d1]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-0b1094d1]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-0b1094d1]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-0b1094d1]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-0b1094d1]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-0b1094d1]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-0b1094d1]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-0b1094d1]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-0b1094d1]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):hover,.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-0b1094d1]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-0b1094d1]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-0b1094d1]{width:100%}.m-btn.--is-button.--primary[data-v-0b1094d1]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-0b1094d1]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-0b1094d1]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-0b1094d1]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-0b1094d1]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-0b1094d1]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-0b1094d1]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-0b1094d1]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-0b1094d1]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-0b1094d1]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-0b1094d1]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-0b1094d1]{padding:0}.m-tabs-bar[data-v-08f8f046]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.m-tabs-bar[data-v-08f8f046]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-tabs-bar[data-v-08f8f046]{overflow-x:auto}.m-tabs-bar:not(.--align-left) .m-tabs-bar__item[data-v-08f8f046]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-tabs-bar__item.--active[data-v-08f8f046]{color:var(--maz-color-primary)}.m-tabs-bar__indicator[data-v-08f8f046]{position:absolute;bottom:0;left:0;text-align:center;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);height:2px}.m-tabs-bar__indicator .m-sub-bar[data-v-08f8f046]{margin-left:auto;margin-right:auto;width:60%;background-color:var(--maz-color-primary);height:2px}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsBar={},e.Vue)}(this,(function(e,t){"use strict";const o=["width","height"],n=[(e=>(t.pushScopeId("data-v-7a2b89c9"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],l=(e,t)=>{const o=e.__vccOpts||e;for(const[n,l]of t)o[n]=l;return o},a=l(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary"}},setup:e=>(l,a)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,o))}),[["__scopeId","data-v-7a2b89c9"]]);t.ref(),t.ref(),t.ref();const r=["innerHTML"],i=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:void 0},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:o}){const n=e,l={},a=t.ref(),i=t.ref(),d=()=>{try{return function(e,o){const n=t.inject(e,o);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return n}("mazIconPath")}catch{return}},s=t.computed((()=>n.path??d())),c=t.computed((()=>n.src?n.src:s.value?`${s.value}/${n.name}.svg`:`/${n.name}.svg`));t.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},m=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const l=new XMLHttpRequest;l.open("GET",e,!0),l.addEventListener("load",(()=>{if(l.status>=200&&l.status<400)try{const e=new DOMParser;let a=e.parseFromString(l.responseText,"text/xml").querySelectorAll("svg")[0];a?(a=n.transformSource(a),t(a)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),l.addEventListener("error",(()=>o())),l.send()}));return t.watchEffect((()=>(async e=>{l[e]||(l[e]=p(e));try{a.value=await l[e],await t.nextTick(),o("loaded",i.value)}catch(n){a.value&&(a.value=void 0,o("unloaded")),delete l[e],o("error",n)}})(c.value))),(o,n)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),a.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...u(a.value),...(l=o.$attrs,Object.keys(l).reduce(((e,t)=>(!1!==l[t]&&null!==l[t]&&void 0!==l[t]&&(e[t]=l[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:m(a.value)}),null,16,r)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var l}}}),d={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},s={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},c=l(t.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary"},type:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)},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(e){const o=e,{href:n,to:l}=t.useAttrs(),r=t.useSlots(),c=t.computed((()=>n?"a":l?"router-link":"button")),u=t.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline?`--${o.color}-outline`:`--${o.color}`)),m=t.computed((()=>(o.loading||o.disabled)&&"button"===c.value)),p=t.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),f=t.computed((()=>`--is-${o.variant}`)),v=t.computed((()=>o.loading&&"button"===o.variant)),y=t.computed((()=>!!r["left-icon"]||o.leftIcon)),g=t.computed((()=>!!r["right-icon"]||o.rightIcon)),b=t.computed((()=>y.value||g.value)),h=t.computed((()=>"button"===c.value?o.type:void 0));return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(c.value),t.mergeProps(o.$attrs,{disabled:m.value,class:["m-btn",[`--${e.size}`,u.value,p.value,f.value,{"--block":e.block,"--no-underline":e.noUnderline,"--no-leading":e.noLeading,"--fab":e.fab,"--loading":e.loading,"--disabled":m.value,"--icon":b.value,"--rounded":e.rounded,"--no-padding":e.noPadding,"--no-elevation":e.noElevation}]],type:h.value}),{default:t.withCtx((()=>[y.value?(t.openBlock(),t.createElementBlock("div",d,[t.renderSlot(o.$slots,"left-icon",{},(()=>[e.leftIcon?(t.openBlock(),t.createBlock(i,{key:0,name:e.leftIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",{class:t.normalizeClass(["maz-flex maz-flex-center",{"maz-invisible":v.value}])},[t.renderSlot(o.$slots,"default",{},void 0,!0)],2),g.value?(t.openBlock(),t.createElementBlock("div",s,[t.renderSlot(o.$slots,"right-icon",{},(()=>[e.rightIcon?(t.openBlock(),t.createBlock(i,{key:0,name:e.rightIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),v.value?(t.openBlock(),t.createBlock(a,{key:2,size:"2em",color:e.color,class:"m-btn__loader maz-absolute"},null,8,["color"])):t.createCommentVNode("v-if",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-0b1094d1"]]),u=[(e=>(t.pushScopeId("data-v-08f8f046"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("div",{class:"m-sub-bar"},null,-1)))],m=l(t.defineComponent({__name:"MazTabsBar",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:1},alignLeft:{type:Boolean,default:!1},useAnchor:{type:Boolean,default:!1},color:{type:String,default:"primary"}},emits:["update:model-value"],setup(e,{emit:o}){const n=e;function l(e){return e.replaceAll(/([a-z])([A-Z])/g,"$1-$2").replaceAll(/[\s_]+/g,"-").toLowerCase()}const a=t.ref(),r=t.ref(),i=t.ref(!1),d=t.computed((()=>{if("number"!=typeof r.value||!i.value)return;const e=document.querySelectorAll(".m-tabs-bar__item"),t=null==e?void 0:e[r.value],o=t?t.clientWidth:0;return{transform:`translateX(${t?t.offsetLeft:0}px)`,width:`${o}px`}}));t.onBeforeMount((()=>{const{modelValue:e,useAnchor:t,items:o}=n;if(e<1||e>o.length)throw new Error(`[Maz-ui](MazTabsBar) The init value should be between 1 and ${o.length}`);t||s(e-1)})),t.onMounted((async()=>{setTimeout((()=>{const{useAnchor:e,items:t,modelValue:o}=n;if(e){const e=o-1,n=Number.isInteger(r.value)?e:((e,t)=>{if("undefined"==typeof window)return t;const o=window.location.hash.replace("#",""),n=e.findIndex((({label:e})=>l(e)===o));return-1===n?0:n})(t,e);s(n)}i.value=!0}),300)}));const s=e=>{r.value=e,o("update:model-value",e+1)};function m(e){return l(e)}return(o,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"MazTabsBar",ref:a,class:t.normalizeClass(["m-tabs-bar",{"--align-left":e.alignLeft}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(({label:o,disabled:n},l)=>(t.openBlock(),t.createBlock(c,{key:l,color:"transparent",class:t.normalizeClass([{"--active":r.value===l,"--disabled":n},"m-tabs-bar__item --no-styling"]),disabled:n,to:e.useAnchor?`#${m(o)}`:void 0,onClick:e=>s(l)},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(o),1)])),_:2},1032,["class","disabled","to","onClick"])))),128)),t.createElementVNode("div",{style:t.normalizeStyle(d.value),class:"m-tabs-bar__indicator"},u,4)],2))}}),[["__scopeId","data-v-08f8f046"]]);e.default=m,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-0b1094d1]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-0b1094d1]{line-height:1}.m-btn__icon-left[data-v-0b1094d1]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-0b1094d1]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-0b1094d1]{cursor:pointer}.m-btn.--cursor-default[data-v-0b1094d1]{cursor:default}.m-btn.--is-link[data-v-0b1094d1]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-0b1094d1]{line-height:2.25rem}.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-0b1094d1]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-0b1094d1]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-0b1094d1]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-0b1094d1]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-0b1094d1]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-0b1094d1]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-0b1094d1]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-0b1094d1]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-0b1094d1]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-0b1094d1]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-0b1094d1]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-0b1094d1]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-0b1094d1]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-0b1094d1]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-0b1094d1]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-0b1094d1]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-0b1094d1]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):hover,.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-0b1094d1]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-0b1094d1]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-0b1094d1]{width:100%}.m-btn.--is-button.--primary[data-v-0b1094d1]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-0b1094d1]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-0b1094d1]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-0b1094d1]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-0b1094d1]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-0b1094d1]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-0b1094d1]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-0b1094d1]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-0b1094d1]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-0b1094d1]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-0b1094d1]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-0b1094d1]{padding:0}.m-tabs-bar[data-v-b63efe29]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;overflow-x:auto}.m-tabs-bar:not(.--align-left) .m-tabs-bar__item[data-v-b63efe29]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-tabs-bar__indicator[data-v-b63efe29]{position:absolute;bottom:0;left:0;text-align:center;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);height:2px}.m-tabs-bar__indicator .m-sub-bar[data-v-b63efe29]{margin-left:auto;margin-right:auto;width:60%;height:2px}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsBar={},e.Vue)}(this,(function(e,t){"use strict";const o=["width","height"],n=[(e=>(t.pushScopeId("data-v-7a2b89c9"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],l=(e,t)=>{const o=e.__vccOpts||e;for(const[n,l]of t)o[n]=l;return o},a=l(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary"}},setup:e=>(l,a)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,o))}),[["__scopeId","data-v-7a2b89c9"]]);function r(e,o){const n=t.inject(e,o);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return n}t.ref(),t.ref(),t.ref();const i=["innerHTML"],s=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:void 0},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:o}){const n=e,l={},a=t.ref(),s=t.ref(),c=t.computed((()=>n.path??(()=>{try{return r("mazIconPath")}catch{return}})())),d=t.computed((()=>n.src?n.src:c.value?`${c.value}/${n.name}.svg`:`/${n.name}.svg`));t.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},m=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const l=new XMLHttpRequest;l.open("GET",e,!0),l.addEventListener("load",(()=>{if(l.status>=200&&l.status<400)try{const e=new DOMParser;let a=e.parseFromString(l.responseText,"text/xml").querySelectorAll("svg")[0];a?(a=n.transformSource(a),t(a)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),l.addEventListener("error",(()=>o())),l.send()}));return t.watchEffect((()=>(async e=>{l[e]||(l[e]=p(e));try{a.value=await l[e],await t.nextTick(),o("loaded",s.value)}catch(n){a.value&&(a.value=void 0,o("unloaded")),delete l[e],o("error",n)}})(d.value))),(o,n)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),a.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:s,width:"1em",height:"1em"},{...u(a.value),...(l=o.$attrs,Object.keys(l).reduce(((e,t)=>(!1!==l[t]&&null!==l[t]&&void 0!==l[t]&&(e[t]=l[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:m(a.value)}),null,16,i)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var l}}}),c={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},d={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},u=l(t.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary"},type:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)},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(e){const o=e,{href:n,to:l}=t.useAttrs(),r=t.useSlots(),i=t.computed((()=>n?"a":l?"router-link":"button")),u=t.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline?`--${o.color}-outline`:`--${o.color}`)),m=t.computed((()=>(o.loading||o.disabled)&&"button"===i.value)),p=t.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),f=t.computed((()=>`--is-${o.variant}`)),v=t.computed((()=>o.loading&&"button"===o.variant)),y=t.computed((()=>!!r["left-icon"]||o.leftIcon)),g=t.computed((()=>!!r["right-icon"]||o.rightIcon)),b=t.computed((()=>y.value||g.value)),h=t.computed((()=>"button"===i.value?o.type:void 0));return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.value),t.mergeProps(o.$attrs,{disabled:m.value,class:["m-btn",[`--${e.size}`,u.value,p.value,f.value,{"--block":e.block,"--no-underline":e.noUnderline,"--no-leading":e.noLeading,"--fab":e.fab,"--loading":e.loading,"--disabled":m.value,"--icon":b.value,"--rounded":e.rounded,"--no-padding":e.noPadding,"--no-elevation":e.noElevation}]],type:h.value}),{default:t.withCtx((()=>[y.value?(t.openBlock(),t.createElementBlock("div",c,[t.renderSlot(o.$slots,"left-icon",{},(()=>[e.leftIcon?(t.openBlock(),t.createBlock(s,{key:0,name:e.leftIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",{class:t.normalizeClass(["maz-flex maz-flex-center",{"maz-invisible":v.value}])},[t.renderSlot(o.$slots,"default",{},void 0,!0)],2),g.value?(t.openBlock(),t.createElementBlock("div",d,[t.renderSlot(o.$slots,"right-icon",{},(()=>[e.rightIcon?(t.openBlock(),t.createBlock(s,{key:0,name:e.rightIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),v.value?(t.openBlock(),t.createBlock(a,{key:2,size:"2em",color:e.color,class:"m-btn__loader maz-absolute"},null,8,["color"])):t.createCommentVNode("v-if",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-0b1094d1"]]),m=l(t.defineComponent({__name:"MazTabsBar",props:{items:{type:Array,required:!0},alignLeft:{type:Boolean,default:!1},useAnchor:{type:Boolean,default:!1},color:{type:String,default:"primary"}},setup(e){const o=e;function n(e){return e.replaceAll(/([a-z])([A-Z])/g,"$1-$2").replaceAll(/[\s_]+/g,"-").toLowerCase()}const{currentTab:l,updateCurrentTab:a}=r("maz-tabs"),i=t.ref(),s=t.ref(!1),c=t.computed((()=>{if("number"!=typeof l.value||!s.value)return;const e=document.querySelectorAll(".m-tabs-bar__item"),t=null==e?void 0:e[l.value-1],o=t?t.clientWidth:0;return{transform:`translateX(${t?t.offsetLeft:0}px)`,width:`${o}px`}}));return t.onBeforeMount((()=>{const{items:e}=o;if(l.value<1||l.value>e.length)throw new Error(`[maz-ui](MazTabsBar) The init value should be between 1 and ${e.length}`)})),t.onMounted((async()=>{setTimeout((()=>{o.useAnchor&&a(((e,t)=>{if("undefined"==typeof window)return t;const o=window.location.hash.replace("#",""),l=e.findIndex((({label:e})=>n(e)===o));return-1===l?0:l+1})(o.items,l.value)??1),s.value=!0}),300)})),(o,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"MazTabsBar",ref:i,class:t.normalizeClass(["m-tabs-bar",{"--align-left":e.alignLeft}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(({label:o,disabled:r},i)=>(t.openBlock(),t.createBlock(u,{key:i,color:"transparent",class:t.normalizeClass([{"--active":t.unref(l)===i,"--disabled":r},"m-tabs-bar__item --no-styling"]),disabled:r,to:e.useAnchor&&!r?`#${n(o)}`:void 0,onClick:e=>t.unref(a)(i+1)},{default:t.withCtx((()=>[t.createElementVNode("span",{style:t.normalizeStyle([t.unref(l)===i+1?{color:`var(--maz-color-${e.color})`}:{}])},t.toDisplayString(o),5)])),_:2},1032,["class","disabled","to","onClick"])))),128)),t.createElementVNode("div",{style:t.normalizeStyle(c.value),class:"m-tabs-bar__indicator"},[t.createElementVNode("div",{class:"m-sub-bar",style:t.normalizeStyle({backgroundColor:`var(--maz-color-${e.color})`})},null,4)],4)],2))}}),[["__scopeId","data-v-b63efe29"]]);e.default=m,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazTabsContent.d.ts

@@ -1,16 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    activeTab: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    activeTab: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-}>>, {
-    activeTab: number;
-}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/MazTabsContent.mjs

@@ -1,5 +1,12 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
-import { ref, defineComponent, onBeforeMount, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { inject, ref, defineComponent, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+function injectStrict(key, fallback) {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
+  }
+  return resolved;
+}
 function debounce(fn, wait = 0, callFirst = false) {
   let timeout;
   let debouncedFn;
@@ -51,14 +58,10 @@ ref();
 ref();
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContent",
-  props: {
-    activeTab: { type: Number, default: void 0 }
-  },
   setup(__props) {
-    const props = __props;
     const MazTabsContent = ref();
-    const currentTab = ref();
     const hideOverflow = ref(false);
+    const { currentTab } = injectStrict("maz-tabs");
     const setOverflowHiddenTemp = () => {
       hideOverflow.value = true;
       allowOverFlow();
@@ -66,15 +69,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const allowOverFlow = debounce(function() {
       hideOverflow.value = false;
     }, 700);
-    onBeforeMount(() => {
-      currentTab.value = 1;
-    });
     watch(
-      () => [props.activeTab, currentTab.value],
-      (values) => {
+      () => currentTab.value,
+      (value) => {
         setOverflowHiddenTemp();
-        if (values[0])
-          currentTab.value = values[0];
+        if (typeof value === "number")
+          currentTab.value = value;
       },
       { immediate: true }
     );

package/components/MazTabsContent.umd.js

@@ -1,2 +1,2 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsContent={},e.Vue)}(this,(function(e,t){"use strict";t.ref(),t.ref(),t.ref();const n=t.defineComponent({__name:"MazTabsContent",props:{activeTab:{type:Number,default:void 0}},setup(e){const n=e,o=t.ref(),i=t.ref(),u=t.ref(!1),a=function(e,t=0,n=!1){let o,i;const u=function(){o&&(clearTimeout(o),i=void 0,o=void 0)},a=function(...a){if(!t)return e.apply(this,a);const f=this,r=n&&!o;return u(),i=function(){e.apply(f,a)},o=setTimeout((function(){if(o=void 0,!r){const e=i;if(i=void 0,void 0!==e)return e()}}),t),r?i():void 0};return a.cancel=u,a.flush=function(){const e=i;u(),e&&e()},a}((function(){u.value=!1}),700);return t.onBeforeMount((()=>{i.value=1})),t.watch((()=>[n.activeTab,i.value]),(e=>{u.value=!0,a(),e[0]&&(i.value=e[0])}),{immediate:!0}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"MazTabsContent",ref:o,class:t.normalizeClass(["m-tabs-content maz-relative",{"maz-overflow-hidden":u.value}])},[t.renderSlot(e.$slots,"default")],2))}});e.default=n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsContent={},e.Vue)}(this,(function(e,t){"use strict";t.ref(),t.ref(),t.ref();const n=t.defineComponent({__name:"MazTabsContent",setup(e){const n=t.ref(),o=t.ref(!1),{currentTab:i}=function(e,n){const o=t.inject(e,n);if(!o)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return o}("maz-tabs"),r=function(e,t=0,n=!1){let o,i;const r=function(){o&&(clearTimeout(o),i=void 0,o=void 0)},u=function(...u){if(!t)return e.apply(this,u);const f=this,a=n&&!o;return r(),i=function(){e.apply(f,u)},o=setTimeout((function(){if(o=void 0,!a){const e=i;if(i=void 0,void 0!==e)return e()}}),t),a?i():void 0};return u.cancel=r,u.flush=function(){const e=i;r(),e&&e()},u}((function(){o.value=!1}),700);return t.watch((()=>i.value),(e=>{o.value=!0,r(),"number"==typeof e&&(i.value=e)}),{immediate:!0}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"MazTabsContent",ref:n,class:t.normalizeClass(["m-tabs-content maz-relative",{"maz-overflow-hidden":o.value}])},[t.renderSlot(e.$slots,"default")],2))}});e.default=n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazTabsContentItem.mjs

@@ -1,5 +1,24 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-tabs-content-item[data-v-0147de46]{position:relative;top:0;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-transition:all .5s cubic-bezier(.25,.8,.5,1);transition:all .5s cubic-bezier(.25,.8,.5,1)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { defineComponent, ref, watch, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, renderSlot, vShow } from "vue";
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-tabs-content-item[data-v-6402ced0]{position:relative;top:0;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-transition:all .5s cubic-bezier(.25,.8,.5,1);transition:all .5s cubic-bezier(.25,.8,.5,1)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+import { inject, ref, defineComponent, watch, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, renderSlot, vShow } from "vue";
+function injectStrict(key, fallback) {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
+  }
+  return resolved;
+}
+const MazToast_vue_vue_type_style_index_0_lang = "";
+const MazToast_vue_vue_type_style_index_1_scoped_db385587_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+ref();
+ref();
+ref();
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContentItem",
   props: {
@@ -7,9 +26,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const currentTab = ref();
     const transitionName = ref("maz-tab-transition");
     const MazTabsContentItem2 = ref();
+    const { currentTab } = injectStrict("maz-tabs");
     watch(
       () => currentTab.value,
       async (value, oldValue) => {
@@ -24,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.tab - 1;
     });
     const isCurrentTab = computed(() => {
-      return currentTab.value === itemTabNumber.value;
+      return currentTab.value - 1 === itemTabNumber.value;
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, {
@@ -54,15 +73,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazTabsContentItem_vue_vue_type_style_index_0_scoped_0147de46_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazTabsContentItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0147de46"]]);
+const MazTabsContentItem_vue_vue_type_style_index_0_scoped_6402ced0_lang = "";
+const MazTabsContentItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6402ced0"]]);
 export {
   MazTabsContentItem as default
 };

package/components/MazTabsContentItem.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-tabs-content-item[data-v-0147de46]{position:relative;top:0;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-transition:all .5s cubic-bezier(.25,.8,.5,1);transition:all .5s cubic-bezier(.25,.8,.5,1)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsContentItem={},e.Vue)}(this,(function(e,t){"use strict";const n=((e,t)=>{const n=e.__vccOpts||e;for(const[o,a]of t)n[o]=a;return n})(t.defineComponent({__name:"MazTabsContentItem",props:{tab:{type:Number,required:!0}},setup(e){const n=e,o=t.ref(),a=t.ref("maz-tab-transition"),s=t.ref();t.watch((()=>o.value),(async(e,t)=>{if("number"==typeof e&&"number"==typeof t){const n=t<e;a.value=n?"maz-tab-transition":"maz-tab-reverse-transition"}}),{immediate:!0});const i=t.computed((()=>n.tab-1)),r=t.computed((()=>o.value===i.value));return(e,n)=>(t.openBlock(),t.createBlock(t.Transition,{name:a.value,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{ref_key:"MazTabsContentItem",ref:s,class:"m-tabs-content-item"},[t.renderSlot(e.$slots,"default",{},void 0,!0)],512),[[t.vShow,r.value]])])),_:3},8,["name"]))}}),[["__scopeId","data-v-0147de46"]]);e.default=n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-tabs-content-item[data-v-6402ced0]{position:relative;top:0;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-transition:all .5s cubic-bezier(.25,.8,.5,1);transition:all .5s cubic-bezier(.25,.8,.5,1)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsContentItem={},e.Vue)}(this,(function(e,t){"use strict";const n=(e,t)=>{const n=e.__vccOpts||e;for(const[o,a]of t)n[o]=a;return n};t.ref(),t.ref(),t.ref();const o=n(t.defineComponent({__name:"MazTabsContentItem",props:{tab:{type:Number,required:!0}},setup(e){const n=e,o=t.ref("maz-tab-transition"),a=t.ref(),{currentTab:r}=function(e,n){const o=t.inject(e,n);if(!o)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return o}("maz-tabs");t.watch((()=>r.value),(async(e,t)=>{if("number"==typeof e&&"number"==typeof t){const n=t<e;o.value=n?"maz-tab-transition":"maz-tab-reverse-transition"}}),{immediate:!0});const i=t.computed((()=>n.tab-1)),s=t.computed((()=>r.value-1===i.value));return(e,n)=>(t.openBlock(),t.createBlock(t.Transition,{name:o.value,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{ref_key:"MazTabsContentItem",ref:a,class:"m-tabs-content-item"},[t.renderSlot(e.$slots,"default",{},void 0,!0)],512),[[t.vShow,s.value]])])),_:3},8,["name"]))}}),[["__scopeId","data-v-6402ced0"]]);e.default=o,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/component-list.mjs

@@ -29,6 +29,7 @@ export const componentList = [
   'MazSpinner',
   'MazStepper',
   'MazSwitch',
+  'MazTabs',
   'MazTabsBar',
   'MazTabsContent',
   'MazTabsContentItem',

package/components/index.d.ts

@@ -26,6 +26,7 @@ export { default as MazSlider } from './MazSlider.js';
 export { default as MazSpinner } from './MazSpinner.js';
 export { default as MazStepper } from './MazStepper.js';
 export { default as MazSwitch } from './MazSwitch.js';
+export { default as MazTabs } from './MazTabs.js';
 export { default as MazTabsBar } from './MazTabsBar.js';
 export { default as MazTabsContent } from './MazTabsContent.js';
 export { default as MazTabsContentItem } from './MazTabsContentItem.js';

package/components/index.mjs

@@ -28,6 +28,7 @@ export { default as MazSlider } from './MazSlider.mjs'
 export { default as MazSpinner } from './MazSpinner.mjs'
 export { default as MazStepper } from './MazStepper.mjs'
 export { default as MazSwitch } from './MazSwitch.mjs'
+export { default as MazTabs } from './MazTabs.mjs'
 export { default as MazTabsBar } from './MazTabsBar.mjs'
 export { default as MazTabsContent } from './MazTabsContent.mjs'
 export { default as MazTabsContentItem } from './MazTabsContentItem.mjs'

package/css/main.css

@@ -1 +1 @@
-*,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-contrast:#fff;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-contrast:#fff;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-contrast:#fff;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-contrast:#fff;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-contrast:#384252;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-contrast:#fff;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.5);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:var(--maz-screen-lap-xl)}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--maz-screen-sm:640px;--maz-screen-md:768px;--maz-screen-lg:1024px;--maz-screen-xl:1280px;--maz-screen-2xl:1536px;--maz-screen-mob-s:320px;--maz-screen-mob-m:425px;--maz-screen-mob-l:576px;--maz-screen-tab-s:640px;--maz-screen-tab-m:768px;--maz-screen-tab-l:992px;--maz-screen-lap-s:1024px;--maz-screen-lap-m:1280px;--maz-screen-lap-l:1366px;--maz-screen-lap-xl:1440px;--maz-screen-lap-2xl:1680px;--maz-screen-lap-3xl:1920px}.maz-invisible{visibility:hidden}.maz-absolute{position:absolute}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-\[1\.4rem\]{height:1.4rem}.maz-h-\[1em\]{height:1em}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-\[1\.4rem\]{width:1.4rem}.maz-w-\[1em\]{width:1em}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}
+*,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-contrast:#fff;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-contrast:#fff;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-contrast:#fff;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-contrast:#fff;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-contrast:#384252;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-contrast:#fff;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.5);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:var(--maz-screen-lap-xl)}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--maz-screen-sm:640px;--maz-screen-md:768px;--maz-screen-lg:1024px;--maz-screen-xl:1280px;--maz-screen-2xl:1536px;--maz-screen-mob-s:320px;--maz-screen-mob-m:425px;--maz-screen-mob-l:576px;--maz-screen-tab-s:640px;--maz-screen-tab-m:768px;--maz-screen-tab-l:992px;--maz-screen-lap-s:1024px;--maz-screen-lap-m:1280px;--maz-screen-lap-l:1366px;--maz-screen-lap-xl:1440px;--maz-screen-lap-2xl:1680px;--maz-screen-lap-3xl:1920px}.maz-invisible{visibility:hidden}.maz-absolute{position:absolute}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-\[1\.4rem\]{height:1.4rem}.maz-h-\[1em\]{height:1em}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-\[1\.4rem\]{width:1.4rem}.maz-w-\[1em\]{width:1em}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.10.5",
+  "version": "3.11.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -66,23 +66,23 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.22.11",
-    "@babel/preset-env": "^7.22.14",
-    "@babel/preset-typescript": "^7.22.11",
-    "@nuxt/kit": "^3.7.0",
-    "@nuxt/schema": "^3.7.0",
+    "@babel/core": "^7.22.19",
+    "@babel/preset-env": "^7.22.15",
+    "@babel/preset-typescript": "^7.22.15",
+    "@nuxt/kit": "^3.7.3",
+    "@nuxt/schema": "^3.7.3",
     "@rollup/plugin-typescript": "^11.1.3",
     "@types/dropzone": "^5.7.4",
     "@types/google.maps": "^3.54.0",
-    "@types/node": "^20.5.8",
+    "@types/node": "^20.6.0",
     "@types/rollup-plugin-peer-deps-external": "^2.2.1",
-    "@typescript-eslint/eslint-plugin": "^6.5.0",
-    "@typescript-eslint/parser": "^6.5.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
     "@vitejs/plugin-vue": "^4.3.4",
-    "@vitest/coverage-v8": "^0.34.3",
+    "@vitest/coverage-v8": "^0.34.4",
     "@vue/compiler-sfc": "^3.3.4",
     "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.4.0",
     "autoprefixer": "^10.4.15",
@@ -93,7 +93,7 @@
     "dayjs": "^1.11.9",
     "defu": "^6.1.2",
     "dropzone": "^5.9.3",
-    "eslint": "^8.48.0",
+    "eslint": "^8.49.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-sonarjs": "^0.21.0",
     "eslint-plugin-unicorn": "^48.0.1",
@@ -101,10 +101,10 @@
     "fs": "0.0.2",
     "jsdom": "^22.1.0",
     "json-templater": "^1.2.0",
-    "libphonenumber-js": "^1.10.43",
+    "libphonenumber-js": "^1.10.44",
     "lint-staged": "^14.0.1",
     "minimist": "^1.2.8",
-    "nuxt": "^3.7.0",
+    "nuxt": "^3.7.3",
     "onchange": "^7.1.0",
     "path": "^0.12.7",
     "postcss": "^8.4.29",
@@ -117,33 +117,33 @@
     "prettier-plugin-tailwindcss": "^0.5.4",
     "replace-in-file": "^7.0.1",
     "rimraf": "^5.0.1",
-    "rollup": "^3.28.1",
-    "rollup-plugin-dts": "^6.0.1",
+    "rollup": "^3.29.1",
+    "rollup-plugin-dts": "^6.0.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.66.1",
+    "sass": "^1.67.0",
     "semver": "^7.5.4",
     "sirv": "^2.0.3",
     "stylelint": "^15.10.3",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^34.0.0",
-    "stylelint-config-standard-scss": "^10.0.0",
+    "stylelint-config-standard-scss": "^11.0.0",
     "stylelint-config-tailwindcss": "^0.0.7",
     "tailwind-css-variables": "^3.0.1",
     "tailwindcss": "^3.3.3",
-    "terser": "^5.19.3",
+    "terser": "^5.19.4",
     "ts-node": "^10.9.1",
     "typescript": "^5.2.2",
     "vite": "^4.4.9",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-static-copy": "^0.17.0",
     "vite-svg-loader": "^4.0.0",
-    "vitest": "^0.34.3",
+    "vitest": "^0.34.4",
     "vitest-canvas-mock": "^0.3.3",
     "vue": "^3.3.4",
     "vue-chartjs": "^5.2.0",
     "vue-loader": "^17.2.2",
     "vue-router": "^4.2.4",
-    "vue-tsc": "^1.8.8",
+    "vue-tsc": "^1.8.11",
     "vuedraggable": "^2.24.3"
   },
   "engines": {