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

package/dist/components/MazRadioButtons.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, normalizeStyle, renderSlot, createVNode, Transition, withCtx, withDirectives, unref, vShow, createTextVNode, toDisplayString } from "vue";
-import { i as it } from "../chunks/index.CvKh762h.js";
+import { MazCheck } from "@maz-ui/icons";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-radio-buttons m-reset-css" }, _hoisted_2 = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], _hoisted_3 = ["id", "name", "value", "onChange"], _hoisted_4 = {
   key: 0,
@@ -96,7 +96,7 @@ import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-r
             }, [
               createVNode(Transition, { name: "maz-radio-buttons-scale" }, {
                 default: withCtx(() => [
-                  withDirectives(createVNode(unref(it), { class: "maz-size-full" }, null, 512), [
+                  withDirectives(createVNode(unref(MazCheck), { class: "maz-size-full" }, null, 512), [
                     [vShow, isSelected(option.value)]
                   ])
                 ]),

package/dist/components/MazReadingProgressBar.js

@@ -1,7 +1,14 @@
 import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, createBlock, openBlock, Teleport, createElementVNode, mergeProps, normalizeStyle, normalizeClass, nextTick } from "vue";
-import { t as throttle } from "../chunks/throttle.DN8ARw0a.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazReadingProgressBar.n1Is8_Y3.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazReadingProgressBar.CwBVXE3g.css';function throttle(func, limit) {
+  let inThrottle = !1, lastFunc, lastRan;
+  return function(...args) {
+    inThrottle ? (clearTimeout(lastFunc), lastFunc = setTimeout(() => {
+      Date.now() - lastRan >= limit && (func.apply(this, args), lastRan = Date.now());
+    }, Math.max(limit - (Date.now() - lastRan), 0))) : (func.apply(this, args), lastRan = Date.now(), inThrottle = !0);
+  };
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazReadingProgressBar",
   props: {
     height: { default: "4px" },
@@ -61,7 +68,7 @@ import '../assets/MazReadingProgressBar.n1Is8_Y3.css';const _sfc_main = /* @__PU
       ], 16)
     ], 8, ["to"]));
   }
-}), MazReadingProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9f473f71"]]);
+}), MazReadingProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe8cbda7"]]);
 export {
   MazReadingProgressBar as default
 };

package/dist/components/MazSelect.js

@@ -1,13 +1,13 @@
-import { defineComponent, mergeModels, defineAsyncComponent, useTemplateRef, computed, useModel, ref, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, createCommentVNode, renderSlot, createElementBlock, createVNode, Fragment, renderList, toDisplayString, withModifiers, mergeProps, nextTick } from "vue";
-import { C as Cn, P as Pn, a as Mt } from "../chunks/index.CvKh762h.js";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { defineComponent, mergeModels, defineAsyncComponent, useTemplateRef, computed, useModel, ref, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, createCommentVNode, renderSlot, createElementBlock, createVNode, Fragment, renderList, toDisplayString, withModifiers, mergeProps, createSlots, nextTick } from "vue";
+import { MazMagnifyingGlass, MazNoSymbol, MazChevronDown } from "@maz-ui/icons";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { u as useStringMatching, n as normalizeString } from "../chunks/useStringMatching.D5UvsCUS.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazInput from "./MazInput.js";
 import MazPopover from "./MazPopover.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelect.DZZpDg8z.css';let timeout = null;
+import '../assets/MazSelect.Cljh3PVV.css';let timeout = null;
 function debounceCallback(callback, delay) {
   timeout && clearTimeout(timeout), timeout = setTimeout(callback, delay);
 }
@@ -151,6 +151,8 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
       }, 1e3));
     }
     function mainInputKeyboardHandler(event) {
+      if (event.ctrlKey || event.metaKey || event.altKey)
+        return;
       const keyPressed = event.key;
       (keyPressed === "ArrowDown" || keyPressed === "ArrowUp" || /^[\dA-Za-z\u0400-\u04FF]$/.test(keyPressed)) && !isOpen.value && (event.preventDefault(), popoverComponent.value?.open()), /^[\dA-Za-z\u0400-\u04FF]$/.test(keyPressed) && props.search && focusSearchInputAndSetQuery(keyPressed);
     }
@@ -160,7 +162,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
       const item = optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index + 1})`);
       if (item && optionListScrollWrapper.value) {
         const wrapperRect = optionListScrollWrapper.value.getBoundingClientRect(), itemRect = item.getBoundingClientRect(), scrollTop = item.offsetTop - wrapperRect.height / 2 + itemRect.height / 2;
-        optionListScrollWrapper.value.scrollTo({
+        optionListScrollWrapper.value.scrollTo?.({
           top: scrollTop,
           behavior: "auto"
         }), nextTick(() => {
@@ -240,6 +242,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
       offset: 0,
       "prefer-position": _ctx.listPosition,
       "fallback-position": "top-start",
+      "position-reference": ".m-input-wrapper",
       onClose: onCloseList,
       onOpen: onOpenList
     }, {
@@ -266,10 +269,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
           onFocus: _cache[2] || (_cache[2] = ($event) => emits("focus", $event)),
           onBlur: _cache[3] || (_cache[3] = ($event) => emits("blur", $event)),
           onKeydown: mainInputKeyboardHandler
-        }), {
-          "left-icon": withCtx(() => [
-            renderSlot(_ctx.$slots, "left-icon", {}, void 0, !0)
-          ]),
+        }), createSlots({
           "right-icon": withCtx(() => [
             renderSlot(_ctx.$slots, "right-icon", {}, () => [
               createElementVNode("button", {
@@ -278,12 +278,20 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
                 class: "m-select-input__toggle-button maz-custom",
                 "aria-label": `${isOpen.value ? "collapse" : "expand"} list of options`
               }, [
-                createVNode(unref(Mt), { class: "m-select-chevron" })
+                createVNode(unref(MazChevronDown), { class: "m-select-chevron" })
               ], 8, _hoisted_1)
             ], !0)
           ]),
-          _: 3
-        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "block", "placeholder", "label", "autocomplete", "disabled"])
+          _: 2
+        }, [
+          _ctx.$slots["left-icon"] ? {
+            name: "left-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-icon", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "border-active", "color", "model-value", "size", "block", "placeholder", "label", "autocomplete", "disabled"])
       ]),
       default: withCtx(() => [
         createElementVNode("div", {
@@ -318,11 +326,11 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
             autocomplete: "off",
             block: "",
             class: "m-select-list__search-input maz-flex-none",
-            "left-icon": unref(Cn)
+            "left-icon": unref(MazMagnifyingGlass)
           }, null, 8, ["modelValue", "disabled", "color", "placeholder", "left-icon"])) : createCommentVNode("", !0),
           !optionList.value || optionList.value.length <= 0 ? renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
             createElementVNode("span", _hoisted_3, [
-              createVNode(unref(Pn), { class: "maz-size-6 maz-text-foreground" })
+              createVNode(unref(MazNoSymbol), { class: "maz-size-6 maz-text-foreground" })
             ])
           ], !0) : (openBlock(), createElementBlock("div", {
             key: 2,
@@ -370,7 +378,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
       _: 3
     }, 8, ["modelValue", "class", "style", "block", "prefer-position"]));
   }
-}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7f9209f"]]);
+}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa45ea2e"]]);
 export {
   MazSelect as default
 };

package/dist/components/MazSelectCountry.js

@@ -1,13 +1,13 @@
 import { defineComponent, computed, defineAsyncComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, mergeProps, unref, withCtx, createElementVNode, createCommentVNode, renderSlot, createBlock, toDisplayString } from "vue";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
-import { i as isServer } from "../chunks/vClickOutside.C69k0jaG.js";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
+import { i as isServer } from "../chunks/vClickOutside.DIOiluy0.js";
 import { useDisplayNames } from "../composables/useDisplayNames.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazSelect from "./MazSelect.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelectCountry.9RTcDxtM.css';function getBrowserLocale() {
+import '../assets/MazSelectCountry.CdNTQPhr.css';function getBrowserLocale() {
   try {
-    return isServer() ? void 0 : window.navigator.language;
+    return isServer() ? void 0 : globalThis.navigator.language;
   } catch (error) {
     throw new Error(`[MazInputPhoneNumber] (browserLocale) ${error}`);
   }
@@ -50,6 +50,7 @@ const _hoisted_1 = {
     options: {},
     displayNamesOptions: { default: () => ({ type: "region", languageDisplay: "standard", fallback: "code", style: "long" }) },
     codesType: {},
+    open: { type: Boolean },
     label: {},
     placeholder: {},
     modelValue: {},
@@ -82,7 +83,7 @@ const _hoisted_1 = {
       excludedCodes: () => __props.ignoredCodes,
       preferredCodes: () => __props.preferredCodes,
       codesType: _codesType
-    }), countriesOptions = computed(() => __props.options?.length ? __props.options : displayNames?.value ?? []), messages = computed(() => ({
+    }), countriesOptions = computed(() => __props.options ? __props.options : displayNames?.value ?? []), messages = computed(() => ({
       searchPlaceholder: __props.translations?.searchPlaceholder ?? t("selectCountry.searchPlaceholder")
     }));
     function getFlagUrl(code, size = "h20") {
@@ -125,11 +126,11 @@ const _hoisted_1 = {
         required: _ctx.required,
         "search-function": _ctx.searchFunction,
         "format-input-value": _ctx.formatInputValue,
-        "display-code": _ctx.displayCode,
         "search-placeholder": messages.value.searchPlaceholder,
         "search-threshold": _ctx.searchThreshold,
         options: countriesOptions.value,
         hint: _ctx.hint,
+        open: _ctx.open,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:model-value", $event))
       }), {
         "left-icon": withCtx(() => [
@@ -190,10 +191,10 @@ const _hoisted_1 = {
           ], 2)
         ]),
         _: 3
-      }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "display-code", "search-placeholder", "search-threshold", "options", "hint"])
+      }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "search-placeholder", "search-threshold", "options", "hint", "open"])
     ], 6));
   }
-}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5870457"]]);
+}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c36e4733"]]);
 export {
   MazSelectCountry as default
 };

package/dist/components/MazSlider.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
 import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSlider.D5SgmZLH.css';function getOffset(elem) {
+import '../assets/MazSlider.y4qpnD0N.css';function getOffset(elem) {
   const doc = document.documentElement, body = document.body, rect = elem.getBoundingClientRect();
   return {
     y: rect.top + (window.pageYOffset || doc.scrollTop) - (doc.clientTop || body.clientTop || 0),
@@ -199,7 +199,7 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
       ], 8, _hoisted_1)
     ], 38));
   }
-}), MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9407a4c"]]);
+}), MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7aacef4"]]);
 export {
   MazSlider as default
 };

package/dist/components/MazStepper.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed, useSlots, ref, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode, withCtx } from "vue";
-import { b as at, w as wr, u as ur } from "../chunks/index.CvKh762h.js";
+import { MazCheckCircle, MazExclamationTriangle, MazExclamationCircle } from "@maz-ui/icons";
 import MazExpandAnimation from "./MazExpandAnimation.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazStepper.DYMde9uq.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
+import '../assets/MazStepper.DtWZmm-f.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
   key: 0,
   class: "m-stepper__subtitle"
 }, _hoisted_8 = {
@@ -33,7 +33,7 @@ import '../assets/MazStepper.DYMde9uq.css';const _hoisted_1 = ["id", "disabled",
       }
     });
     function getStepStateData(step) {
-      return isStepSuccess(step) ? { icon: at, class: "--success" } : isStepWarning(step) ? { icon: wr, class: "--warning" } : isStepError(step) ? { icon: ur, class: "--error" } : { class: "--normal" };
+      return isStepSuccess(step) ? { icon: MazCheckCircle, class: "--success" } : isStepWarning(step) ? { icon: MazExclamationTriangle, class: "--warning" } : isStepError(step) ? { icon: MazExclamationCircle, class: "--error" } : { class: "--normal" };
     }
     function getStepIcon(step) {
       return __props.steps?.[step - 1]?.icon;
@@ -148,7 +148,7 @@ import '../assets/MazStepper.DYMde9uq.css';const _hoisted_1 = ["id", "disabled",
       ], 64))), 128))
     ], 4));
   }
-}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b6d4b14"]]);
+}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6fcb131"]]);
 export {
   MazStepper as default
 };

package/dist/components/MazSwitch.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DQE0vFhe.js";
+import { _ as _sfc_main } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js";
 export {
   _sfc_main as default
 };

package/dist/components/MazTable.js

@@ -1,7 +1,7 @@
-import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.By5YbgRn.js";
-import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.By5YbgRn.js";
+import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
+import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTable.B1tkeUfE.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-680bb425"]]);
+import '../assets/MazTable.DMlQdImb.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f352ade"]]);
 export {
   MazTable as default,
   m as mazTableKey

package/dist/components/MazTableCell.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.By5YbgRn.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableCell.BPgmqAMD.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableCell",

package/dist/components/MazTableRow.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.By5YbgRn.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableRow.B78Bd4Kv.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableRow",

package/dist/components/MazTableTitle.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.By5YbgRn.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableTitle.BjJMgQFY.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableTitle",

package/dist/components/MazTabsBar.js

@@ -2,7 +2,7 @@ import { defineComponent, defineAsyncComponent, ref, computed, onBeforeMount, on
 import { s as sleep } from "../chunks/sleep.BLRH1qZG.js";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazTabsBar.gcS2Fc-B.css';const _hoisted_1 = ["disabled", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsBar",
   props: {
     items: {},
@@ -44,7 +44,7 @@ import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onCl
         return;
       const scrollOffset = 50;
       if (activeTab.offsetLeft - scrollOffset < tabsBar.scrollLeft || activeTab.offsetLeft + activeTab.offsetWidth > tabsBar.scrollLeft + tabsBar.clientWidth) {
-        const tabBarPaddingLeft = window.getComputedStyle(tabsBar, "padding-left").paddingLeft, tabsBarPaddingOffset = Number(tabBarPaddingLeft.slice(0, -2));
+        const tabBarPaddingLeft = globalThis.getComputedStyle(tabsBar, "padding-left").paddingLeft, tabsBarPaddingOffset = Number(tabBarPaddingLeft.slice(0, -2));
         tabsBar.scrollTo({
           left: activeTab.offsetLeft - tabsBarPaddingOffset - scrollOffset,
           behavior: tabsBarHasScrollAnimation.value ? "smooth" : "instant"
@@ -75,12 +75,12 @@ import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onCl
       }
     );
     function getQueryParamTab() {
-      const urlActuelle = new URL(window.location.href);
+      const urlActuelle = new URL(globalThis.location.href);
       return Number(urlActuelle.searchParams.get(__props.queryParam));
     }
     function addOrUpdateQueryParamTab(tab) {
-      const urlActuelle = new URL(window.location.href);
-      urlActuelle.searchParams.set(__props.queryParam, String(tab)), window.history.replaceState({}, document.title, urlActuelle.toString());
+      const urlActuelle = new URL(globalThis.location.href);
+      urlActuelle.searchParams.set(__props.queryParam, String(tab)), globalThis.history.replaceState({}, document.title, urlActuelle.toString());
     }
     return onMounted(() => {
       __props.persistent && updateCurrentTab(getQueryParamTab() || currentTab.value || 1);
@@ -132,7 +132,7 @@ import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onCl
       ], 14, _hoisted_1))), 128))
     ], 2));
   }
-}), MazTabsBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63ed1a55"]]);
+}), MazTabsBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-318a382c"]]);
 export {
   MazTabsBar as default
 };

package/dist/components/MazTextarea.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, onMounted, onBeforeUnmount, useSlots, c
 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/MazTextarea.Dz11mUeK.css';class TextareaAutogrow {
+import '../assets/MazTextarea.DME7BHS5.css';class TextareaAutogrow {
   element;
   constructor(element) {
     this.element = element, this.onFocus = this.onFocus.bind(this), this.autogrow = this.autogrow.bind(this), this.onResize = debounce(this.onResize.bind(this), 200), this.connect();
@@ -162,7 +162,7 @@ const _hoisted_1 = ["for"], _hoisted_2 = ["for"], _hoisted_3 = { key: 1 }, _hois
       ])) : createCommentVNode("", !0)
     ], 14, _hoisted_1));
   }
-}), MazTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-897e2e6c"]]);
+}), MazTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-33678f23"]]);
 export {
   MazTextarea as default
 };

package/dist/components/index.js

@@ -14,11 +14,11 @@ import { _ } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.JSYXGy
 import { default as default14 } from "./MazCheckbox.js";
 import { default as default15 } from "./MazChecklist.js";
 import { default as default16 } from "./MazCircularProgressBar.js";
-import { M } from "../chunks/MazDatePicker.Bgd0WwZk.js";
+import { M } from "../chunks/MazDatePicker.De3Ltb2F.js";
 import { default as default17 } from "./MazDialog.js";
-import { _ as _2, u } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.BQvDEofz.js";
+import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Df9N-wrT.js";
 import { default as default18 } from "./MazDrawer.js";
-import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.WRjG5bff.js";
+import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.BES3jpuw.js";
 import { default as default19 } from "./MazDropzone.js";
 import { default as default20 } from "./MazExpandAnimation.js";
 import { default as default21 } from "./MazFullscreenLoader.js";
@@ -26,9 +26,9 @@ import { default as default22 } from "./MazGallery.js";
 import { default as default23 } from "./MazIcon.js";
 import { default as default24 } from "./MazInput.js";
 import { default as default25 } from "./MazInputCode.js";
-import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.BUOLoXtV.js";
-import { M as M2 } from "../chunks/MazInputPhoneNumber.B7mxCHgU.js";
-import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.CT1Y2-_T.js";
+import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.B6DYpHfi.js";
+import { M as M2 } from "../chunks/MazInputPhoneNumber.DBncAmC5.js";
+import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.BA6TDX-T.js";
 import { default as default26 } from "./MazInputTags.js";
 import { default as default27 } from "./MazLazyImg.js";
 import { default as default28 } from "./MazLink.js";
@@ -44,7 +44,7 @@ import { default as default37 } from "./MazSelectCountry.js";
 import { default as default38 } from "./MazSlider.js";
 import { default as default39 } from "./MazSpinner.js";
 import { default as default40 } from "./MazStepper.js";
-import { _ as _6 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DQE0vFhe.js";
+import { _ as _6 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js";
 import { default as default41 } from "./MazTable.js";
 import { default as default42 } from "./MazTableCell.js";
 import { default as default43 } from "./MazTableRow.js";
@@ -73,7 +73,7 @@ export {
   default16 as MazCircularProgressBar,
   M as MazDatePicker,
   default17 as MazDialog,
-  _2 as MazDialogPromise,
+  _2 as MazDialogConfirm,
   default18 as MazDrawer,
   _3 as MazDropdown,
   default19 as MazDropzone,
@@ -111,5 +111,5 @@ export {
   _8 as MazTabsContent,
   default46 as MazTabsContentItem,
   default47 as MazTextarea,
-  u as useMazDialogPromise
+  u as useMazDialogConfirm
 };

package/dist/composables/useDisplayNames.js

@@ -7,6 +7,12 @@ const bcp47Codes = ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO
   style: "long",
   localeMatcher: "lookup"
 }, displayNamesCache = /* @__PURE__ */ new Map();
+let cacheCleanupTimer = null;
+function scheduleCacheCleanup() {
+  cacheCleanupTimer && clearTimeout(cacheCleanupTimer), cacheCleanupTimer = setTimeout(() => {
+    displayNamesCache.size > 50 && displayNamesCache.clear(), cacheCleanupTimer = null;
+  }, 5 * 60 * 1e3);
+}
 function isSameLanguageThanCode(language, code) {
   return !language || language?.toLocaleLowerCase() === code.toLocaleLowerCase();
 }
@@ -21,7 +27,7 @@ function getDisplayNamesInstance(locale, options = DEFAULT_DISPLAY_NAMES_OPTIONS
         ...options,
         type: options.type ?? DEFAULT_DISPLAY_NAMES_OPTIONS.type
       });
-      displayNamesCache.set(cacheKey, instance);
+      displayNamesCache.set(cacheKey, instance), scheduleCacheCleanup();
     } catch (error) {
       return console.warn(`[maz-ui] (useDisplayNames) Failed to create DisplayNames instance for locale ${locale}:`, error), null;
     }

package/dist/composables/useDropzone.js

@@ -1,6 +1,6 @@
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { ref, shallowRef, watch, toValue, onBeforeUnmount, unref } from "vue";
-function useDropZone(target, options = {}) {
+function useDropzone(target, options = {}) {
   const isOverDropZone = ref(!1), isOverError = ref(!1), files = shallowRef(null);
   let counter = 0, isValid = !0;
   if (isClient()) {
@@ -16,7 +16,7 @@ function useDropZone(target, options = {}) {
       const types = Array.from(items ?? []).map((item) => item.type), dataTypesValid = checkDataTypes(types), multipleFilesValid = multiple || items.length <= 1;
       return dataTypesValid && multipleFilesValid;
     }, isSafari = function() {
-      return /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window);
+      return /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in globalThis);
     }, handleDragEvent = function(event, eventType) {
       const dataTransferItemList = event.dataTransfer?.items;
       isValid = (dataTransferItemList && checkValidity(dataTransferItemList)) ?? !1, preventDefaultForUnhandled && event.preventDefault();
@@ -37,11 +37,11 @@ function useDropZone(target, options = {}) {
       }
     }, removeEventListeners = function() {
       const targetElement = toValue(target);
-      targetElement && (targetElement.removeEventListener("dragenter", (event) => handleDragEvent(event, "enter")), targetElement.removeEventListener("dragover", (event) => handleDragEvent(event, "over")), targetElement.removeEventListener("dragleave", (event) => handleDragEvent(event, "leave")), targetElement.removeEventListener("drop", (event) => handleDragEvent(event, "drop")));
+      targetElement && (targetElement.removeEventListener("dragenter", dragHandler), targetElement.removeEventListener("dragover", dragHandler), targetElement.removeEventListener("dragleave", dragHandler), targetElement.removeEventListener("drop", dragHandler));
     };
-    const _options = typeof options == "function" ? { onDrop: options } : options, multiple = _options.multiple ?? !0, preventDefaultForUnhandled = _options.preventDefaultForUnhandled ?? !1;
+    const _options = typeof options == "function" ? { onDrop: options } : options, multiple = _options.multiple ?? !0, preventDefaultForUnhandled = _options.preventDefaultForUnhandled ?? !1, dragHandler = (event) => handleDragEvent(event, "enter");
     watch(() => toValue(target), (element) => {
-      element && (element.addEventListener("dragenter", (event) => handleDragEvent(event, "enter")), element.addEventListener("dragover", (event) => handleDragEvent(event, "over")), element.addEventListener("dragleave", (event) => handleDragEvent(event, "leave")), element.addEventListener("drop", (event) => handleDragEvent(event, "drop")));
+      element && (element.addEventListener("dragenter", dragHandler), element.addEventListener("dragover", dragHandler), element.addEventListener("dragleave", dragHandler), element.addEventListener("drop", dragHandler));
     }, { immediate: !0 }), onBeforeUnmount(() => {
       removeEventListeners();
     });
@@ -53,5 +53,5 @@ function useDropZone(target, options = {}) {
   };
 }
 export {
-  useDropZone
+  useDropzone
 };

package/dist/composables/useFormField.js

@@ -1,5 +1,4 @@
-import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
-import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as isEqual, k as setFieldValidationState, l as getValidationEvents, d as hasModeIncludes, r as removeEventFromInteractiveElements, m as handleFieldBlur, n as findInteractiveElements, o as addEventToInteractiveElements } from "../chunks/utils.D9NiqfdV.js";
+import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as isEqual, k as setFieldValidationState, l as getValidationEvents, h as hasModeIncludes, r as removeEventFromInteractiveElements, m as findInteractiveElements, n as addEventToInteractiveElements, o as handleFieldBlur } from "../chunks/dom-events.Bbe7wDQl.js";
 import { computed, onMounted, onUnmounted } from "vue";
 import { useFreezeValue } from "./useFreezeValue.js";
 function useFormField(name, options) {
@@ -13,17 +12,17 @@ function useFormField(name, options) {
     internalSchema,
     errorMessages,
     isSubmitted
-  } = getContext(opts.formIdentifier, "useFormField"), fieldMode = fieldHasValidation(name, internalSchema.value) ? options?.mode ?? formOptions.mode : void 0;
-  opts.mode = fieldMode;
+  } = getContext(opts.formIdentifier, "useFormField"), finalOpts = opts, fieldMode = fieldHasValidation(name, internalSchema.value) ? options?.mode ?? formOptions.mode : void 0;
+  finalOpts.mode = fieldMode;
   const fieldState = computed(() => fieldsStates.value[name]);
   if (fieldsStates.value[name] = updateFieldState({
     name,
     fieldState: fieldState.value,
     payload: payload.value,
     schema: internalSchema.value,
-    options: { ...formOptions, ...opts }
-  }), opts.defaultValue !== void 0 && !isEqual(payload.value[name], opts.defaultValue)) {
-    const initialValue = opts.defaultValue;
+    options: { ...formOptions, ...finalOpts }
+  }), finalOpts.defaultValue !== void 0 && !isEqual(payload.value[name], finalOpts.defaultValue)) {
+    const initialValue = finalOpts.defaultValue;
     payload.value[name] = initialValue, fieldsStates.value[name].initialValue = useFreezeValue(initialValue);
   }
   fieldMode && setFieldValidationState({
@@ -45,27 +44,26 @@ function useFormField(name, options) {
   }
   const validationEvents = computed(
     () => getValidationEvents({
-      hasRef: !!opts.ref?.value,
+      hasRef: !!finalOpts.ref?.value,
       onBlur,
       fieldState: fieldState.value
     })
   );
-  if (opts.ref && hasModeIncludes(["eager", "blur", "progressive"], fieldMode)) {
+  if (finalOpts.ref && fieldMode && hasModeIncludes(["eager", "blur", "progressive"], fieldMode)) {
     let interactiveElements = [];
     const handleInteractiveElements = (element) => {
-      interactiveElements = findInteractiveElements(element), addEventToInteractiveElements({
+      interactiveElements.length > 0 && removeEventFromInteractiveElements({
+        interactiveElements,
+        onBlur
+      }), interactiveElements = findInteractiveElements(element), addEventToInteractiveElements({
         interactiveElements,
         onBlur,
         mode: fieldMode
       });
     };
     onMounted(() => {
-      checkAvailability(() => opts.ref?.value, (element) => {
-        const interactiveElement = element instanceof HTMLElement ? element : element?.$el;
-        interactiveElement && handleInteractiveElements(interactiveElement);
-      }, {
-        errorMessage: `[maz-ui](useFormField) No element found for ref ${opts.ref} for field ${name}`
-      });
+      const element = finalOpts.ref?.value, elementToBind = element instanceof HTMLElement ? element : element?.$el;
+      elementToBind instanceof HTMLElement ? handleInteractiveElements(elementToBind) : console.warn(`[maz-ui](useFormField) No element found for ref in field '${String(name)}'. Make sure the ref is properly bound to an HTMLElement or Vue component (form identifier: ${formOptions.identifier})`);
     }), onUnmounted(() => {
       removeEventFromInteractiveElements({
         interactiveElements,
@@ -87,8 +85,7 @@ function useFormField(name, options) {
       get: () => payload.value[name],
       set: (value) => payload.value[name] = value
     }),
-    validationEvents,
-    onBlur
+    validationEvents
   };
 }
 export {