maz-ui 3.46.1-beta.4 → 3.46.1-beta.5

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

@@ -26,7 +26,17 @@ export type Row = Record<string, any> & {
     classes?: HTMLAttributes['class'];
 };
 export type Header = string | HeadersEnriched;
-export interface Props {
+export interface Translations {
+    searchByAllLabel?: string;
+    searchByPlaceholder?: string;
+    searchPlaceholder?: string;
+    paginationAllLabel?: string;
+    noResults?: string;
+    actionHeader?: string;
+    paginationRowsPerPage?: string;
+    paginationOf?: string;
+}
+export interface MazTableProps {
     /** class of the table element */
     tableClass?: HTMLAttributes['class'];
     /** style of the table element */
@@ -36,8 +46,14 @@ export interface Props {
     /**
      * size of the table
      * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
+     * @default `'md'`
      */
     size?: Size;
+    /**
+     * Size of the search inputs
+     * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
+     */
+    searchInputSize?: Size;
     /** title of the table */
     title?: string;
     /** headers of the table */
@@ -106,6 +122,18 @@ export interface Props {
     tableLayout?: 'auto' | 'fixed';
     /** color of the loading bar */
     color?: Color;
+    /**
+     * translations
+     * @default `{ searchByAllLabel: 'All', searchByPlaceholder: 'Search by', searchPlaceholder: 'Search', paginationAllLabel: 'All', noResults: 'No results' }`
+     * @type {Translations}
+     */
+    translations?: Translations;
+    /**
+     * Size of the rounded
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     * @default 'lg'
+     */
+    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 }
 export interface MazTableProvide {
     size: Ref<Size>;
@@ -148,12 +176,12 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<MazTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: (string | number | boolean | Row)[] | undefined) => any;
     "update:search-query": (searchQuery: string | undefined) => any;
     "update:page": (page: number) => any;
     "update:page-size": (pageSize: number) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<MazTableProps> & Readonly<{
     "onUpdate:model-value"?: ((value: (string | number | boolean | Row)[] | undefined) => any) | undefined;
     "onUpdate:search-query"?: ((searchQuery: string | undefined) => any) | undefined;
     "onUpdate:page"?: ((page: number) => any) | undefined;
@@ -163,6 +191,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     title: string;
     size: Size;
     color: Color;
+    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
     modelValue: (string | boolean | number)[];
     page: number;
     totalPages: number;

package/components/chunks/MazBtn-B2A4nNWi.mjs

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

package/components/chunks/MazBtn-BTxqbijR.mjs

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

package/components/chunks/MazBtn-BYAmxCNV.mjs

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

package/components/chunks/MazBtn-BkBaNYfi.mjs

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