maz-ui 3.18.2 → 3.19.1

package/components/chunks/{MazBottomSheet-1fd128d5.mjs → MazBottomSheet-b78adb87.mjs}

@@ -205,8 +205,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noPadding: { type: Boolean, default: false }
   },
   emits: ["update:model-value", "open", "close"],
-  setup(__props, { emit: emits }) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-83e85ae7.mjs"));
+  setup(__props, { emit: __emit }) {
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-21743551.mjs"));
+    const emits = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(
         MazBackdrop,

package/components/chunks/{MazBtn-ebaa1574.mjs → MazBtn-000f9f66.mjs}

@@ -45,11 +45,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-50959d38.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-984d259a.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/components/chunks/{MazBtn-80a95ca3.mjs → MazBtn-02b39f75.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPicker-25765233.mjs";
+import { _ as _export_sfc } from "./MazSelect-41a971ea.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-e4d7bbe9.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-60ca1f4c.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/components/chunks/{MazBtn-7963cdc8.mjs → MazBtn-18894690.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazInputTags-801c15dc.mjs";
+import { _ as _export_sfc } from "./MazInputTags-872a6fae.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-450e5795.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-2fac70be.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/components/chunks/{MazBtn-83e85ae7.mjs → MazBtn-21743551.mjs}

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

package/components/chunks/{MazBtn-740fa3f9.mjs → MazBtn-2703c9bd.mjs}

@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
     const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-53979e96.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/components/chunks/{MazBtn-113db7ce.mjs → MazBtn-54c47489.mjs}

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

package/components/chunks/{MazBtn-8b76a9b9.mjs → MazBtn-57cb16a1.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazDrawer-682859a4.mjs";
+import { _ as _export_sfc } from "./MazDialog-d5f6a7d8.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-07d6be3a.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-467d514f.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/components/chunks/{MazBtn-aed16fa9.mjs → MazBtn-5a37bfef.mjs}

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

package/components/chunks/{MazBtn-9449d9aa.mjs → MazBtn-67e1fe7b.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazDialog-5c53a6d7.mjs";
+import { _ as _export_sfc } from "./MazDrawer-7d6428cf.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-24e65651.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-5368411e.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/components/chunks/MazBtn-6e16fbca.mjs

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

package/components/chunks/{MazBtn-360120f0.mjs → MazBtn-9333e80f.mjs}

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

package/components/chunks/{MazBtn-cd553cc1.mjs → MazBtn-9d312f09.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazInput-4b908386.mjs";
+import { _ as _export_sfc } from "./MazInput-8e284503.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-5be09a6a.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-2cbf1c0a.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/components/chunks/MazBtn-a776eb42.mjs

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

package/components/chunks/{MazBtn-875045b0.mjs → MazBtn-b645511d.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPhoneNumberInput-59aa8e06.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-458455bb.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-a3fe9ccb.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-4b2a2fda.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
+    const props = __props;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');