maz-ui 3.23.4 → 3.24.0

package/modules/chunks/information-circle-9fe4430a.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},n=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"},null,-1),r=[n];function t(l,c){return e.openBlock(),e.createElementBlock("svg",o,[...r])}const i={render:t};exports.default=i;exports.render=t;

package/modules/chunks/information-circle-b8051b19.mjs

@@ -0,0 +1,30 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, r = /* @__PURE__ */ t(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), i = [
+  r
+];
+function l(c, s) {
+  return e(), o("svg", n, [...i]);
+}
+const a = { render: l };
+export {
+  a as default,
+  l as render
+};

package/modules/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-794680d2.cjs");exports.AosHandler=e.AosHandler;exports.IdleTimeout=e.IdleTimeout;exports.ScriptLoader=e.ScriptLoader;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$5;exports.installDirectives=e.installDirectives;exports.installFilters=e.installFilters;exports.installToaster=e.installToaster;exports.installWait=e.plugin$4;exports.isClient=e.isClient;exports.mount=e.mount;exports.number=e.number;exports.sleep=e.sleep;Object.defineProperty(exports,"toastInstance",{enumerable:!0,get:()=>e.toastInstance});exports.truthyFilter=e.truthyFilter;exports.useAos=e.useAos;exports.useIdleTimeout=e.useIdleTimeout;exports.useInstanceUniqId=e.useInstanceUniqId;exports.useMazDialogPromise=e.useMazDialogPromise;exports.useThemeHandler=e.useThemeHandler;exports.useToast=e.useToast;exports.useUserVisibility=e.useUserVisibility;exports.useWait=e.useWait;exports.vClickOutside=e.directive;exports.vClickOutsideInstall=e.plugin;exports.vClosable=e.directive$1;exports.vClosableInstall=e.plugin$3;exports.vFullscreenImg=e.vFullscreenImg;exports.vFullscreenImgInstall=e.vFullscreenImgInstall;exports.vLazyImg=e.vLazyImg;exports.vLazyImgInstall=e.plugin$1;exports.vZoomImg=e.vZoomImg;exports.vZoomImgInstall=e.plugin$2;exports.waitInstance=e.instance;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-4ffeaf8e.cjs");exports.AosHandler=e.AosHandler;exports.IdleTimeout=e.IdleTimeout;exports.ScriptLoader=e.ScriptLoader;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$5;exports.installDirectives=e.installDirectives;exports.installFilters=e.installFilters;exports.installToaster=e.installToaster;exports.installWait=e.plugin$4;exports.isClient=e.isClient;exports.mount=e.mount;exports.number=e.number;exports.sleep=e.sleep;Object.defineProperty(exports,"toastInstance",{enumerable:!0,get:()=>e.toastInstance});exports.truthyFilter=e.truthyFilter;exports.useAos=e.useAos;exports.useIdleTimeout=e.useIdleTimeout;exports.useInstanceUniqId=e.useInstanceUniqId;exports.useMazDialogPromise=e.useMazDialogPromise;exports.useThemeHandler=e.useThemeHandler;exports.useTimer=e.useTimer;exports.useToast=e.useToast;exports.useUserVisibility=e.useUserVisibility;exports.useWait=e.useWait;exports.vClickOutside=e.directive;exports.vClickOutsideInstall=e.plugin;exports.vClosable=e.directive$1;exports.vClosableInstall=e.plugin$3;exports.vFullscreenImg=e.vFullscreenImg;exports.vFullscreenImgInstall=e.vFullscreenImgInstall;exports.vLazyImg=e.vLazyImg;exports.vLazyImgInstall=e.plugin$1;exports.vZoomImg=e.vZoomImg;exports.vZoomImgInstall=e.plugin$2;exports.waitInstance=e.instance;

package/modules/index.mjs

@@ -1,4 +1,4 @@
-import { B as e, I as l, S as t, T as i, U as n, W as o, D as r, q as u, c, r as I, u as m, d, i as v, C as g, b as y, o as T, x as b, z as C, a as F, m as p, w as z, s as H, y as U, t as A, G as L, K as W, F as h, M as k, E as D, J as S, L as f, H as j, e as q, p as w, l as x, n as M, j as O, k as V, v as Z, f as B, g as E, h as G, A as J } from "./chunks/index-6a90ef88.mjs";
+import { B as e, I as l, S as t, T as i, U as n, W as o, D as r, q as u, c, r as I, u as m, d, i as v, C as g, b as T, o as y, x as b, z as C, a as F, m as p, w as z, s as H, y as U, t as A, G as L, K as W, F as h, M as k, E as D, N as S, J as f, L as j, H as q, e as w, p as x, l as M, n as O, j as V, k as Z, v as B, f as E, g as G, h as J, A as K } from "./chunks/index-67003347.mjs";
 export {
   e as AosHandler,
   l as IdleTimeout,
@@ -14,8 +14,8 @@ export {
   d as debounce,
   v as injectStrict,
   g as installAos,
-  y as installDirectives,
-  T as installFilters,
+  T as installDirectives,
+  y as installFilters,
   b as installToaster,
   C as installWait,
   F as isClient,
@@ -29,18 +29,19 @@ export {
   h as useInstanceUniqId,
   k as useMazDialogPromise,
   D as useThemeHandler,
-  S as useToast,
-  f as useUserVisibility,
-  j as useWait,
-  q as vClickOutside,
-  w as vClickOutsideInstall,
-  x as vClosable,
-  M as vClosableInstall,
-  O as vFullscreenImg,
-  V as vFullscreenImgInstall,
-  Z as vLazyImg,
-  B as vLazyImgInstall,
-  E as vZoomImg,
-  G as vZoomImgInstall,
-  J as waitInstance
+  S as useTimer,
+  f as useToast,
+  j as useUserVisibility,
+  q as useWait,
+  w as vClickOutside,
+  x as vClickOutsideInstall,
+  M as vClosable,
+  O as vClosableInstall,
+  V as vFullscreenImg,
+  Z as vFullscreenImgInstall,
+  B as vLazyImg,
+  E as vLazyImgInstall,
+  G as vZoomImg,
+  J as vZoomImgInstall,
+  K as waitInstance
 };

package/nuxt/index.d.mts

@@ -48,6 +48,11 @@ interface MazUiNuxtOptions {
      * @default false
      */
     injectUseUserVisibility?: boolean;
+    /**
+     * Enable auto-import of useTimer composable
+     * @default false
+     */
+    injectUseTimer?: boolean;
     /**
      * Globally install of v-zoom-img directive
      * @default false

package/nuxt/index.d.ts

@@ -48,6 +48,11 @@ interface MazUiNuxtOptions {
      * @default false
      */
     injectUseUserVisibility?: boolean;
+    /**
+     * Enable auto-import of useTimer composable
+     * @default false
+     */
+    injectUseTimer?: boolean;
     /**
      * Globally install of v-zoom-img directive
      * @default false

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.23.4"
+  "version": "3.24.0"
 }

package/nuxt/index.mjs

@@ -177,6 +177,20 @@ const module = defineNuxtModule({
         as: "useUserVisibility"
       });
     }
+    if (moduleOptions.injectUseUserVisibility) {
+      addImports({
+        from: "maz-ui",
+        name: "useUserVisibility",
+        as: "useUserVisibility"
+      });
+    }
+    if (moduleOptions.injectUseTimer) {
+      addImports({
+        from: "maz-ui",
+        name: "useTimer",
+        as: "useTimer"
+      });
+    }
     if (moduleOptions.defaultMazIconPath) {
       addPlugin(resolve(_dirname, "./runtime/plugins/maz-icon-path"));
     }

package/nuxt/runtime/plugins/maz-icon-path.mjs

@@ -1,6 +1,7 @@
 import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin(({ $config }) => {
+export default defineNuxtPlugin(({ $config, vueApp }) => {
   const defaultMazIconPath = $config.public.mazUi?.defaultMazIconPath;
+  vueApp.provide("mazIconPath", defaultMazIconPath);
   return {
     provide: {
       mazIconPath: defaultMazIconPath

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.23.4",
+  "version": "3.24.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",
@@ -110,8 +110,8 @@
     "@nuxt/kit": "^3.8.1",
     "@nuxt/schema": "^3.8.1",
     "@types/dropzone": "^5.7.7",
-    "@types/google.maps": "^3.54.7",
-    "@vitejs/plugin-vue": "^4.4.1",
+    "@types/google.maps": "^3.54.8",
+    "@vitejs/plugin-vue": "^4.5.0",
     "@vitest/coverage-v8": "^0.34.6",
     "@vue/compiler-sfc": "^3.3.8",
     "@vue/eslint-config-prettier": "^8.0.0",
@@ -157,7 +157,7 @@
     "vite": "^4.5.0",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-lib-inject-css": "^1.3.0",
-    "vite-plugin-static-copy": "^0.17.0",
+    "vite-plugin-static-copy": "^0.17.1",
     "vite-svg-loader": "^4.0.0",
     "vitest": "^0.34.6",
     "vitest-canvas-mock": "^0.3.3",

package/tailwindcss/tailwind.config.ts

@@ -14,7 +14,6 @@ export default {
   content: [],
   theme: {
     extend: {
-      // backgroundColor: ['even', 'odd'],
       fontFamily: {
         base: 'var(--maz-font-family)',
       },

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

@@ -3,7 +3,7 @@ import type { Color, Size } from './types';
 export type { Color, Size };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     variant: {
-        type: StringConstructor;
+        type: PropType<"button" | "link">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -83,7 +83,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: StringConstructor;
+        type: PropType<"button" | "link">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -166,7 +166,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: Color;
     type: "button" | "submit" | "reset";
     disabled: boolean;
-    variant: string;
+    variant: "button" | "link";
     rounded: boolean;
     noRounded: boolean;
     outline: boolean;

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

@@ -2,16 +2,16 @@ import { type PropType } from 'vue';
 import { type Color, type Size } from './types';
 import { type DialogData } from './../modules/composables/use-maz-dialog-promise';
 export type DialogButton = {
-    response?: string | boolean;
+    text: string;
     type: 'resolve' | 'reject';
+    block?: boolean;
     color?: Color;
-    size?: Size;
-    text: string;
-    outline?: boolean;
-    rounded?: boolean;
     disabled?: boolean;
     loading?: boolean;
-    block?: boolean;
+    outline?: boolean;
+    response?: string | boolean;
+    rounded?: boolean;
+    size?: Size;
 };
 export { useMazDialogPromise, type DialogState, type DialogData, } from './../modules/composables/use-maz-dialog-promise';
 export type { Color, Size } from './types';

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

@@ -27,6 +27,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noCloseOnClick?: boolean | undefined;
     /** Disable menu */
     disabled?: boolean | undefined;
+    /** Remove chevron icon in main button */
+    noChevron?: boolean | undefined;
 }>, {
     id: string;
     trigger: string;
@@ -52,6 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noCloseOnClick?: boolean | undefined;
     /** Disable menu */
     disabled?: boolean | undefined;
+    /** Remove chevron icon in main button */
+    noChevron?: boolean | undefined;
 }>, {
     id: string;
     trigger: string;

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

@@ -1,5 +1,6 @@
 import { type PropType } from 'vue';
 import type { Color, Size } from './types';
+export type { Color, Size };
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<string[] | number[]>;

package/types/modules/composables/index.d.ts

@@ -6,3 +6,4 @@ export * from './use-toast';
 export * from './use-idle-timeout';
 export * from './use-user-visibilty';
 export * from './use-maz-dialog-promise';
+export * from './use-timer';

package/types/modules/composables/use-timer.d.ts

@@ -0,0 +1,12 @@
+export interface TimerOptions {
+    timeout: number;
+    callback?: () => unknown;
+    remainingTimeUpdate?: number;
+}
+export declare const useTimer: ({ timeout, callback, remainingTimeUpdate }: TimerOptions) => {
+    remainingTime: import("vue").Ref<number>;
+    start: () => void;
+    pause: () => void;
+    resume: () => void;
+    stop: () => void;
+};

package/types/modules/plugins/aos/index.d.ts

@@ -1,33 +1,33 @@
 import type { App } from 'vue';
 import type { Router } from 'vue-router';
 export type AosOptions = {
-    router?: Router;
-    delay?: number;
-    observer?: IntersectionObserverInit;
     animation?: {
-        once?: boolean;
-        duration?: number;
         delay?: number;
+        duration?: number;
+        once?: boolean;
     };
+    delay?: number;
+    observer?: IntersectionObserverInit;
+    router?: Router;
 };
 interface ClassOptions extends Omit<AosOptions, 'router'> {
+    animation: {
+        delay: number;
+        duration: number;
+        once: boolean;
+    };
     delay: number;
     observer: IntersectionObserverInit & {
-        threshold: number | number[];
         rootMargin: string;
-    };
-    animation: {
-        once: boolean;
-        duration: number;
-        delay: number;
+        threshold: number | number[];
     };
 }
 export declare class AosHandler {
     options: ClassOptions;
     constructor(options?: Omit<AosOptions, 'router'>);
+    private handleIntersect;
     private handleObserver;
     runAnimations(): Promise<void> | undefined;
-    private handleIntersect;
 }
 export declare let instance: AosHandler;
 export declare const plugin: {

package/types/modules/plugins/toaster/MazToast.vue.d.ts

@@ -22,9 +22,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"info" | "success" | "warning" | "danger" | undefined>;
+        type: PropType<"info" | "success" | "warning" | "danger" | "theme">;
         default: string;
-        validator: (value: string) => boolean;
     };
     message: {
         type: StringConstructor;
@@ -45,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     click: (...args: any[]) => void;
+    open: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
         type: PropType<ToasterPosition>;
@@ -67,9 +67,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"info" | "success" | "warning" | "danger" | undefined>;
+        type: PropType<"info" | "success" | "warning" | "danger" | "theme">;
         default: string;
-        validator: (value: string) => boolean;
     };
     message: {
         type: StringConstructor;
@@ -90,11 +89,12 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "info" | "success" | "warning" | "danger" | undefined;
+    type: "info" | "success" | "warning" | "danger" | "theme";
     link: ToasterLink;
-    position: ToasterPosition;
     timeout: number;
+    position: ToasterPosition;
     persistent: boolean;
     action: ToasterAction;
     maxToasts: number | boolean;

package/types/modules/plugins/toaster/toaster-handler.d.ts

@@ -1,7 +1,7 @@
 import type { App } from 'vue';
 import type { ToasterOptions } from './types';
 export interface LocalToasterOptions extends ToasterOptions {
-    type?: 'success' | 'info' | 'warning' | 'danger';
+    type: 'success' | 'info' | 'warning' | 'danger' | 'theme';
 }
 export declare class ToasterHandler {
     private readonly app;
@@ -9,6 +9,7 @@ export declare class ToasterHandler {
     constructor(app: App, globalOptions?: ToasterOptions | undefined);
     private show;
     private getLocalOptions;
+    message(message: string, options?: ToasterOptions): void;
     success(message: string, options?: ToasterOptions): void;
     error(message: string, options?: ToasterOptions): void;
     info(message: string, options?: ToasterOptions): void;

package/components/chunks/MazBtn-571454f6.mjs

@@ -1,153 +0,0 @@
-import "../assets/MazBtn.css";
-import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
-import { _ as N } from "./MazInputPrice-cd348d46.mjs";
-const U = /* @__PURE__ */ M({
-  __name: "MazBtn",
-  props: {
-    variant: {
-      type: String,
-      default: "button",
-      validator: (e) => ["button", "link"].includes(e)
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
-    },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    type: {
-      type: String,
-      default: "button",
-      validator: (e) => ["button", "submit", "reset"].includes(e)
-    },
-    rounded: { type: Boolean, default: !1 },
-    noRounded: { type: Boolean, default: !1 },
-    outline: { type: Boolean, default: !1 },
-    pastel: { type: Boolean, default: !1 },
-    block: { type: Boolean, default: !1 },
-    noUnderline: { type: Boolean, default: !1 },
-    noLeading: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    fab: { type: Boolean, default: !1 },
-    icon: { type: String, default: void 0 },
-    leftIcon: { type: String, default: void 0 },
-    rightIcon: { type: String, default: void 0 },
-    noPadding: { type: Boolean, default: !1 },
-    noElevation: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const z = p(() => import("./MazSpinner-13403729.mjs")), c = p(() => import("./MazIcon-52a76873.mjs")), { href: B, to: h } = E(), b = L(), n = e;
-    P(() => {
-      n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
-      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
-    ), v = t(
-      () => (n.loading || n.disabled) && f.value === "button"
-    ), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
-    return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
-      disabled: v.value,
-      class: ["m-btn", [
-        `--${e.size}`,
-        k.value,
-        I.value,
-        x.value,
-        {
-          "--block": e.block,
-          "--no-underline": e.noUnderline,
-          "--no-leading": e.noLeading,
-          "--fab": e.fab,
-          "--loading": e.loading,
-          "--disabled": v.value,
-          "--icon": C.value,
-          "--rounded": e.rounded,
-          "--no-rounded": e.noRounded,
-          "--no-padding": e.noPadding,
-          "--no-elevation": e.noElevation
-        }
-      ]],
-      type: $.value
-    }), {
-      default: A(() => [
-        y.value ? (o(), m(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
-          },
-          [
-            r(i.$slots, "left-icon", {}, () => [
-              e.leftIcon ? (o(), u(d(c), {
-                key: 0,
-                name: e.leftIcon
-              }, null, 8, ["name"])) : a("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : a("v-if", !0),
-        S.value ? (o(), m(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
-          },
-          [
-            r(i.$slots, "icon", {}, () => [
-              e.icon ? (o(), u(d(c), {
-                key: 0,
-                name: e.icon
-              }, null, 8, ["name"])) : a("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : a("v-if", !0),
-        D(
-          "span",
-          {
-            class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
-          },
-          [
-            r(i.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        ),
-        g.value ? (o(), m(
-          "div",
-          {
-            key: 2,
-            class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
-          },
-          [
-            r(i.$slots, "right-icon", {}, () => [
-              e.rightIcon ? (o(), u(d(c), {
-                key: 0,
-                name: e.rightIcon
-              }, null, 8, ["name"])) : a("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : a("v-if", !0),
-        l.value ? (o(), u(d(z), {
-          key: 3,
-          size: "2em",
-          color: e.color,
-          class: "maz-absolute"
-        }, null, 8, ["color"])) : a("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 16, ["disabled", "class", "type"]));
-  }
-});
-const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
-export {
-  q as default
-};