maz-ui 3.10.5 → 3.11.1

package/components/MazChart.d.ts

@@ -0,0 +1,95 @@
+import { type PropType } from 'vue';
+import type { ChartData } from 'chart.js';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Chart.js chart type
+     */
+    type: {
+        type: PropType<keyof import("chart.js").ChartTypeRegistry>;
+        required: true;
+    };
+    /**
+     * The data object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/getting-started/
+     */
+    data: {
+        type: PropType<ChartData<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>>;
+        required: true;
+    };
+    /**
+     * The options object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/general/options.html
+     */
+    options: {
+        type: ObjectConstructor;
+        default: ObjectConstructor;
+    };
+    /**
+     * The plugins array that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
+     */
+    plugins: {
+        type: ArrayConstructor;
+        default: ArrayConstructor;
+    };
+    /**
+     * Key name to identificate dataset
+     */
+    datasetIdKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    updateMode: {
+        type: PropType<"default" | "reset" | "resize" | "none" | "hide" | "show" | "active">;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Chart.js chart type
+     */
+    type: {
+        type: PropType<keyof import("chart.js").ChartTypeRegistry>;
+        required: true;
+    };
+    /**
+     * The data object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/getting-started/
+     */
+    data: {
+        type: PropType<ChartData<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>>;
+        required: true;
+    };
+    /**
+     * The options object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/general/options.html
+     */
+    options: {
+        type: ObjectConstructor;
+        default: ObjectConstructor;
+    };
+    /**
+     * The plugins array that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
+     */
+    plugins: {
+        type: ArrayConstructor;
+        default: ArrayConstructor;
+    };
+    /**
+     * Key name to identificate dataset
+     */
+    datasetIdKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    updateMode: {
+        type: PropType<"default" | "reset" | "resize" | "none" | "hide" | "show" | "active">;
+        default: undefined;
+    };
+}>>, {
+    options: Record<string, any>;
+    plugins: unknown[];
+    datasetIdKey: string;
+    updateMode: "default" | "reset" | "resize" | "none" | "hide" | "show" | "active";
+}, {}>;
+export default _default;

package/components/MazChart.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, defineAsyncComponent, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, defineAsyncComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps } from "vue";
 import { Chart, CategoryScale, LinearScale, Title, Tooltip, Legend, BarElement, ArcElement, PointElement, LineElement } from "chart.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazChart",
@@ -6,35 +6,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /**
      * Chart.js chart type
      */
-    type: { type: String, required: true },
+    type: {
+      type: String,
+      required: true
+    },
     /**
      * The data object that is passed into the Chart.js chart
      * @see https://www.chartjs.org/docs/latest/getting-started/
      */
-    data: { type: Object, required: true },
+    data: {
+      type: Object,
+      required: true
+    },
     /**
      * The options object that is passed into the Chart.js chart
      * @see https://www.chartjs.org/docs/latest/general/options.html
      */
-    options: { type: Object, default: Object },
+    options: {
+      type: Object,
+      default: Object
+    },
     /**
      * The plugins array that is passed into the Chart.js chart
      * @see https://www.chartjs.org/docs/latest/developers/plugins.html
      */
-    plugins: { type: Array, default: Array },
+    plugins: {
+      type: Array,
+      default: Array
+    },
     /**
      * Key name to identificate dataset
      */
-    datasetIdKey: { type: String, default: "label" },
-    /**
-     * A mode string to indicate transition configuration should be used.
-     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
-     */
-    updateMode: { type: String, default: void 0 }
+    datasetIdKey: {
+      type: String,
+      default: "label"
+    },
+    // /**
+    //  * A mode string to indicate transition configuration should be used.
+    //  * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
+    //  */
+    updateMode: {
+      type: String,
+      default: void 0
+    }
   },
   setup(__props) {
     const props = __props;
-    const propsRef = ref(props);
     Chart.register(
       CategoryScale,
       LinearScale,
@@ -76,12 +93,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(
-        resolveDynamicComponent(unref(component)),
-        normalizeProps(guardReactiveProps(propsRef.value)),
+      return openBlock(), createElementBlock(
+        Fragment,
         null,
-        16
-        /* FULL_PROPS */
+        [
+          createCommentVNode(" @vue-expect-error "),
+          (openBlock(), createBlock(
+            resolveDynamicComponent(unref(component)),
+            normalizeProps(guardReactiveProps(props)),
+            null,
+            16
+            /* FULL_PROPS */
+          ))
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
       );
     };
   }

package/components/MazChart.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("chart.js")):"function"==typeof define&&define.amd?define(["exports","vue","chart.js"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazChart={},e.Vue,e.chart.js)}(this,(function(e,t,r){"use strict";const a=t.defineComponent({__name:"MazChart",props:{type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object,default:Object},plugins:{type:Array,default:Array},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},setup(e){const a=e,n=t.ref(a);r.Chart.register(r.CategoryScale,r.LinearScale,r.Title,r.Tooltip,r.Legend,r.BarElement,r.ArcElement,r.PointElement,r.LineElement);const o=t.defineAsyncComponent((async()=>{const{Bar:e,Bubble:t,Doughnut:r,Line:n,Pie:o,PolarArea:u,Radar:i,Scatter:s}=await import("vue-chartjs");switch(a.type){case"bar":return e;case"line":return n;case"scatter":return s;case"bubble":return t;case"pie":return o;case"doughnut":return r;case"polarArea":return u;case"radar":return i}}));return(e,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(o)),t.normalizeProps(t.guardReactiveProps(n.value)),null,16))}});e.default=a,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("chart.js")):"function"==typeof define&&define.amd?define(["exports","vue","chart.js"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazChart={},e.Vue,e.chart.js)}(this,(function(e,t,r){"use strict";const n=t.defineComponent({__name:"MazChart",props:{type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object,default:Object},plugins:{type:Array,default:Array},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},setup(e){const n=e;r.Chart.register(r.CategoryScale,r.LinearScale,r.Title,r.Tooltip,r.Legend,r.BarElement,r.ArcElement,r.PointElement,r.LineElement);const a=t.defineAsyncComponent((async()=>{const{Bar:e,Bubble:t,Doughnut:r,Line:a,Pie:o,PolarArea:u,Radar:c,Scatter:i}=await import("vue-chartjs");switch(n.type){case"bar":return e;case"line":return a;case"scatter":return i;case"bubble":return t;case"pie":return o;case"doughnut":return r;case"polarArea":return u;case"radar":return c}}));return(e,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" @vue-expect-error "),(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(a)),t.normalizeProps(t.guardReactiveProps(n)),null,16))],2112))}});e.default=n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

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
 };