maz-ui 3.18.2 → 3.19.1

package/modules/chunks/{MazBtn-bf5d1483.mjs → MazBtn-6418f038.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./index-a39534c8.mjs";
+import { _ as _export_sfc } from "./index-71440a8c.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-dda0b697.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-1567cfaf.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-766c5c8d.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-c43d744d.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/{components/chunks/MazIcon-00892ac4.mjs → modules/chunks/MazIcon-c43d744d.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
-import { i as injectStrict } from "./MazTabsBar-6f1ed175.mjs";
+import { i as injectStrict } from "./index-71440a8c.mjs";
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",
@@ -15,8 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["loaded", "unloaded", "error"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const cache = {};
     const svgElSource = ref();
     const svgElem = ref();
@@ -27,6 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return void 0;
       }
     };
+    const props = __props;
+    const emits = __emit;
     const iconPath = computed(() => props.path ?? getMazIconPath());
     const fullSrc = computed(() => {
       if (props.src) {

package/modules/chunks/{MazSpinner-dda0b697.mjs → MazSpinner-766c5c8d.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./index-a39534c8.mjs";
+import { _ as _export_sfc } from "./index-71440a8c.mjs";
 const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/modules/chunks/{index-a39534c8.mjs → index-71440a8c.mjs}

@@ -1103,15 +1103,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     scaleAnimation: { type: Boolean }
   },
   emits: ["close", "previous", "next", "before-close"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-dda0b697.mjs"));
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-766c5c8d.mjs"));
     const XMark = defineAsyncComponent(() => import("./x-mark-6dd31278.mjs"));
     const ChevronLeft = defineAsyncComponent(() => import("./chevron-left-7ab9664d.mjs"));
     let vueScrollTo;
     onBeforeMount(async () => {
       vueScrollTo = await import("vue-scrollto");
     });
+    const props = __props;
     const showFullscreenImg = ref(false);
     const imageLoaded = ref(false);
     const showLoader = ref(false);
@@ -1677,15 +1678,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     persistent: { type: Boolean, default: false }
   },
   emits: ["close", "click"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const XIcon = defineAsyncComponent(() => import("./x-mark-6dd31278.mjs"));
     const ExternalLink = defineAsyncComponent(
       () => import("./arrow-top-right-on-square-3878577d.mjs")
     );
     const Link = defineAsyncComponent(() => import("./link-74f1af7a.mjs"));
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-bf5d1483.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-6418f038.mjs"));
     const Toaster = ref();
+    const props = __props;
+    const emits = __emit;
     const positionY = computed(() => props.position.includes("top") ? "top" : "bottom");
     const positionX = computed(() => {
       if (props.position.includes("left"))
@@ -1883,8 +1885,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const MazToast_vue_vue_type_style_index_0_lang = "";
-const MazToast_vue_vue_type_style_index_1_scoped_04b2e191_lang = "";
-const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04b2e191"]]);
+const MazToast_vue_vue_type_style_index_1_scoped_d9bb9493_lang = "";
+const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9bb9493"]]);
 const DEFAULT_OPTIONS$2 = {
   position: "bottom-right",
   timeout: 1e4,

package/modules/index.mjs

@@ -1,4 +1,4 @@
-import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-a39534c8.mjs";
+import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-71440a8c.mjs";
 export {
   B as AosHandler,
   I as IdleTimeout,

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.18.2"
+  "version": "3.19.1"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.18.2",
+  "version": "3.19.1",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -96,13 +96,13 @@
     "@babel/core": "^7.23.2",
     "@babel/preset-env": "^7.23.2",
     "@babel/preset-typescript": "^7.23.2",
-    "@nuxt/kit": "^3.7.4",
-    "@nuxt/schema": "^3.7.4",
+    "@nuxt/kit": "^3.8.0",
+    "@nuxt/schema": "^3.8.0",
     "@types/dropzone": "^5.7.6",
     "@types/google.maps": "^3.54.4",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vitest/coverage-v8": "^0.34.6",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/compiler-sfc": "^3.3.6",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.1",
@@ -121,7 +121,7 @@
     "json-templater": "^1.2.0",
     "libphonenumber-js": "^1.10.48",
     "minimist": "^1.2.8",
-    "nuxt": "^3.7.4",
+    "nuxt": "^3.8.0",
     "onchange": "^7.1.0",
     "path": "^0.12.7",
     "postcss": "^8.4.31",
@@ -150,7 +150,7 @@
     "vite-svg-loader": "^4.0.0",
     "vitest": "^0.34.6",
     "vitest-canvas-mock": "^0.3.3",
-    "vue": "^3.3.4",
+    "vue": "^3.3.6",
     "vue-chartjs": "^5.2.0",
     "vue-loader": "^17.3.0",
     "vue-router": "^4.2.5",

package/types/components/MazPhoneNumberInput/{constantes/locales.d.ts → default-locales.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: {
+export declare const defaultLocales: {
     countrySelector: {
         placeholder: string;
         error: string;
@@ -9,4 +9,3 @@ declare const _default: {
         example: string;
     };
 };
-export default _default;

package/types/components/MazPhoneNumberInput/types.d.ts

@@ -1,5 +1,5 @@
 import type { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
-import type locales from './constantes/locales';
+import { type defaultLocales } from './default-locales';
 export type Result = {
     isValid: boolean;
     isPossible?: boolean;
@@ -13,9 +13,47 @@ export type Result = {
     e164?: string;
     rfc3966?: string;
 };
-export type Translations = typeof locales;
+export type Translations = typeof defaultLocales;
 export type Country = {
     iso2: CountryCode;
     dialCode: CountryCallingCode;
     name: string;
 };
+export interface IpWhoResponse {
+    ip: string;
+    success: true;
+    type?: string;
+    continent?: string;
+    continent_code?: string;
+    country?: string;
+    country_code?: string;
+    region?: string;
+    region_code?: string;
+    city?: string;
+    latitude?: number;
+    longitude?: number;
+    is_eu: true;
+    postal?: string;
+    calling_code?: string;
+    capital?: string;
+    borders?: string;
+    flag: {
+        img?: string;
+        emoji?: string;
+        emoji_unicode?: string;
+    };
+    connection: {
+        asn?: number;
+        org?: string;
+        isp?: string;
+        domain?: string;
+    };
+    timezone: {
+        id?: string;
+        abbr?: string;
+        is_dst: false;
+        offset?: number;
+        utc?: string;
+        current_time?: string;
+    };
+}

package/types/components/MazPhoneNumberInput/use-libphonenumber.d.ts

@@ -0,0 +1,32 @@
+import { type CountryCode, type Examples } from 'libphonenumber-js';
+import type { Country, Result } from './types';
+declare function loadPhoneNumberExamplesFile(): Promise<Examples>;
+declare function isSameCountryCallingCode(countryCode: CountryCode, countryCode2: CountryCode): boolean;
+declare function getPhoneNumberExample(countryCode?: CountryCode): string | undefined;
+declare function sanitizePhoneNumber(input?: string): string;
+declare function getCountriesList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
+declare function browserLocale(): {
+    locale?: undefined;
+    browserLocale?: undefined;
+} | {
+    locale: string;
+    browserLocale: string;
+};
+export declare function isCountryAvailable(locale: string): boolean;
+declare function getAsYouTypeFormat(countryCode?: CountryCode, phoneNumber?: string): string | undefined;
+declare function fetchCountryCode(): Promise<string | undefined>;
+export declare function useLibphonenumber(): {
+    fetchCountryCode: typeof fetchCountryCode;
+    getAsYouTypeFormat: typeof getAsYouTypeFormat;
+    getResultsFromPhoneNumber: ({ phoneNumber, countryCode, }: {
+        phoneNumber?: string | undefined;
+        countryCode?: CountryCode | undefined;
+    }) => Result;
+    loadPhoneNumberExamplesFile: typeof loadPhoneNumberExamplesFile;
+    getPhoneNumberExample: typeof getPhoneNumberExample;
+    sanitizePhoneNumber: typeof sanitizePhoneNumber;
+    getCountriesList: typeof getCountriesList;
+    browserLocale: typeof browserLocale;
+    isSameCountryCallingCode: typeof isSameCountryCallingCode;
+};
+export {};

package/types/components/MazPhoneNumberInput.vue.d.ts

@@ -9,23 +9,30 @@ declare const _default: import("vue").DefineComponent<{
         validator: (prop: string) => boolean;
         default: undefined;
     };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    placeholder: {
+    /** @deprecated */
+    defaultPhoneNumber: {
         type: StringConstructor;
         default: undefined;
     };
-    defaultPhoneNumber: {
-        type: StringConstructor;
+    countryCode: {
+        type: PropType<string>;
         default: undefined;
+        validator: (code: string) => boolean;
     };
+    /** @deprecated - use country-code or v-model:country-code */
     defaultCountryCode: {
         type: PropType<string>;
         default: undefined;
         validator: (code: string) => boolean;
     };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
     preferredCountries: {
         type: PropType<CountryCode[]>;
         default: undefined;
@@ -106,33 +113,57 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Record<CountryCode, string>>;
         default: undefined;
     };
+    /**
+     * Disabled auto-format as you type
+     */
+    noFormattingAsYouType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * locale of country list - Ex: "fr-FR"
+     * @default browser locale
+     */
+    countryLocale: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    data: (...args: any[]) => void;
     update: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
     "country-code": (...args: any[]) => void;
+    "update:country-code": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         validator: (prop: string) => boolean;
         default: undefined;
     };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    placeholder: {
+    /** @deprecated */
+    defaultPhoneNumber: {
         type: StringConstructor;
         default: undefined;
     };
-    defaultPhoneNumber: {
-        type: StringConstructor;
+    countryCode: {
+        type: PropType<string>;
         default: undefined;
+        validator: (code: string) => boolean;
     };
+    /** @deprecated - use country-code or v-model:country-code */
     defaultCountryCode: {
         type: PropType<string>;
         default: undefined;
         validator: (code: string) => boolean;
     };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
     preferredCountries: {
         type: PropType<CountryCode[]>;
         default: undefined;
@@ -213,10 +244,27 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Record<CountryCode, string>>;
         default: undefined;
     };
+    /**
+     * Disabled auto-format as you type
+     */
+    noFormattingAsYouType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * locale of country list - Ex: "fr-FR"
+     * @default browser locale
+     */
+    countryLocale: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     onUpdate?: ((...args: any[]) => any) | undefined;
+    onData?: ((...args: any[]) => any) | undefined;
     "onCountry-code"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:country-code"?: ((...args: any[]) => any) | undefined;
 }, {
     size: Size;
     color: Color;
@@ -225,6 +273,7 @@ declare const _default: import("vue").DefineComponent<{
     id: string;
     error: boolean;
     modelValue: string;
+    countryCode: string;
     listPosition: Position;
     defaultPhoneNumber: string;
     defaultCountryCode: string;
@@ -250,5 +299,7 @@ declare const _default: import("vue").DefineComponent<{
     noCountrySelector: boolean;
     showCodeOnList: boolean;
     customCountriesList: Record<CountryCode, string>;
+    noFormattingAsYouType: boolean;
+    countryLocale: string;
 }, {}>;
 export default _default;

package/types/components/MazPicker/utils.d.ts

@@ -12,10 +12,7 @@ export declare function getRangeFormattedDate({ value, locale, options, }: {
     options: Intl.DateTimeFormatOptions;
 }): string | undefined;
 export declare function getFirstDayOfMonth(value: ConfigType): number;
-export declare function getWeekDays(locale: string, offset?: number): {
-    label: string;
-    dayNumber: number;
-}[];
+export declare function getDaysOfWeek(locale: string, firstDayOfWeek: number): string[];
 export declare function getDaysInMonth(date: ConfigType): number;
 export declare function isToday(date: ConfigType): boolean;
 export declare function isSameDate(date: ConfigType, date2: ConfigType, unit: OpUnitType): boolean;

package/types/components/MazSelect.vue.d.ts

@@ -80,6 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     focus: (...args: any[]) => void;
     open: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
+    "selected-option": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<ModelValueSimple>;
@@ -158,6 +159,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    "onSelected-option"?: ((...args: any[]) => any) | undefined;
 }, {
     size: Size;
     color: Color;

package/components/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts

@@ -1,2 +0,0 @@
-import type { CountryCode } from 'libphonenumber-js';
-export declare const countriesNameListByIsoCode: Record<CountryCode, string>;

package/components/MazPhoneNumberInput/utils/index.d.ts

@@ -1,12 +0,0 @@
-import { type CountryCode, type Examples } from 'libphonenumber-js';
-import type { Country, Result } from '../types';
-export declare function getCountryName(code: CountryCode | string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): string | undefined;
-export declare function loadPhoneNumberExamplesFile(): Promise<Examples>;
-export declare function getExamplePhoneNumber(countryCode: CountryCode): import("libphonenumber-js").PhoneNumber | undefined;
-export declare function sanitizePhoneNumber(input?: string): string | undefined;
-export declare function getCountriesList(customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
-export declare function browserLocale(): string | undefined;
-export declare function isCountryAvailable(locale: string): boolean;
-export declare const getResultsFromPhoneNumber: (countryCode?: CountryCode, phoneNumber?: string) => Result;
-export declare function getAsYouTypeFormat(countryCode: CountryCode, phoneNumber?: string): string | undefined;
-export declare function fetchCountryCode(): Promise<string | undefined>;

package/components/chunks/MazBtn-a2eeb3f8.mjs

@@ -1,184 +0,0 @@
-import "../assets/MazBtn.css";
-import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazTabsBar-6f1ed175.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazBtn",
-  props: {
-    variant: {
-      type: String,
-      default: "button",
-      validator: (value) => {
-        return ["button", "link"].includes(value);
-      }
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (value) => {
-        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
-      }
-    },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    type: {
-      type: String,
-      default: "button",
-      validator: (value) => {
-        return ["button", "submit", "reset"].includes(value);
-      }
-    },
-    rounded: { type: Boolean, default: false },
-    noRounded: { type: Boolean, default: false },
-    outline: { type: Boolean, default: false },
-    pastel: { type: Boolean, default: false },
-    block: { type: Boolean, default: false },
-    noUnderline: { type: Boolean, default: false },
-    noLeading: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    fab: { type: Boolean, default: false },
-    icon: { type: String, default: void 0 },
-    leftIcon: { type: String, default: void 0 },
-    rightIcon: { type: String, default: void 0 },
-    noPadding: { type: Boolean, default: false },
-    noElevation: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-7e5fb76c.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-00892ac4.mjs"));
-    const { href, to } = useAttrs();
-    const slots = useSlots();
-    onBeforeMount(() => {
-      if (props.icon && !props.fab) {
-        console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-      }
-    });
-    const component = computed(() => {
-      if (href)
-        return "a";
-      else if (to)
-        return "router-link";
-      return "button";
-    });
-    const btnColorClass = computed(
-      () => props.pastel ? `--${props.color}-pastel` : props.outline ? `--${props.color}-outline` : `--${props.color}`
-    );
-    const isDisabled = computed(
-      () => (props.loading || props.disabled) && component.value === "button"
-    );
-    const cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer");
-    const variantClass = computed(() => `--is-${props.variant}`);
-    const hasLoader = computed(() => props.loading && props.variant === "button");
-    const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
-    const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
-    const hasIcon = computed(() => hasLeftIcon.value || hasRightIcon.value);
-    const hasFabIcon = computed(() => props.fab && props.icon);
-    const btnType = computed(() => component.value === "button" ? props.type : void 0);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(component.value), mergeProps(_ctx.$attrs, {
-        disabled: isDisabled.value,
-        class: ["m-btn", [
-          `--${__props.size}`,
-          btnColorClass.value,
-          cursorClass.value,
-          variantClass.value,
-          {
-            "--block": __props.block,
-            "--no-underline": __props.noUnderline,
-            "--no-leading": __props.noLeading,
-            "--fab": __props.fab,
-            "--loading": __props.loading,
-            "--disabled": isDisabled.value,
-            "--icon": hasIcon.value,
-            "--rounded": __props.rounded,
-            "--no-rounded": __props.noRounded,
-            "--no-padding": __props.noPadding,
-            "--no-elevation": __props.noElevation
-          }
-        ]],
-        type: btnType.value
-      }), {
-        default: withCtx(() => [
-          hasLeftIcon.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "left-icon", {}, () => [
-                __props.leftIcon ? (openBlock(), createBlock(unref(MazIcon), {
-                  key: 0,
-                  name: __props.leftIcon
-                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-              ], true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          hasFabIcon.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: normalizeClass(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "icon", {}, () => [
-                __props.icon ? (openBlock(), createBlock(unref(MazIcon), {
-                  key: 0,
-                  name: __props.icon
-                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-              ], true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass(["maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ],
-            2
-            /* CLASS */
-          ),
-          hasRightIcon.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 2,
-              class: normalizeClass(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
-            },
-            [
-              renderSlot(_ctx.$slots, "right-icon", {}, () => [
-                __props.rightIcon ? (openBlock(), createBlock(unref(MazIcon), {
-                  key: 0,
-                  name: __props.rightIcon
-                }, null, 8, ["name"])) : createCommentVNode("v-if", true)
-              ], true)
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          hasLoader.value ? (openBlock(), createBlock(unref(MazSpinner), {
-            key: 3,
-            size: "2em",
-            color: __props.color,
-            class: "maz-absolute"
-          }, null, 8, ["color"])) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["disabled", "class", "type"]);
-    };
-  }
-});
-const MazBtn_vue_vue_type_style_index_0_scoped_054acd3d_lang = "";
-const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-054acd3d"]]);
-export {
-  MazBtn as default
-};