maz-ui 3.40.3 → 3.41.0

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.40.3"
+  "version": "3.41.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.40.3",
+  "version": "3.41.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",

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

@@ -0,0 +1,75 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The number to animate
+     */
+    count: number;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    duration: number;
+    prefix: undefined;
+    suffix: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The number to animate
+     */
+    count: number;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    duration: number;
+    prefix: undefined;
+    suffix: undefined;
+}>>>, {
+    duration: number;
+    prefix: string;
+    suffix: string;
+}, {}>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -37,14 +37,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noElevation: boolean;
     color: string;
     padding: boolean;
-    contentClass: string;
+    contentClass: undefined;
     contentStyle: undefined;
     innerOpacity: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     noElevation: boolean;
     color: string;
     padding: boolean;
-    contentClass: string;
+    contentClass: undefined;
     contentStyle: undefined;
     innerOpacity: number;
 }>>>, {

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

@@ -0,0 +1,114 @@
+import { type Color } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The percentage value of the progress bar
+     */
+    percentage: number;
+    /**
+     * The size of the progress bar
+     * @default '10em'
+     */
+    size?: string | undefined;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * The color of the progress bar
+     */
+    color?: Color | undefined;
+    /**
+     * Auto color based on the count (danger, warning, success)
+     * @default false
+     */
+    autoColor?: boolean | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    percentage: number;
+    size: string;
+    duration: number;
+    color: undefined;
+    prefix: undefined;
+    suffix: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * The percentage value of the progress bar
+     */
+    percentage: number;
+    /**
+     * The size of the progress bar
+     * @default '10em'
+     */
+    size?: string | undefined;
+    /**
+     * Duration of the animation in milliseconds
+     * @default 1000
+     */
+    duration?: number | undefined;
+    /**
+     * The color of the progress bar
+     */
+    color?: Color | undefined;
+    /**
+     * Auto color based on the count (danger, warning, success)
+     * @default false
+     */
+    autoColor?: boolean | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    prefix?: string | undefined;
+    /**
+     * Suffix to display next to the number
+     */
+    suffix?: string | undefined;
+}>, {
+    percentage: number;
+    size: string;
+    duration: number;
+    color: undefined;
+    prefix: undefined;
+    suffix: undefined;
+}>>>, {
+    size: string;
+    color: Color;
+    duration: number;
+    prefix: string;
+    suffix: string;
+    percentage: number;
+}, {}>, {
+    default?(_: {}): any;
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as MazAccordion } from './MazAccordion.vue';
+export { default as MazAnimatedCounter } from './MazAnimatedCounter.vue';
 export { default as MazAvatar } from './MazAvatar.vue';
 export { default as MazBackdrop } from './MazBackdrop.vue';
 export { default as MazBadge } from './MazBadge.vue';
@@ -9,6 +10,7 @@ export { default as MazCardSpotlight } from './MazCardSpotlight.vue';
 export { default as MazCarousel } from './MazCarousel.vue';
 export { default as MazChart } from './MazChart.vue';
 export { default as MazCheckbox } from './MazCheckbox.vue';
+export { default as MazCircularProgressBar } from './MazCircularProgressBar.vue';
 export { default as MazDialog } from './MazDialog.vue';
 export { default as MazDialogPromise } from './MazDialogPromise.vue';
 export { default as MazDrawer } from './MazDrawer.vue';

package/components/chunks/MazBtn-DAvgjToE.mjs

@@ -1,151 +0,0 @@
-import '../assets/MazBtn.css';
-import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as L } from "./MazPicker-BVsSfMXU.mjs";
-const P = /* @__PURE__ */ E({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(g) {
-    const k = h(() => import("./MazSpinner-CTOH4qIV.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: z, to: B } = R(), p = w(), e = g;
-    A(() => {
-      e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
-      () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
-    ), m = l(
-      () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
-    return (o, U) => (n(), a(r(v.value), {
-      disabled: m.value || void 0,
-      class: s(["m-btn", [
-        `--${o.size}`,
-        `--rounded-${o.roundedSize}`,
-        I.value,
-        C.value,
-        $.value,
-        {
-          "--block": o.block,
-          "--no-underline": o.noUnderline,
-          "--fab": o.fab,
-          "--loading": o.loading,
-          "--disabled": m.value,
-          "--icon": M.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: D(() => [
-        b.value ? (n(), u(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            d(o.$slots, "left-icon", {}, () => [
-              typeof o.leftIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.leftIcon
-              }, null, 8, ["name"])) : o.leftIcon ? (n(), a(r(o.leftIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        S.value ? (n(), u(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot icon - The icon to display on the fab button
-      `),
-            d(o.$slots, "icon", {}, () => [
-              typeof o.icon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.icon
-              }, null, 8, ["name"])) : o.icon ? (n(), a(r(o.icon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        o.$slots.default ? (n(), u(
-          "span",
-          {
-            key: 2,
-            class: s([{ "maz-invisible": i.value }, o.contentClass])
-          },
-          [
-            t(`
-        @slot default - The content of the button
-      `),
-            d(o.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        y.value ? (n(), u(
-          "div",
-          {
-            key: 3,
-            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            d(o.$slots, "right-icon", {}, () => [
-              typeof o.rightIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.rightIcon
-              }, null, 8, ["name"])) : o.rightIcon ? (n(), a(r(o.rightIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        i.value ? (n(), a(c(k), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: o.color
-        }, null, 8, ["color"])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-f89548fd"]]);
-export {
-  V as default
-};

package/components/chunks/MazBtn-DfXeBnFe.mjs

@@ -1,151 +0,0 @@
-import '../assets/MazBtn.css';
-import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as L } from "./MazSelect-v2Qz7qp9.mjs";
-const P = /* @__PURE__ */ E({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(g) {
-    const k = h(() => import("./MazSpinner-ISxUR3Y1.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: z, to: B } = R(), p = w(), e = g;
-    A(() => {
-      e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
-      () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
-    ), m = l(
-      () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
-    return (o, U) => (n(), a(r(v.value), {
-      disabled: m.value || void 0,
-      class: s(["m-btn", [
-        `--${o.size}`,
-        `--rounded-${o.roundedSize}`,
-        I.value,
-        C.value,
-        $.value,
-        {
-          "--block": o.block,
-          "--no-underline": o.noUnderline,
-          "--fab": o.fab,
-          "--loading": o.loading,
-          "--disabled": m.value,
-          "--icon": M.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: D(() => [
-        b.value ? (n(), u(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            d(o.$slots, "left-icon", {}, () => [
-              typeof o.leftIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.leftIcon
-              }, null, 8, ["name"])) : o.leftIcon ? (n(), a(r(o.leftIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        S.value ? (n(), u(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot icon - The icon to display on the fab button
-      `),
-            d(o.$slots, "icon", {}, () => [
-              typeof o.icon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.icon
-              }, null, 8, ["name"])) : o.icon ? (n(), a(r(o.icon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        o.$slots.default ? (n(), u(
-          "span",
-          {
-            key: 2,
-            class: s([{ "maz-invisible": i.value }, o.contentClass])
-          },
-          [
-            t(`
-        @slot default - The content of the button
-      `),
-            d(o.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        y.value ? (n(), u(
-          "div",
-          {
-            key: 3,
-            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            d(o.$slots, "right-icon", {}, () => [
-              typeof o.rightIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.rightIcon
-              }, null, 8, ["name"])) : o.rightIcon ? (n(), a(r(o.rightIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        i.value ? (n(), a(c(k), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: o.color
-        }, null, 8, ["color"])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-f89548fd"]]);
-export {
-  V as default
-};

package/components/chunks/MazBtn-Dyw1WZgU.mjs

@@ -1,151 +0,0 @@
-import '../assets/MazBtn.css';
-import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as L } from "./MazInput-CuNNbyX5.mjs";
-const P = /* @__PURE__ */ E({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(g) {
-    const k = h(() => import("./MazSpinner-afth4SV3.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: z, to: B } = R(), p = w(), e = g;
-    A(() => {
-      e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
-      () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
-    ), m = l(
-      () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
-    return (o, U) => (n(), a(r(v.value), {
-      disabled: m.value || void 0,
-      class: s(["m-btn", [
-        `--${o.size}`,
-        `--rounded-${o.roundedSize}`,
-        I.value,
-        C.value,
-        $.value,
-        {
-          "--block": o.block,
-          "--no-underline": o.noUnderline,
-          "--fab": o.fab,
-          "--loading": o.loading,
-          "--disabled": m.value,
-          "--icon": M.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: D(() => [
-        b.value ? (n(), u(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            d(o.$slots, "left-icon", {}, () => [
-              typeof o.leftIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.leftIcon
-              }, null, 8, ["name"])) : o.leftIcon ? (n(), a(r(o.leftIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        S.value ? (n(), u(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot icon - The icon to display on the fab button
-      `),
-            d(o.$slots, "icon", {}, () => [
-              typeof o.icon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.icon
-              }, null, 8, ["name"])) : o.icon ? (n(), a(r(o.icon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        o.$slots.default ? (n(), u(
-          "span",
-          {
-            key: 2,
-            class: s([{ "maz-invisible": i.value }, o.contentClass])
-          },
-          [
-            t(`
-        @slot default - The content of the button
-      `),
-            d(o.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        y.value ? (n(), u(
-          "div",
-          {
-            key: 3,
-            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            d(o.$slots, "right-icon", {}, () => [
-              typeof o.rightIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.rightIcon
-              }, null, 8, ["name"])) : o.rightIcon ? (n(), a(r(o.rightIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        i.value ? (n(), a(c(k), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: o.color
-        }, null, 8, ["color"])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-f89548fd"]]);
-export {
-  V as default
-};