maz-ui 4.1.7-beta.6 → 4.1.7-beta.8

package/dist/components/MazBtn.js

@@ -1,7 +1,7 @@
 import { defineComponent, defineAsyncComponent, useAttrs, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, createElementBlock, createCommentVNode, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBtn.D86vFfaR.css';const _hoisted_1 = {
+import '../assets/MazBtn.DDnoE3K1.css';const _hoisted_1 = {
   key: 0,
   class: "m-btn-loader-container"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27,61 +27,71 @@ import '../assets/MazBtn.D86vFfaR.css';const _hoisted_1 = {
   setup(__props) {
     const MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), { href, to } = useAttrs(), component = computed(() => href ? "a" : to ? "router-link" : "button"), btnColorClass = computed(() => __props.pastel ? `--${getColor(__props.color)}-pastel` : __props.outlined ? `--${getColor(__props.color)}-outlined` : `--${getColor(__props.color)}`), isDisabled = computed(
       () => (__props.loading || __props.disabled) && component.value === "button"
-    ), cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer"), btnType = computed(() => component.value === "button" ? __props.type : void 0), iconClassSize = computed(() => __props.size === "xl" ? "maz-text-2xl" : __props.size === "lg" ? "maz-text-xl" : __props.size === "md" ? "maz-text-lg" : __props.size === "sm" ? "maz-text-base" : __props.size === "xs" ? "maz-text-sm" : __props.size === "mini" ? "maz-text-xs" : "maz-text-lg");
+    ), cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer"), btnType = computed(() => component.value === "button" ? __props.type : void 0), iconSize = computed(() => ({
+      xl: "lg",
+      lg: "md",
+      md: "md",
+      sm: "sm",
+      xs: "xs",
+      mini: "1em"
+    })[__props.size] || "lg");
     return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(component.value), {
       disabled: isDisabled.value,
       class: normalizeClass(["m-btn m-reset-css", [
-        `--${_ctx.size}`,
-        !_ctx.fab && _ctx.roundedSize && `--rounded-${_ctx.roundedSize}`,
+        `--${__props.size}`,
+        !__props.fab && __props.roundedSize && `--rounded-${__props.roundedSize}`,
         btnColorClass.value,
         cursorClass.value,
         {
-          "--block": _ctx.block,
-          "--fab": _ctx.fab,
-          "--loading": _ctx.loading,
-          "--no-padding": !_ctx.padding,
-          "--has-left-icon": !!_ctx.leftIcon || !!_ctx.$slots["left-icon"],
-          "--has-right-icon": !!_ctx.rightIcon || !!_ctx.$slots["right-icon"]
+          "--block": __props.block,
+          "--fab": __props.fab,
+          "--loading": __props.loading,
+          "--no-padding": !__props.padding,
+          "--has-left-icon": !!__props.leftIcon || !!_ctx.$slots["left-icon"],
+          "--has-right-icon": !!__props.rightIcon || !!_ctx.$slots["right-icon"]
         }
       ]]),
-      style: normalizeStyle([`--justify: ${_ctx.justify}`, `--color: var(--maz-${_ctx.color})`]),
+      style: normalizeStyle([`--justify: ${__props.justify}`, `--color: var(--maz-${__props.color})`]),
       type: btnType.value
     }, {
       default: withCtx(() => [
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          typeof _ctx.leftIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
+          typeof __props.leftIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
             key: 0,
-            name: _ctx.leftIcon,
-            class: normalizeClass([iconClassSize.value])
-          }, null, 8, ["name", "class"])) : _ctx.leftIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.leftIcon), {
+            name: __props.leftIcon,
+            size: iconSize.value
+          }, null, 8, ["name", "size"])) : __props.leftIcon ? (openBlock(), createBlock(unref(MazIcon), {
             key: 1,
-            class: normalizeClass([iconClassSize.value])
-          }, null, 8, ["class"])) : createCommentVNode("", !0)
+            icon: __props.leftIcon,
+            size: iconSize.value
+          }, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
         ], !0),
         renderSlot(_ctx.$slots, "icon", {}, () => [
-          typeof _ctx.icon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
+          typeof __props.icon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
             key: 0,
-            name: _ctx.icon,
-            class: normalizeClass([iconClassSize.value])
-          }, null, 8, ["name", "class"])) : _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+            name: __props.icon,
+            size: iconSize.value
+          }, null, 8, ["name", "size"])) : __props.icon ? (openBlock(), createBlock(unref(MazIcon), {
             key: 1,
-            class: normalizeClass([iconClassSize.value])
-          }, null, 8, ["class"])) : createCommentVNode("", !0)
+            icon: __props.icon,
+            size: iconSize.value
+          }, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
         ], !0),
         renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(_ctx.text), 1)
+          createTextVNode(toDisplayString(__props.text), 1)
         ], !0),
         renderSlot(_ctx.$slots, "right-icon", {}, () => [
-          typeof _ctx.rightIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
+          typeof __props.rightIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
             key: 0,
-            name: _ctx.rightIcon,
-            class: normalizeClass([iconClassSize.value])
-          }, null, 8, ["name", "class"])) : _ctx.rightIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.rightIcon), {
+            name: __props.rightIcon,
+            size: iconSize.value
+          }, null, 8, ["name", "size"])) : __props.rightIcon ? (openBlock(), createBlock(unref(MazIcon), {
             key: 1,
-            class: normalizeClass([iconClassSize.value])
-          }, null, 8, ["class"])) : createCommentVNode("", !0)
+            icon: __props.rightIcon,
+            size: iconSize.value
+          }, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
         ], !0),
-        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "loader", {}, () => [
             createVNode(unref(MazSpinner), { size: "2em" })
           ], !0)
@@ -90,7 +100,7 @@ import '../assets/MazBtn.D86vFfaR.css';const _hoisted_1 = {
       _: 3
     }, 8, ["disabled", "class", "style", "type"]));
   }
-}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8182712d"]]);
+}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-566b18d0"]]);
 export {
   MazBtn as default
 };

package/dist/components/MazCard.js

@@ -83,31 +83,31 @@ import '../assets/MazCard.CV__I-ku.css';const _hoisted_1 = {
       class: normalizeClass(["m-card m-reset-css", [
         {
           "m-card--linked": isLinked.value,
-          "m-card--no-scale": !_ctx.scale,
-          "maz-shadow-elevation maz-drop-shadow-md": _ctx.elevation,
-          "--block": _ctx.block,
-          "maz-overflow-hidden": _ctx.overflowHidden || !collapseOpenModel.value,
-          "maz-rounded": _ctx.radius,
-          "maz-border maz-border-solid maz-border-divider": _ctx.bordered
+          "m-card--no-scale": !__props.scale,
+          "maz-shadow-elevation maz-drop-shadow-md": __props.elevation,
+          "--block": __props.block,
+          "maz-overflow-hidden": __props.overflowHidden || !collapseOpenModel.value,
+          "maz-rounded": __props.radius,
+          "maz-border maz-border-solid maz-border-divider": __props.bordered
         }
       ]])
     }, [
-      _ctx.$slots.title || _ctx.title || _ctx.collapsible ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.collapsible ? "button" : "div"), {
+      _ctx.$slots.title || __props.title || __props.collapsible ? (openBlock(), createBlock(resolveDynamicComponent(__props.collapsible ? "button" : "div"), {
         key: 0,
         class: normalizeClass(["m-card__header maz-border-b maz-border-solid", [
           collapseOpenModel.value ? "maz-rounded-t maz-border-divider" : "maz-border-transparent",
-          { "--is-collapsible": _ctx.collapsible },
-          { "maz-justify-end": (!_ctx.$slots.title || !_ctx.title) && _ctx.collapsible },
-          { "maz-justify-between": _ctx.$slots.title || _ctx.title }
+          { "--is-collapsible": __props.collapsible },
+          { "maz-justify-end": (!_ctx.$slots.title || !__props.title) && __props.collapsible },
+          { "maz-justify-between": _ctx.$slots.title || __props.title }
         ]]),
         tabindex: "-1",
-        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.collapsible ? toggleCollapse() : void 0, ["stop"]))
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => __props.collapsible ? toggleCollapse() : void 0, ["stop"]))
       }, {
         default: withCtx(() => [
-          _ctx.$slots.title || _ctx.title ? renderSlot(_ctx.$slots, "title", { key: 0 }, () => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
+          _ctx.$slots.title || __props.title ? renderSlot(_ctx.$slots, "title", { key: 0 }, () => [
+            createTextVNode(toDisplayString(__props.title), 1)
           ], !0) : createCommentVNode("", !0),
-          _ctx.collapsible ? (openBlock(), createBlock(unref(MazBtn), {
+          __props.collapsible ? (openBlock(), createBlock(unref(MazBtn), {
             key: 1,
             color: "transparent",
             class: "maz-ms-2 maz-text-sm",
@@ -125,7 +125,7 @@ import '../assets/MazCard.CV__I-ku.css';const _hoisted_1 = {
         _: 3
       }, 8, ["class"])) : createCommentVNode("", !0),
       (openBlock(), createBlock(resolveDynamicComponent(wrapperData.value.is), mergeProps(wrapperData.value, {
-        class: ["m-card__wrapper", [`m-card__wrapper--${_ctx.orientation}`, { "m-card__link": isLinked.value }]]
+        class: ["m-card__wrapper", [`m-card__wrapper--${__props.orientation}`, { "m-card__link": isLinked.value }]]
       }), {
         default: withCtx(() => [
           galleryOptions.value.images ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -135,14 +135,14 @@ import '../assets/MazCard.CV__I-ku.css';const _hoisted_1 = {
             }, { class: "m-card__gallery" }), null, 16)
           ])) : createCommentVNode("", !0),
           createElementVNode("div", _hoisted_2, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.collapsible ? unref(MazExpandAnimation) : "div"), {
+            (openBlock(), createBlock(resolveDynamicComponent(__props.collapsible ? unref(MazExpandAnimation) : "div"), {
               modelValue: collapseOpenModel.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => collapseOpenModel.value = $event),
               class: "maz-h-full"
             }, {
               default: withCtx(() => [
                 createElementVNode("div", {
-                  class: normalizeClass([[_ctx.wrapperClass, { "maz-p-4": _ctx.padding }], "m-card__content__wrapper"])
+                  class: normalizeClass([[__props.wrapperClass, { "maz-p-4": __props.padding }], "m-card__content__wrapper"])
                 }, [
                   _ctx.$slots["content-title"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
                     renderSlot(_ctx.$slots, "content-title", { collapseOpen: collapseOpenModel.value }, void 0, !0)

package/dist/components/MazCardSpotlight.js

@@ -35,13 +35,13 @@ import '../assets/MazCardSpotlight.B7lFD7Pi.css';const _hoisted_1 = { class: "in
     }), onUnmounted(() => {
       globalThis.removeEventListener("mousemove", animateBlob);
     }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-card-spotlight m-reset-css", { "maz-shadow-elevation maz-drop-shadow-md": _ctx.elevation }]),
-      style: normalizeStyle({ backgroundColor: alphaColor20.value, "--inner-opacity": _ctx.innerOpacity })
+      class: normalizeClass(["m-card-spotlight m-reset-css", { "maz-shadow-elevation maz-drop-shadow-md": __props.elevation }]),
+      style: normalizeStyle({ backgroundColor: alphaColor20.value, "--inner-opacity": __props.innerOpacity })
     }, [
       createElementVNode("div", _hoisted_1, [
         createElementVNode("div", {
-          class: normalizeClass(["content", [{ "maz-p-4": _ctx.padding }, _ctx.contentClass]]),
-          style: normalizeStyle(_ctx.contentStyle)
+          class: normalizeClass(["content", [{ "maz-p-4": __props.padding }, __props.contentClass]]),
+          style: normalizeStyle(__props.contentStyle)
         }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, !0)
         ], 6)

package/dist/components/MazCarousel.js

@@ -44,7 +44,7 @@ import '../assets/MazCarousel.-UuyHtHl.css';const _hoisted_1 = { key: 0 }, _hois
     }
     return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["m-carousel m-reset-css", {
-        "--hide-scrollbar": _ctx.hideScrollbar
+        "--hide-scrollbar": __props.hideScrollbar
       }])
     }, [
       hasHeader() ? (openBlock(), createElementBlock("div", {
@@ -53,10 +53,10 @@ import '../assets/MazCarousel.-UuyHtHl.css';const _hoisted_1 = { key: 0 }, _hois
       }, [
         hasTitle() ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("h4", _hoisted_2, toDisplayString(_ctx.title), 1)
+            createElementVNode("h4", _hoisted_2, toDisplayString(__props.title), 1)
           ], !0)
         ])) : createCommentVNode("", !0),
-        _ctx.hideScrollButtons ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_3, [
+        __props.hideScrollButtons ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_3, [
           createVNode(unref(MazBtn), {
             color: "transparent",
             class: normalizeClass(["m-carousel__btn", { "--muted": !isScrolled.value }]),

package/dist/components/MazChart.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.JSYXGyfn.js";
+import { _ as _sfc_main } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.CUrokkc_.js";
 export {
   _sfc_main as default
 };

package/dist/components/MazCheckbox.js

@@ -78,8 +78,8 @@ import '../assets/MazCheckbox.Di88TJ3e.css';const _hoisted_1 = ["for", "aria-che
     }
     return (_ctx, _cache) => (openBlock(), createElementBlock("label", {
       for: unref(instanceId),
-      class: normalizeClass(["m-checkbox m-reset-css", [{ "--error": _ctx.error, "--warning": _ctx.warning, "--success": _ctx.success }, props.class]]),
-      style: normalizeStyle([_ctx.style, { "--checkbox-selected-color": checkboxSelectedColor.value, "--checkbox-box-shadow-color": checkboxBoxShadow.value }]),
+      class: normalizeClass(["m-checkbox m-reset-css", [{ "--error": __props.error, "--warning": __props.warning, "--success": __props.success }, props.class]]),
+      style: normalizeStyle([__props.style, { "--checkbox-selected-color": checkboxSelectedColor.value, "--checkbox-box-shadow-color": checkboxBoxShadow.value }]),
       role: "checkbox",
       "aria-checked": isChecked.value,
       tabindex: "0",
@@ -94,10 +94,10 @@ import '../assets/MazCheckbox.Di88TJ3e.css';const _hoisted_1 = ["for", "aria-che
         checked: isChecked.value
       }, _ctx.$attrs, {
         tabindex: "-1",
-        disabled: _ctx.disabled,
-        name: _ctx.name,
+        disabled: __props.disabled,
+        name: __props.name,
         type: "checkbox",
-        onChange: _cache[0] || (_cache[0] = ($event) => emitValue(_ctx.value ?? $event?.target?.checked))
+        onChange: _cache[0] || (_cache[0] = ($event) => emitValue(__props.value ?? $event?.target?.checked))
       }), null, 16, _hoisted_2),
       createElementVNode("span", {
         style: normalizeStyle({ width: checkboxSize.value, height: checkboxSize.value })
@@ -107,18 +107,18 @@ import '../assets/MazCheckbox.Di88TJ3e.css';const _hoisted_1 = ["for", "aria-che
           style: normalizeStyle({ color: checkIconColor.value })
         }, null, 8, ["class", "style"])
       ], 4),
-      _ctx.label || _ctx.$slots.default || _ctx.hint ? (openBlock(), createElementBlock("div", _hoisted_3, [
-        renderSlot(_ctx.$slots, "default", { value: _ctx.value }, () => [
-          createTextVNode(toDisplayString(_ctx.label), 1)
+      __props.label || _ctx.$slots.default || __props.hint ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        renderSlot(_ctx.$slots, "default", { value: __props.value }, () => [
+          createTextVNode(toDisplayString(__props.label), 1)
         ], !0),
-        _ctx.hint ? (openBlock(), createElementBlock("span", {
+        __props.hint ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(["m-checkbox__hint", {
-            "--error": _ctx.error,
-            "--success": _ctx.success,
-            "--warning": _ctx.warning
+            "--error": __props.error,
+            "--success": __props.success,
+            "--warning": __props.warning
           }])
-        }, toDisplayString(_ctx.hint), 3)) : createCommentVNode("", !0)
+        }, toDisplayString(__props.hint), 3)) : createCommentVNode("", !0)
       ])) : createCommentVNode("", !0)
     ], 46, _hoisted_1));
   }

package/dist/components/MazChecklist.js

@@ -62,30 +62,30 @@ import '../assets/MazChecklist.3fMAXT5e.css';const _hoisted_1 = { class: "m-chec
     }
     return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
       createElementVNode("label", {
-        for: _ctx.search ? `${unref(id)}-query` : void 0,
+        for: __props.search ? `${unref(id)}-query` : void 0,
         class: "search-label"
       }, [
-        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3, [
+        _ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("span", _hoisted_3, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
+            createTextVNode(toDisplayString(__props.title), 1)
           ], !0)
         ])) : createCommentVNode("", !0),
-        _ctx.search ? (openBlock(), createBlock(unref(MazInput), mergeProps({
+        __props.search ? (openBlock(), createBlock(unref(MazInput), mergeProps({
           key: 1,
           id: `${unref(id)}-query`,
           "model-value": internalQuery.value
-        }, typeof _ctx.search == "object" ? _ctx.search : {}, {
-          color: typeof _ctx.search == "object" && _ctx.search.color ? _ctx.search.color : _ctx.color,
-          "left-icon": typeof _ctx.search == "object" ? _ctx.search.leftIcon ?? unref(MazMagnifyingGlass) : void 0,
-          debounce: typeof _ctx.search == "object" ? _ctx.search.debounce ?? 300 : void 0,
-          name: typeof _ctx.search == "object" ? _ctx.search.name ?? "search" : void 0,
-          placeholder: typeof _ctx.search == "object" && _ctx.search.placeholder ? _ctx.search.placeholder : messages.value.searchInput.placeholder,
+        }, typeof __props.search == "object" ? __props.search : {}, {
+          color: typeof __props.search == "object" && __props.search.color ? __props.search.color : __props.color,
+          "left-icon": typeof __props.search == "object" ? __props.search.leftIcon ?? unref(MazMagnifyingGlass) : void 0,
+          debounce: typeof __props.search == "object" ? __props.search.debounce ?? 300 : void 0,
+          name: typeof __props.search == "object" ? __props.search.name ?? "search" : void 0,
+          placeholder: typeof __props.search == "object" && __props.search.placeholder ? __props.search.placeholder : messages.value.searchInput.placeholder,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = (event) => updateQuery(event))
         }), null, 16, ["id", "model-value", "color", "left-icon", "debounce", "name", "placeholder"])) : createCommentVNode("", !0)
       ], 8, _hoisted_2),
       createVNode(MazCardSpotlight, {
-        color: _ctx.color,
-        elevation: _ctx.elevation,
+        color: __props.color,
+        elevation: __props.elevation,
         padding: !1,
         "content-class": "card-content"
       }, {
@@ -109,13 +109,13 @@ import '../assets/MazChecklist.3fMAXT5e.css';const _hoisted_1 = { class: "m-chec
           }, [
             createVNode(MazCheckbox, {
               id: `${unref(id)}-checklist-item-${item.value}`,
-              "model-value": _ctx.modelValue,
+              "model-value": __props.modelValue,
               value: item.value,
-              color: _ctx.color,
+              color: __props.color,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = (event) => emits("update:model-value", event))
             }, null, 8, ["id", "model-value", "value", "color"]),
             renderSlot(_ctx.$slots, "item", {
-              selectedValues: _ctx.modelValue,
+              selectedValues: __props.modelValue,
               item
             }, () => [
               createElementVNode("span", _hoisted_8, toDisplayString(item.label), 1)

package/dist/components/MazCircularProgressBar.js

@@ -43,10 +43,10 @@ import '../assets/MazCircularProgressBar.BYf6ZShT.css';const _hoisted_1 = { clas
         {
           "--animation-duration": animationDuration.value,
           "--dashoffset": dashoffset.value,
-          "--delay": `${_ctx.delay}ms`
+          "--delay": `${__props.delay}ms`
         },
         {
-          fontSize: _ctx.size
+          fontSize: __props.size
         }
       ])
     }, [
@@ -56,16 +56,16 @@ import '../assets/MazCircularProgressBar.BYf6ZShT.css';const _hoisted_1 = { clas
             renderSlot(_ctx.$slots, "default", {}, void 0, !0)
           ])) : (openBlock(), createBlock(unref(MazAnimatedCounter), {
             key: 1,
-            count: _ctx.percentage,
-            duration: _ctx.duration,
-            delay: _ctx.delay,
-            once: _ctx.once
+            count: __props.percentage,
+            duration: __props.duration,
+            delay: __props.delay,
+            once: __props.once
           }, createSlots({ _: 2 }, [
             hasPrefix.value ? {
               name: "prefix",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "prefix", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.prefix), 1)
+                  createTextVNode(toDisplayString(__props.prefix), 1)
                 ], !0)
               ]),
               key: "0"
@@ -74,7 +74,7 @@ import '../assets/MazCircularProgressBar.BYf6ZShT.css';const _hoisted_1 = { clas
               name: "suffix",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "suffix", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.suffix), 1)
+                  createTextVNode(toDisplayString(__props.suffix), 1)
                 ], !0)
               ]),
               key: "1"
@@ -115,12 +115,12 @@ import '../assets/MazCircularProgressBar.BYf6ZShT.css';const _hoisted_1 = { clas
           cx: "50",
           cy: "50",
           r: "46",
-          "stroke-width": _ctx.strokeWidth,
+          "stroke-width": __props.strokeWidth,
           "stroke-dasharray": "290",
           "stroke-dashoffset": hasBeenAnimated.value ? dashoffset.value : 290,
-          stroke: _ctx.stroke ? _ctx.stroke : `url(#${unref(id)}-gradient)`,
+          stroke: __props.stroke ? __props.stroke : `url(#${unref(id)}-gradient)`,
           fill: "none",
-          "stroke-linecap": _ctx.strokeLinecap
+          "stroke-linecap": __props.strokeLinecap
         }, null, 8, _hoisted_7)
       ], 2))
     ], 4));

package/dist/components/MazDatePicker.js

@@ -1,4 +1,4 @@
-import { M } from "../chunks/MazDatePicker.C5f1ViA8.js";
+import { M } from "../chunks/MazDatePicker.CYfNHwnV.js";
 import "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 export {
   M as default

package/dist/components/MazDialog.js

@@ -55,13 +55,13 @@ import '../assets/MazDialog.Cm3xd1Xp.css';const _hoisted_1 = {
     }), (_ctx, _cache) => (openBlock(), createBlock(MazBackdrop, mergeProps(backdropProps, {
       ref_key: "backdrop",
       ref: backdrop,
-      "model-value": _ctx.modelValue,
+      "model-value": __props.modelValue,
       "transition-name": "modal-anim",
       "aria-labelledby": "dialogTitle",
       "aria-describedby": "dialogDesc",
-      "close-on-escape": _ctx.closeOnEscape,
+      "close-on-escape": __props.closeOnEscape,
       "content-padding": "",
-      persistent: _ctx.persistent,
+      persistent: __props.persistent,
       justify: "center",
       variant: "dialog",
       onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
@@ -70,21 +70,21 @@ import '../assets/MazDialog.Cm3xd1Xp.css';const _hoisted_1 = {
     }), {
       default: withCtx(({ close }) => [
         createElementVNode("div", mergeProps({
-          class: ["m-dialog", { "--scrollable": _ctx.scrollable }],
+          class: ["m-dialog", { "--scrollable": __props.scrollable }],
           role: "dialog",
           "aria-modal": "true",
-          style: [{ "--max-width": _ctx.maxWidth, "--min-width": _ctx.minWidth }]
+          style: [{ "--max-width": __props.maxWidth, "--min-width": __props.minWidth }]
         }, wrapperAttrs.value), [
           renderSlot(_ctx.$slots, "header", { close }, () => [
             createElementVNode("div", {
-              class: normalizeClass(["m-dialog-header", { "--has-title": _ctx.$slots.title || _ctx.title }])
+              class: normalizeClass(["m-dialog-header", { "--has-title": _ctx.$slots.title || __props.title }])
             }, [
-              _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("h2", _hoisted_1, [
+              _ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("h2", _hoisted_1, [
                 renderSlot(_ctx.$slots, "title", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.title), 1)
+                  createTextVNode(toDisplayString(__props.title), 1)
                 ], !0)
               ])) : createCommentVNode("", !0),
-              !_ctx.hideCloseButton && !_ctx.persistent ? (openBlock(), createBlock(unref(MazBtn), {
+              !__props.hideCloseButton && !__props.persistent ? (openBlock(), createBlock(unref(MazBtn), {
                 key: 1,
                 color: "transparent",
                 size: "sm",

package/dist/components/MazDialogConfirm.js

@@ -1,5 +1,5 @@
-import { _ as _sfc_main } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DuEcluOw.js";
-import { u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DuEcluOw.js";
+import { _ as _sfc_main } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BaOg5MoP.js";
+import { u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BaOg5MoP.js";
 export {
   _sfc_main as default,
   u as useMazDialogConfirm

package/dist/components/MazDrawer.js

@@ -18,11 +18,11 @@ import '../assets/MazDrawer.CtOq-ucH.css';const _hoisted_1 = { class: "m-drawer-
   setup(__props) {
     const props = __props, MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), justify = computed(() => props.variant === "left" ? "start" : props.variant === "right" ? "end" : "none"), align = computed(() => props.variant === "top" ? "start" : props.variant === "bottom" ? "end" : "none"), slots = useSlots(), hasTitle = computed(() => !!(props.title || slots.title));
     return (_ctx, _cache) => (openBlock(), createBlock(MazBackdrop, {
-      "backdrop-class": ["m-drawer", _ctx.backdropClass],
+      "backdrop-class": ["m-drawer", __props.backdropClass],
       justify: justify.value,
       align: align.value,
       variant: "drawer",
-      "transition-name": `drawer-anim-${_ctx.variant}`,
+      "transition-name": `drawer-anim-${__props.variant}`,
       onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
       onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open")),
       onBeforeClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("before-close")),
@@ -30,9 +30,9 @@ import '../assets/MazDrawer.CtOq-ucH.css';const _hoisted_1 = { class: "m-drawer-
     }, {
       default: withCtx(({ close }) => [
         createElementVNode("div", {
-          class: normalizeClass(["m-drawer-content-wrap", [`--${_ctx.variant}`]]),
+          class: normalizeClass(["m-drawer-content-wrap", [`--${__props.variant}`]]),
           style: normalizeStyle({
-            "--maz-drawer-size": _ctx.size
+            "--maz-drawer-size": __props.size
           })
         }, [
           createElementVNode("header", {
@@ -40,10 +40,10 @@ import '../assets/MazDrawer.CtOq-ucH.css';const _hoisted_1 = { class: "m-drawer-
           }, [
             createElementVNode("h4", _hoisted_1, [
               renderSlot(_ctx.$slots, "title", { close }, () => [
-                createTextVNode(toDisplayString(_ctx.title), 1)
+                createTextVNode(toDisplayString(__props.title), 1)
               ], !0)
             ]),
-            _ctx.hideCloseButton ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_2, [
+            __props.hideCloseButton ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_2, [
               createVNode(unref(MazBtn), {
                 size: "sm",
                 color: "transparent",

package/dist/components/MazDropdown.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.C5WEfuse.js";
+import { _ as _sfc_main } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.qBaRy629.js";
 export {
   _sfc_main as default
 };