maz-ui 3.40.2 → 3.40.3

package/modules/chunks/{index-BRqo10xg.mjs → index-CU4cxgKq.mjs}

@@ -886,7 +886,7 @@ const zs = {
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = e, n = T(() => import("./MazSpinner-DCWCHgly.mjs")), i = T(() => import("./x-mark-BP8zWe_C.mjs")), o = T(() => import("./chevron-left-CcZaP3Rc.mjs")), r = s, c = v(!1), m = v(!1), y = v(!1), z = v(!1), b = v(!1), f = v(r.clickedElement), k = g(() => r.clickedElement.getBoundingClientRect()), U = g(
+    const t = e, n = T(() => import("./MazSpinner-BeST_Oa5.mjs")), i = T(() => import("./x-mark-BP8zWe_C.mjs")), o = T(() => import("./chevron-left-CcZaP3Rc.mjs")), r = s, c = v(!1), m = v(!1), y = v(!1), z = v(!1), b = v(!1), f = v(r.clickedElement), k = g(() => r.clickedElement.getBoundingClientRect()), U = g(
       () => k.value.height < k.value.width
     ), $ = v(r.src), H = v(r.alt), K = v(), I = v(), W = g(() => b.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
     function j() {
@@ -1300,7 +1300,7 @@ const Wt = { class: "m-toast__message-wrapper" }, jt = { class: "m-toast__messag
   },
   emits: ["close", "click", "open"],
   setup(s, { expose: e, emit: t }) {
-    const n = T(() => import("./MazBtn-D7GTVnKj.mjs")), i = T(() => import("./x-mark-BP8zWe_C.mjs")), o = T(
+    const n = T(() => import("./MazBtn-kEp7hZt8.mjs")), i = T(() => import("./x-mark-BP8zWe_C.mjs")), o = T(
       () => import("./arrow-top-right-on-square-CkcBq4qD.mjs")
     ), r = T(
       () => import("./exclamation-triangle-BfZLmRbP.mjs")

package/modules/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-Cl2Z9oxB.cjs");exports.AosHandler=e.AosHandler;exports.IdleTimeout=e.IdleTimeout;exports.ScriptLoader=e.ScriptLoader;exports.Swipe=e.Swipe;exports.ToasterHandler=e.ToasterHandler;exports.UserVisibility=e.UserVisibility;exports.WaitHandler=e.WaitHandler;Object.defineProperty(exports,"aosInstance",{enumerable:!0,get:()=>e.instance$1});exports.capitalize=e.capitalize;exports.countryCodeToUnicodeFlag=e.countryCodeToUnicodeFlag;exports.currency=e.currency;exports.date=e.date;exports.debounce=e.debounce;exports.injectStrict=e.injectStrict;exports.installAos=e.plugin$7;exports.installDirectives=e.plugin;exports.installFilters=e.installFilters;exports.installToaster=e.installToaster;exports.installWait=e.plugin$6;exports.isClient=e.isClient;exports.mount=e.mount;exports.number=e.number;exports.sleep=e.sleep;exports.throttle=e.throttle;Object.defineProperty(exports,"toastInstance",{enumerable:!0,get:()=>e.toastInstance});exports.truthyFilter=e.truthyFilter;exports.useAos=e.useAos;exports.useBreakpoints=e.useBreakpoints;exports.useIdleTimeout=e.useIdleTimeout;exports.useInstanceUniqId=e.useInstanceUniqId;exports.useReadingTime=e.useReadingTime;exports.useStringMatching=e.useStringMatching;exports.useSwipe=e.useSwipe;exports.useThemeHandler=e.useThemeHandler;exports.useTimer=e.useTimer;exports.useToast=e.useToast;exports.useUserVisibility=e.useUserVisibility;exports.useWait=e.useWait;exports.useWindowSize=e.useWindowSize;exports.vClickOutside=e.directive;exports.vClickOutsideInstall=e.plugin$1;exports.vClosable=e.directive$3;exports.vClosableInstall=e.plugin$5;exports.vFullscreenImg=e.directive$2;exports.vFullscreenImgInstall=e.plugin$4;exports.vLazyImg=e.directive$1;exports.vLazyImgInstall=e.plugin$2;exports.vZoomImg=e.vZoomImg;exports.vZoomImgInstall=e.plugin$3;exports.waitInstance=e.instance;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-C5Co4FGk.cjs");exports.AosHandler=e.AosHandler;exports.IdleTimeout=e.IdleTimeout;exports.ScriptLoader=e.ScriptLoader;exports.Swipe=e.Swipe;exports.ToasterHandler=e.ToasterHandler;exports.UserVisibility=e.UserVisibility;exports.WaitHandler=e.WaitHandler;Object.defineProperty(exports,"aosInstance",{enumerable:!0,get:()=>e.instance$1});exports.capitalize=e.capitalize;exports.countryCodeToUnicodeFlag=e.countryCodeToUnicodeFlag;exports.currency=e.currency;exports.date=e.date;exports.debounce=e.debounce;exports.injectStrict=e.injectStrict;exports.installAos=e.plugin$7;exports.installDirectives=e.plugin;exports.installFilters=e.installFilters;exports.installToaster=e.installToaster;exports.installWait=e.plugin$6;exports.isClient=e.isClient;exports.mount=e.mount;exports.number=e.number;exports.sleep=e.sleep;exports.throttle=e.throttle;Object.defineProperty(exports,"toastInstance",{enumerable:!0,get:()=>e.toastInstance});exports.truthyFilter=e.truthyFilter;exports.useAos=e.useAos;exports.useBreakpoints=e.useBreakpoints;exports.useIdleTimeout=e.useIdleTimeout;exports.useInstanceUniqId=e.useInstanceUniqId;exports.useReadingTime=e.useReadingTime;exports.useStringMatching=e.useStringMatching;exports.useSwipe=e.useSwipe;exports.useThemeHandler=e.useThemeHandler;exports.useTimer=e.useTimer;exports.useToast=e.useToast;exports.useUserVisibility=e.useUserVisibility;exports.useWait=e.useWait;exports.useWindowSize=e.useWindowSize;exports.vClickOutside=e.directive;exports.vClickOutsideInstall=e.plugin$1;exports.vClosable=e.directive$3;exports.vClosableInstall=e.plugin$5;exports.vFullscreenImg=e.directive$2;exports.vFullscreenImgInstall=e.plugin$4;exports.vLazyImg=e.directive$1;exports.vLazyImgInstall=e.plugin$2;exports.vZoomImg=e.vZoomImg;exports.vZoomImgInstall=e.plugin$3;exports.waitInstance=e.instance;

package/modules/index.mjs

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

package/nuxt/index.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.40.2",
+  "version": "3.40.3",
   "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/MazBtn.vue.d.ts

@@ -109,7 +109,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     leftIcon: undefined;
     rightIcon: undefined;
     contentClass: undefined;
-    roundedSize: undefined;
+    roundedSize: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     variant: string;
     size: string;
@@ -119,7 +119,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     leftIcon: undefined;
     rightIcon: undefined;
     contentClass: undefined;
-    roundedSize: undefined;
+    roundedSize: string;
 }>>>, {
     size: Size;
     type: "button" | "reset" | "submit";

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

@@ -25,7 +25,7 @@ export type Props = {
     elevation?: boolean;
     /** Set radius to card */
     radius?: boolean;
-    /** Set border to card */
+    /** Set border to card (in dark mode, the card is always bordered) */
     bordered?: boolean;
     /** Number of images shown in the gallery */
     imagesShowCount?: number;
@@ -39,8 +39,14 @@ export type Props = {
     noPadding?: boolean;
     /** Hide overflow */
     overflowHidden?: boolean;
-    /** Card can be open and close */
+    /**
+     * @deprecated Use `collapsible` instead
+     */
     collapsable?: boolean;
+    /**
+     * Card can be open and close
+     */
+    collapsible?: boolean;
     /** Card is open by default if `true` */
     collapseOpen?: boolean;
     /** Title of the card in header */

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

@@ -1,20 +1,59 @@
+import { type HTMLAttributes, type StyleValue } from 'vue';
 import type { Color } from './types';
 export type { Color };
 export type Props = {
-    /** The color of the component. */
+    /**
+     * The color of the component.
+     * @default primary
+     */
     color?: Color;
-    /** Remove the elevation of the component. */
+    /**
+     * Remove the elevation of the component
+     * @default false
+     */
     noElevation?: boolean;
+    /**
+     * Add padding to the content
+     * @default true
+     */
+    padding?: boolean;
+    /**
+     * The classes to apply to the content div
+     */
+    contentClass?: HTMLAttributes['class'];
+    /**
+     * Style apply to the content div
+     */
+    contentStyle?: StyleValue;
+    /**
+     * The opacity of the inner div - should be between 0 and 1
+     * When 0 the spotlight is completely visible
+     * When 1 the spotlight is only visible on borders
+     * @default 0.95
+     */
+    innerOpacity?: number;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     noElevation: boolean;
     color: string;
+    padding: boolean;
+    contentClass: string;
+    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;
+    contentStyle: undefined;
+    innerOpacity: number;
 }>>>, {
     color: Color;
     noElevation: boolean;
+    contentClass: any;
+    padding: boolean;
+    contentStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    innerOpacity: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/components/chunks/MazBtn-DWZMLLYY.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 "./MazDialogPromise-CJsnYYpX.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: void 0 },
-    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-B_yl5MqC.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}`
-    ), b = l(
-      () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), m = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => m.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: b.value,
-      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": b.value,
-          "--icon": M.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: D(() => [
-        m.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-b67e7c92"]]);
-export {
-  V as default
-};

package/components/chunks/MazBtn-DgWU7Vzx.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 "./MazCarousel-iKzlrVVy.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: void 0 },
-    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-v_h1kbbd.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}`
-    ), b = l(
-      () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), m = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => m.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: b.value,
-      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": b.value,
-          "--icon": M.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: D(() => [
-        m.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-b67e7c92"]]);
-export {
-  V as default
-};

package/components/chunks/MazBtn-Dp7XmWvD.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 "./MazPhoneNumberInput-DGf04XP4.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: void 0 },
-    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-CPFxMAVg.mjs")), f = h(() => import("./MazIcon-DgT8iWEh.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}`
-    ), b = l(
-      () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), m = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => m.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: b.value,
-      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": b.value,
-          "--icon": M.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: D(() => [
-        m.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-b67e7c92"]]);
-export {
-  V as default
-};