maz-ui 4.0.0-beta.5 → 4.0.0-beta.7

package/dist/components/MazAnimatedCounter.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedCounter.CTG-PC5W.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedCounter.DkZNPRLp.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -14,7 +14,7 @@ import '../assets/MazAnimatedCounter.CTG-PC5W.css';const _hoisted_1 = { class: "
   setup(__props) {
     const props = __props, currentCount = ref(0), elementRef = ref(null);
     function getRequestAnimationFrame() {
-      return !isClient() || !window.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : window.requestAnimationFrame.bind(window);
+      return !isClient() || !globalThis.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : globalThis.requestAnimationFrame.bind(globalThis);
     }
     function animate(start, end, duration, delay) {
       const requestAnim = getRequestAnimationFrame();
@@ -71,7 +71,7 @@ import '../assets/MazAnimatedCounter.CTG-PC5W.css';const _hoisted_1 = { class: "
       ], !0)
     ], 512));
   }
-}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-59b16e46"]]);
+}), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02bb6e23"]]);
 export {
   MazAnimatedCounter as default
 };

package/dist/components/MazAnimatedText.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, Fragment, renderList, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, createTextVNode } from "vue";
 import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazAnimatedText.BrOwWuqf.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazAnimatedText.DDqCxrFX.css';const _hoisted_1 = { class: "m-reset-css m-animated-text" }, _hoisted_2 = { class: "m-animated-text__last-word-inner" }, _hoisted_3 = { class: "m-animated-text__last-word-inner-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazAnimatedText",
   props: {
@@ -73,7 +73,7 @@ import '../assets/MazAnimatedText.BrOwWuqf.css';const _hoisted_1 = { class: "m-r
       }, 16))
     ]));
   }
-}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-195e3ada"]]);
+}), MazAnimatedText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1285ff2b"]]);
 export {
   MazAnimatedText as default
 };

package/dist/components/MazAvatar.js

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, createElementVNode, renderSlot, createElementBlock, createCommentVNode, Fragment, unref, mergeProps, toDisplayString, createVNode } from "vue";
-import { q as qn } from "../chunks/index.CvKh762h.js";
+import { MazPencil } from "@maz-ui/icons";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazAvatar.DaDlvfYd.css';const _hoisted_1 = ["tabindex"], _hoisted_2 = ["src", "alt", "loading"], _hoisted_3 = { class: "m-avatar__initial" }, _hoisted_4 = {
   key: 0,
@@ -106,7 +106,7 @@ import '../assets/MazAvatar.DaDlvfYd.css';const _hoisted_1 = ["tabindex"], _hois
             onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click", $event))
           }, [
             _ctx.hideClickableIcon ? createCommentVNode("", !0) : renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-              createVNode(unref(qn), { class: "m-avatar__button__icon" })
+              createVNode(unref(MazPencil), { class: "m-avatar__button__icon" })
             ], !0)
           ], 4)) : createCommentVNode("", !0)
         ], 10, _hoisted_1),

package/dist/components/MazBackdrop.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, watch, nextTick, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, createElementVNode, withModifiers, normalizeClass, renderSlot } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBackdrop.DNpnLh63.css';const _hoisted_1 = {
+import '../assets/MazBackdrop.BnhcmjbP.css';const _hoisted_1 = {
   role: "dialog",
   class: "m-backdrop-container",
   "aria-modal": "true"
@@ -65,7 +65,7 @@ import '../assets/MazBackdrop.DNpnLh63.css';const _hoisted_1 = {
     let initialFocusableElement = null;
     function findFirstFocusableElement(selector) {
       const modal = document.querySelector(selector), visibleFocusableElements = (modal && Array.from(modal.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')))?.filter((el) => {
-        const style = window.getComputedStyle(el);
+        const style = globalThis.getComputedStyle(el);
         return style.display !== "none" && style.visibility !== "hidden" && !el.disabled;
       });
       return visibleFocusableElements && visibleFocusableElements.length > 0 ? visibleFocusableElements[0] : null;
@@ -118,7 +118,7 @@ import '../assets/MazBackdrop.DNpnLh63.css';const _hoisted_1 = {
       }, 8, ["name"])
     ], 8, ["to"]));
   }
-}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92b68934"]]);
+}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94bf4716"]]);
 export {
   MazBackdrop as default
 };

package/dist/components/MazBottomSheet.js

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, renderSlot, createCommentVNode, unref, createVNode } from "vue";
-import { d as si } from "../chunks/index.CvKh762h.js";
+import { MazXMark } from "@maz-ui/icons";
 import MazBackdrop from "./MazBackdrop.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazBottomSheet.DKDf6Eet.css';const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -39,7 +39,7 @@ import '../assets/MazBottomSheet.DKDf6Eet.css';const _sfc_main = /* @__PURE__ */
             onClick: close
           }, {
             default: withCtx(() => [
-              createVNode(unref(si), { class: "maz-text-lg" })
+              createVNode(unref(MazXMark), { class: "maz-text-lg" })
             ]),
             _: 2
           }, 1032, ["onClick"]))

package/dist/components/MazBtn.js

@@ -1,6 +1,6 @@
 import { defineComponent, defineAsyncComponent, useAttrs, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, createElementBlock, createCommentVNode, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazBtn.BnRxVlqS.css';const _hoisted_1 = {
+import '../assets/MazBtn.DUBbj2mt.css';const _hoisted_1 = {
   key: 0,
   class: "m-btn-loader-container"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -38,7 +38,6 @@ import '../assets/MazBtn.BnRxVlqS.css';const _hoisted_1 = {
           "--block": _ctx.block,
           "--fab": _ctx.fab,
           "--loading": _ctx.loading,
-          "--disabled": isDisabled.value,
           "--no-padding": !_ctx.padding
         }
       ]]),
@@ -80,13 +79,15 @@ import '../assets/MazBtn.BnRxVlqS.css';const _hoisted_1 = {
           }, null, 8, ["class"])) : createCommentVNode("", !0)
         ], !0),
         _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(MazSpinner), { size: "2em" })
+          renderSlot(_ctx.$slots, "loader", {}, () => [
+            createVNode(unref(MazSpinner), { size: "2em" })
+          ], !0)
         ])) : createCommentVNode("", !0)
       ]),
       _: 3
     }, 8, ["disabled", "class", "style", "type"]));
   }
-}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b725eb4b"]]);
+}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b9a8954"]]);
 export {
   MazBtn as default
 };

package/dist/components/MazCard.js

@@ -1,5 +1,5 @@
 import { defineComponent, mergeModels, defineAsyncComponent, useSlots, useModel, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, resolveDynamicComponent, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, unref, createVNode, mergeProps, createElementVNode } from "vue";
-import { a as Mt } from "../chunks/index.CvKh762h.js";
+import { MazChevronDown } from "@maz-ui/icons";
 import { RouterLink } from "vue-router";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazCard.C6nDaeIC.css';const _hoisted_1 = {
@@ -115,7 +115,7 @@ import '../assets/MazCard.C6nDaeIC.css';const _hoisted_1 = {
             onClick: withModifiers(toggleCollapse, ["stop"])
           }, {
             default: withCtx(() => [
-              createVNode(unref(Mt), {
+              createVNode(unref(MazChevronDown), {
                 class: normalizeClass([{ "--is-open": collapseOpenModel.value }, "m-card__collapse-icon maz-text-xl"])
               }, null, 8, ["class"])
             ]),

package/dist/components/MazCardSpotlight.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, withDirectives, renderSlot, vShow } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazCardSpotlight.Dy-wuLQq.css';const _hoisted_1 = { class: "inner" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazCardSpotlight.IbPp_y0j.css';const _hoisted_1 = { class: "inner" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -31,9 +31,9 @@ import '../assets/MazCardSpotlight.Dy-wuLQq.css';const _hoisted_1 = { class: "in
     }
     const alphaColor = computed(() => `hsl(var(--maz-${__props.color}) / 60%)`), alphaColor20 = computed(() => `hsl(var(--maz-${__props.color}) / 20%)`);
     return onMounted(() => {
-      window.addEventListener("mousemove", animateBlob);
+      globalThis.addEventListener("mousemove", animateBlob);
     }), onUnmounted(() => {
-      window.removeEventListener("mousemove", animateBlob);
+      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 })
@@ -63,7 +63,7 @@ import '../assets/MazCardSpotlight.Dy-wuLQq.css';const _hoisted_1 = { class: "in
       ])
     ], 6));
   }
-}), MazCardSpotlight = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-247aad92"]]);
+}), MazCardSpotlight = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e67f8a00"]]);
 export {
   MazCardSpotlight as default
 };

package/dist/components/MazCarousel.js

@@ -1,6 +1,6 @@
 import { defineComponent, defineAsyncComponent, useSlots, ref, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createVNode, unref, withCtx } from "vue";
-import { e as et, z as zt } from "../chunks/index.CvKh762h.js";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { MazChevronLeft, MazChevronRight } from "@maz-ui/icons";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazCarousel.BaqN4hLP.css';const _hoisted_1 = { key: 0 }, _hoisted_2 = {
   key: 1,
@@ -63,7 +63,7 @@ import '../assets/MazCarousel.BaqN4hLP.css';const _hoisted_1 = { key: 0 }, _hois
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "previous-icon", {}, () => [
-                createVNode(unref(et), { class: "maz-text-lg" })
+                createVNode(unref(MazChevronLeft), { class: "maz-text-lg" })
               ], !0)
             ]),
             _: 3
@@ -77,7 +77,7 @@ import '../assets/MazCarousel.BaqN4hLP.css';const _hoisted_1 = { key: 0 }, _hois
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "next-icon", {}, () => [
-                createVNode(unref(zt), { class: "maz-text-lg" })
+                createVNode(unref(MazChevronRight), { class: "maz-text-lg" })
               ], !0)
             ]),
             _: 3

package/dist/components/MazCheckbox.js

@@ -1,8 +1,8 @@
-import { defineComponent, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, mergeProps, createVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { i as it } from "../chunks/index.CvKh762h.js";
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, mergeProps, createVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { MazCheck } from "@maz-ui/icons";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazCheckbox.BFo5eYS6.css';const _hoisted_1 = ["for", "tabindex", "aria-checked"], _hoisted_2 = ["id", "checked", "disabled", "name"], _hoisted_3 = {
+import '../assets/MazCheckbox.CFqw9ybT.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "checked", "disabled", "name"], _hoisted_3 = {
   key: 0,
   class: "m-checkbox__text"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,15 +22,14 @@ import '../assets/MazCheckbox.BFo5eYS6.css';const _hoisted_1 = ["for", "tabindex
     error: { type: Boolean },
     success: { type: Boolean },
     warning: { type: Boolean },
-    hint: {},
-    tabindex: { default: 0 }
+    hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
   setup(__props, { emit: __emit }) {
     const props = __props, emits = __emit, instanceId = useInstanceUniqId({
       componentName: "MazCheckbox",
       providedId: props.id
-    }), isChecked = computed(() => typeof props.value != "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue == "boolean" ? props.modelValue : !1), checkboxSize = computed(() => {
+    }), inputRef = ref(), isFocused = ref(!1), isChecked = computed(() => typeof props.value != "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue == "boolean" ? props.modelValue : !1), checkboxSize = computed(() => {
       switch (props.size) {
         case "xl":
           return "2rem";
@@ -60,7 +59,7 @@ import '../assets/MazCheckbox.BFo5eYS6.css';const _hoisted_1 = ["for", "tabindex
         default:
           return "maz-text-lg";
       }
-    }), checkIconColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-background))" : `hsl(var(--maz-${props.color}-foreground))`), checkboxSelectedColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-contrast))" : `hsl(var(--maz-${props.color}))`), checkboxBoxShadow = computed(() => props.error ? "hsl(var(--maz-destructive))" : props.warning ? "hsl(var(--maz-warning))" : props.success ? "hsl(var(--maz-success))" : ["transparent", "contrast"].includes(props.color) ? "hsl(var(--maz-muted))" : `hsl(var(--maz-${props.color}) / 60%)`);
+    }), checkIconColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-background))" : `hsl(var(--maz-${props.color}-foreground))`), checkboxSelectedColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-contrast))" : `hsl(var(--maz-${props.color}))`), checkboxBoxShadow = computed(() => props.error && !isFocused.value ? "hsl(var(--maz-destructive))" : props.warning && !isFocused.value ? "hsl(var(--maz-warning))" : props.success && !isFocused.value ? "hsl(var(--maz-success))" : ["transparent", "contrast"].includes(props.color) ? "hsl(var(--maz-muted))" : `hsl(var(--maz-${props.color}) / 60%)`);
     function keyboardHandler(event) {
       ["Space"].includes(event.code) && (event.preventDefault(), emitValue(props.value ?? !props.modelValue));
     }
@@ -71,20 +70,19 @@ import '../assets/MazCheckbox.BFo5eYS6.css';const _hoisted_1 = ["for", "tabindex
       const newValue = getNewValue(value);
       emits("update:model-value", newValue), emits("change", newValue);
     }
-    const inputRef = ref();
     function onBlur(event) {
-      inputRef.value?.dispatchEvent(new Event("blur")), emits("blur", event);
+      isFocused.value = !1, inputRef.value?.dispatchEvent(new Event("blur")), emits("blur", event);
     }
     function onFocus(event) {
-      inputRef.value?.dispatchEvent(new Event("focus")), emits("focus", event);
+      isFocused.value = !0, inputRef.value?.dispatchEvent(new Event("focus")), emits("focus", event);
     }
     return (_ctx, _cache) => (openBlock(), createElementBlock("label", {
       for: unref(instanceId),
-      class: normalizeClass(["m-checkbox m-reset-css", [{ "--disabled": _ctx.disabled, "--error": _ctx.error, "--warning": _ctx.warning, "--success": _ctx.success }, props.class]]),
-      tabindex: _ctx.tabindex,
+      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 }]),
       role: "checkbox",
       "aria-checked": isChecked.value,
+      tabindex: "0",
       onKeydown: keyboardHandler,
       onBlur,
       onFocus
@@ -104,7 +102,7 @@ import '../assets/MazCheckbox.BFo5eYS6.css';const _hoisted_1 = ["for", "tabindex
       createElementVNode("span", {
         style: normalizeStyle({ width: checkboxSize.value, height: checkboxSize.value })
       }, [
-        createVNode(unref(it), {
+        createVNode(unref(MazCheck), {
           class: normalizeClass(["check-icon", checkIconSize.value]),
           style: normalizeStyle({ color: checkIconColor.value })
         }, null, 8, ["class", "style"])
@@ -124,7 +122,7 @@ import '../assets/MazCheckbox.BFo5eYS6.css';const _hoisted_1 = ["for", "tabindex
       ])) : createCommentVNode("", !0)
     ], 46, _hoisted_1));
   }
-}), MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-588a1122"]]);
+}), MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c457082d"]]);
 export {
   MazCheckbox as default
 };

package/dist/components/MazChecklist.js

@@ -1,12 +1,12 @@
 import { defineComponent, defineAsyncComponent, ref, watch, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, mergeProps, withCtx, Fragment, renderList } from "vue";
-import { C as Cn, P as Pn } from "../chunks/index.CvKh762h.js";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { MazMagnifyingGlass, MazNoSymbol } from "@maz-ui/icons";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import { n as normalizeString, u as useStringMatching } from "../chunks/useStringMatching.D5UvsCUS.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazCardSpotlight from "./MazCardSpotlight.js";
 import MazCheckbox from "./MazCheckbox.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazChecklist.CWK_Gl-t.css';const _hoisted_1 = { class: "m-checklist m-reset-css" }, _hoisted_2 = ["for"], _hoisted_3 = {
+import '../assets/MazChecklist.BzF5KtZ3.css';const _hoisted_1 = { class: "m-checklist m-reset-css" }, _hoisted_2 = ["for"], _hoisted_3 = {
   key: 0,
   class: "title"
 }, _hoisted_4 = {
@@ -76,7 +76,7 @@ import '../assets/MazChecklist.CWK_Gl-t.css';const _hoisted_1 = { class: "m-chec
           "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(Cn) : void 0,
+          "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,
@@ -93,7 +93,7 @@ import '../assets/MazChecklist.CWK_Gl-t.css';const _hoisted_1 = { class: "m-chec
           filteredItems.value?.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "no-results", {}, () => [
               createElementVNode("div", _hoisted_5, [
-                createVNode(unref(Pn), { class: "no-results-icon" }),
+                createVNode(unref(MazNoSymbol), { class: "no-results-icon" }),
                 createElementVNode("span", _hoisted_6, [
                   renderSlot(_ctx.$slots, "no-results-text", {}, () => [
                     createTextVNode(toDisplayString(messages.value.noResultsFound), 1)
@@ -126,7 +126,7 @@ import '../assets/MazChecklist.CWK_Gl-t.css';const _hoisted_1 = { class: "m-chec
       }, 8, ["color", "elevation"])
     ]));
   }
-}), MazChecklist = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3215167"]]);
+}), MazChecklist = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a24e1de6"]]);
 export {
   MazChecklist as default
 };

package/dist/components/MazDatePicker.js

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

package/dist/components/MazDialog.js

@@ -1,5 +1,5 @@
 import { defineComponent, createPropsRestProxy, defineAsyncComponent, useAttrs, ref, computed, useSlots, watch, nextTick, createBlock, openBlock, mergeProps, withCtx, createElementVNode, renderSlot, createElementBlock, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, unref } from "vue";
-import { d as si } from "../chunks/index.CvKh762h.js";
+import { MazXMark } from "@maz-ui/icons";
 import MazBackdrop from "./MazBackdrop.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazDialog.DEmRfAv7.css';const _hoisted_1 = {
@@ -89,7 +89,7 @@ import '../assets/MazDialog.DEmRfAv7.css';const _hoisted_1 = {
                 key: 1,
                 color: "transparent",
                 size: "sm",
-                icon: unref(si),
+                icon: unref(MazXMark),
                 onClick: close
               }, null, 8, ["icon", "onClick"])) : createCommentVNode("", !0)
             ], 2)

package/dist/components/MazDialogConfirm.js

@@ -0,0 +1,6 @@
+import { _ as _sfc_main } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Df9N-wrT.js";
+import { u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Df9N-wrT.js";
+export {
+  _sfc_main as default,
+  u as useMazDialogConfirm
+};

package/dist/components/MazDrawer.js

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, computed, useSlots, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, createVNode, unref } from "vue";
-import { d as si } from "../chunks/index.CvKh762h.js";
+import { MazXMark } from "@maz-ui/icons";
 import MazBackdrop from "./MazBackdrop.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazDrawer.Dodd-EmX.css';const _hoisted_1 = { class: "m-drawer-header__title" }, _hoisted_2 = {
@@ -50,7 +50,7 @@ import '../assets/MazDrawer.Dodd-EmX.css';const _hoisted_1 = { class: "m-drawer-
                 onClick: close
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(si), { class: "icon maz-text-lg" })
+                  createVNode(unref(MazXMark), { class: "icon maz-text-lg" })
                 ]),
                 _: 2
               }, 1032, ["onClick"])

package/dist/components/MazDropdown.js

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

package/dist/components/MazDropzone.js

@@ -1,13 +1,13 @@
 import { defineComponent, mergeModels, defineAsyncComponent, useModel, onBeforeMount, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, withModifiers, Transition, createBlock, mergeProps, toDisplayString, createTextVNode } from "vue";
-import { b as at, c as ci, x as xa, K } from "../chunks/index.CvKh762h.js";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { MazCheckCircle, MazXCircle, MazTrash, MazArrowUpOnSquare } from "@maz-ui/icons";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import { s as sleep } from "../chunks/sleep.BLRH1qZG.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { useDropZone } from "../composables/useDropzone.js";
+import { useDropzone } from "../composables/useDropzone.js";
 import MazBtn from "./MazBtn.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = { class: "m-dropzone__description" }, _hoisted_4 = { class: "m-dropzone__file-info" }, _hoisted_5 = { class: "m-dropzone__file-name" }, _hoisted_6 = { class: "m-dropzone__file-size" }, _hoisted_7 = { class: "m-dropzone__content" }, _hoisted_8 = { class: "m-dropzone__upload-text" }, _hoisted_9 = { class: "m-dropzone__divider" }, _hoisted_10 = {
+import '../assets/MazDropzone.-8lzCrxJ.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = { class: "m-dropzone__description" }, _hoisted_4 = { class: "m-dropzone__file-info" }, _hoisted_5 = { class: "m-dropzone__file-name" }, _hoisted_6 = { class: "m-dropzone__file-size" }, _hoisted_7 = { class: "m-dropzone__content" }, _hoisted_8 = { class: "m-dropzone__upload-text" }, _hoisted_9 = { class: "m-dropzone__divider" }, _hoisted_10 = {
   key: 0,
   class: "m-dropzone__info-text"
 }, _hoisted_11 = { key: 0 }, _hoisted_12 = { key: 0 }, _hoisted_13 = ["id", "multiple", "accept", "disabled"], _sfc_main = /* @__PURE__ */ defineComponent({
@@ -236,7 +236,7 @@ import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted
     function onOver(files, event) {
       emits("over", { files, event });
     }
-    const { isOverDropZone, isOverError } = useDropZone(dropZoneRef, { dataTypes: __props.dataTypes, onDrop, preventDefaultForUnhandled: __props.preventDefaultForUnhandled, multiple: hasMultiple.value, onError, onEnter, onLeave, onOver }), fileInput = ref();
+    const { isOverDropZone, isOverError } = useDropzone(dropZoneRef, { dataTypes: __props.dataTypes, onDrop, preventDefaultForUnhandled: __props.preventDefaultForUnhandled, multiple: hasMultiple.value, onError, onEnter, onLeave, onOver }), fileInput = ref();
     function handleFileUpload(event) {
       const input = event.target, files = input?.files;
       files && handleFiles(files), setTimeout(() => {
@@ -413,10 +413,10 @@ import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted
                         key: 0,
                         color: _ctx.color,
                         class: "m-dropzone__spinner"
-                      }, { ref_for: !0 }, _ctx.spinnerProps), null, 16, ["color"])) : file.success ? (openBlock(), createBlock(unref(at), {
+                      }, { ref_for: !0 }, _ctx.spinnerProps), null, 16, ["color"])) : file.success ? (openBlock(), createBlock(unref(MazCheckCircle), {
                         key: 1,
                         class: "m-dropzone__success-icon"
-                      })) : file.error ? (openBlock(), createBlock(unref(ci), {
+                      })) : file.error ? (openBlock(), createBlock(unref(MazXCircle), {
                         key: 2,
                         class: "m-dropzone__error-icon"
                       })) : (openBlock(), createBlock(MazIcon, {
@@ -437,7 +437,7 @@ import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted
                     key: 0,
                     size: "xs",
                     "rounded-size": "full",
-                    icon: unref(xa),
+                    icon: unref(MazTrash),
                     disabled: _ctx.disabled,
                     color: _ctx.color
                   }, { ref_for: !0 }, _ctx.removeFileBtnProps, {
@@ -456,7 +456,7 @@ import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted
       }, () => [
         createElementVNode("div", _hoisted_7, [
           renderSlot(_ctx.$slots, "upload-icon", {}, () => [
-            createVNode(unref(K), { class: "m-dropzone__upload-icon" })
+            createVNode(unref(MazArrowUpOnSquare), { class: "m-dropzone__upload-icon" })
           ], !0),
           createElementVNode("span", _hoisted_8, toDisplayString(messages.value.dragAndDrop), 1)
         ]),
@@ -498,7 +498,7 @@ import '../assets/MazDropzone.DafxQwbq.css';const _hoisted_1 = ["for"], _hoisted
       }, null, 40, _hoisted_13)
     ], 14, _hoisted_1));
   }
-}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a809cca9"]]);
+}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f34771b3"]]);
 export {
   MazDropzone as default
 };

package/dist/components/MazGallery.js

@@ -1,7 +1,7 @@
 import { defineComponent, onBeforeMount, computed, createElementBlock, createCommentVNode, openBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createVNode } from "vue";
-import { L as Ln } from "../chunks/index.CvKh762h.js";
-import { d as directive } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
-import { d as directive$1 } from "../chunks/fullscreen-img.directive.ClMlhEtN.js";
+import { MazNoImage } from "@maz-ui/icons";
+import { d as directive } from "../chunks/lazy-img.directive.BLFnGqQa.js";
+import { d as directive$1 } from "../chunks/fullscreen-img.directive.Be383en8.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazGallery.DZ3TyggM.css';const _hoisted_1 = { class: "m-gallery__wrapper maz-flex maz-flex-1" }, _hoisted_2 = ["alt"], _hoisted_3 = {
   key: 0,
@@ -88,7 +88,7 @@ import '../assets/MazGallery.DZ3TyggM.css';const _hoisted_1 = { class: "m-galler
           class: normalizeClass(["empty-layer maz-flex maz-w-full maz-bg-surface-400 maz-text-foreground maz-flex-center", { "maz-rounded-xl": _ctx.radius }]),
           style: normalizeStyle([sizeStyle.value])
         }, [
-          createVNode(unref(Ln), { class: "maz-size-8" })
+          createVNode(unref(MazNoImage), { class: "maz-size-8" })
         ], 6)) : createCommentVNode("", !0)
       ]),
       (openBlock(!0), createElementBlock(Fragment, null, renderList(imagesHidden.value, (image, i) => withDirectives((openBlock(), createElementBlock("div", {

package/dist/components/MazInput.js

@@ -1,12 +1,12 @@
-import { defineComponent, defineAsyncComponent, ref, onMounted, computed, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, unref, toDisplayString, renderSlot, createBlock, resolveDynamicComponent, withDirectives, mergeProps, toHandlers, vModelDynamic, withModifiers, withCtx } from "vue";
-import { h as hr, A as Ar } from "../chunks/index.CvKh762h.js";
+import { defineComponent, defineAsyncComponent, ref, onMounted, computed, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, unref, toDisplayString, renderSlot, createBlock, resolveDynamicComponent, withDirectives, mergeProps, toHandlers, vModelDynamic, withModifiers, withCtx, createVNode } from "vue";
+import { MazEyeSlash, MazEye } from "@maz-ui/icons";
 import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2 = {
+import '../assets/MazInput.BcUsJg7p.css';const _hoisted_1 = ["for"], _hoisted_2 = {
   key: 0,
   class: "m-input-wrapper-left"
-}, _hoisted_3 = ["id", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "required"], _hoisted_4 = {
+}, _hoisted_3 = ["id", "placeholder", "aria-label", "type", "inputmode", "name", "autocomplete", "disabled", "readonly", "required"], _hoisted_4 = {
   key: 1,
   class: "m-input-wrapper-right"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -42,11 +42,12 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
     roundedSize: { default: "lg" },
     block: { type: Boolean },
     name: {},
-    autocomplete: {}
+    autocomplete: {},
+    loading: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), hasPasswordVisible = ref(!1), isFocused = ref(!1), input = ref(), instanceId = useInstanceUniqId({
+    const props = __props, emits = __emit, MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), hasPasswordVisible = ref(!1), isFocused = ref(!1), input = ref(), instanceId = useInstanceUniqId({
       componentName: "MazInput",
       providedId: props.id
     });
@@ -55,11 +56,11 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
     });
     const isPasswordType = computed(() => props.type === "password"), inputType = computed(() => hasPasswordVisible.value ? "text" : props.type), borderStyle = computed(() => {
       if (props.border) {
-        if (props.error)
+        if (props.error && !isFocused.value)
           return "maz-border-destructive";
-        if (props.success)
+        if (props.success && !isFocused.value)
           return "maz-border-success";
-        if (props.warning)
+        if (props.warning && !isFocused.value)
           return "maz-border-warning";
         if (isFocused.value || props.borderActive) {
           if (props.color === "destructive")
@@ -97,7 +98,7 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
       set: (value) => emitValue(value)
     }), hasValue = computed(() => model.value !== void 0 && model.value !== ""), shouldUp = computed(() => (!!props.label || !!props.hint) && (!!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type))), hasLabel = computed(() => !!props.label || !!props.hint);
     function hasRightPart() {
-      return !!slots["right-icon"] || isPasswordType.value || !!props.rightIcon;
+      return !!slots["right-icon"] || isPasswordType.value || !!props.rightIcon || props.loading;
     }
     function hasLeftPart() {
       return !!slots["left-icon"] || !!props.leftIcon;
@@ -116,11 +117,11 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
     }
     const stateColor = computed(() => {
       if (props.error)
-        return "maz-text-destructive-600";
+        return "!maz-text-destructive-600";
       if (props.success)
-        return "maz-text-success-600";
+        return "!maz-text-success-600";
       if (props.warning)
-        return "maz-text-warning-600";
+        return "!maz-text-warning-600";
     });
     return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["m-input m-reset-css", [
@@ -128,7 +129,6 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
           "--is-focused": isFocused.value || _ctx.borderActive,
           "--should-up": shouldUp.value,
           "--has-label": hasLabel.value,
-          "--is-disabled": _ctx.disabled,
           "--is-readonly": _ctx.readonly,
           "--has-z-2": _ctx.error || _ctx.warning || _ctx.success,
           "--has-state": _ctx.error || _ctx.warning || _ctx.success,
@@ -149,7 +149,7 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
           _ctx.inputClasses,
           borderStyle.value,
           `--rounded-${_ctx.roundedSize}`,
-          { "--block": _ctx.block }
+          { "--block": _ctx.block, "--border": _ctx.border }
         ]])
       }, [
         hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_2, [
@@ -175,6 +175,8 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
             "aria-label": _ctx.label || _ctx.placeholder,
             type: inputType.value,
             inputmode: _ctx.inputmode,
+            name: _ctx.name,
+            autocomplete: _ctx.autocomplete,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
             required: _ctx.required,
@@ -213,16 +215,19 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
             onClick: _cache[2] || (_cache[2] = withModifiers(($event) => hasPasswordVisible.value = !hasPasswordVisible.value, ["stop"]))
           }, {
             default: withCtx(() => [
-              hasPasswordVisible.value ? (openBlock(), createBlock(unref(hr), {
+              hasPasswordVisible.value ? (openBlock(), createBlock(unref(MazEyeSlash), {
                 key: 0,
                 class: "maz-text-xl maz-text-muted"
-              })) : (openBlock(), createBlock(unref(Ar), {
+              })) : (openBlock(), createBlock(unref(MazEye), {
                 key: 1,
                 class: "maz-text-xl maz-text-muted"
               }))
             ]),
             _: 1
-          })) : createCommentVNode("", !0)
+          })) : createCommentVNode("", !0),
+          _ctx.loading ? renderSlot(_ctx.$slots, "loader", { key: 2 }, () => [
+            createVNode(unref(MazSpinner), { color: _ctx.color }, null, 8, ["color"])
+          ], !0) : createCommentVNode("", !0)
         ])) : createCommentVNode("", !0)
       ], 2),
       _ctx.assistiveText ? (openBlock(), createElementBlock("div", {
@@ -238,7 +243,7 @@ import '../assets/MazInput.DW2KOJHY.css';const _hoisted_1 = ["for"], _hoisted_2
       }, toDisplayString(_ctx.assistiveText), 3)) : createCommentVNode("", !0)
     ], 6));
   }
-}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4583d75b"]]);
+}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e063a62"]]);
 export {
   MazInput as default
 };