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

package/dist/chunks/{MazDropdown.vue_vue_type_style_index_0_lang.DjPJ9-gt.js → MazDropdown.vue_vue_type_style_index_0_lang.BES3jpuw.js}

@@ -1,6 +1,6 @@
-import { defineComponent, mergeModels, defineAsyncComponent, useModel, computed, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, renderSlot, createElementBlock, Fragment, renderList, createCommentVNode, mergeProps, withModifiers, createTextVNode, toDisplayString, withKeys, createVNode, createSlots, resolveDynamicComponent } from "vue";
+import { defineComponent, mergeModels, defineAsyncComponent, useModel, computed, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, renderSlot, createElementBlock, Fragment, renderList, mergeProps, withModifiers, createTextVNode, toDisplayString, withKeys, createVNode, createSlots, resolveDynamicComponent } from "vue";
 import { MazChevronDown } from "@maz-ui/icons";
-import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "./useTranslations.D5aoYwD7.js";
 import { i as isClient } from "./isClient.WI4oSt66.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazPopover from "../components/MazPopover.js";
@@ -60,9 +60,6 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
     function setDropdown(value) {
       __props.disabled || (modelValue.value = value);
     }
-    function isActionItem(item) {
-      return "onClick" in item;
-    }
     function isLinkItem(item) {
       return "href" in item || "to" in item;
     }
@@ -217,11 +214,11 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
                   ])
                 ]),
                 _: 2
-              }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : isActionItem(item) ? (openBlock(), createElementBlock("button", mergeProps({
+              }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : (openBlock(), createElementBlock("button", mergeProps({
                 key: 1,
                 type: "button"
               }, { ref_for: !0 }, { ...item, onClick: void 0 }, {
-                class: ["menuitem menuitem__button", [item.class, `--${item.color ?? "contrast"}`]],
+                class: ["menuitem menuitem__button", [item.class, item.color ? `--${item.color}` : ""]],
                 onClick: withModifiers(($event) => runAction(item, $event), ["stop"]),
                 onKeypress: withKeys(withModifiers(($event) => runAction(item, $event), ["stop", "prevent"]), ["enter"])
               }), [
@@ -234,7 +231,7 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
                 }, () => [
                   createTextVNode(toDisplayString(item.label), 1)
                 ])
-              ], 16, _hoisted_4)) : createCommentVNode("", !0)
+              ], 16, _hoisted_4))
             ])), 128))
           ])
         ], 14, _hoisted_3)

package/dist/chunks/{MazInputPhoneNumber.B7mxCHgU.js → MazInputPhoneNumber.DBncAmC5.js}

@@ -1,9 +1,9 @@
-import { ref, defineComponent, defineAsyncComponent, computed, onBeforeMount, onMounted, watch, provide, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, createCommentVNode, createVNode, unref, mergeProps, withCtx, createElementVNode, toDisplayString, renderSlot, nextTick } from "vue";
-import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
+import { ref, defineComponent, defineAsyncComponent, computed, onBeforeMount, onMounted, watch, provide, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, createCommentVNode, createVNode, mergeProps, withCtx, createElementVNode, toDisplayString, renderSlot, nextTick } from "vue";
+import { u as useTranslations } from "./useTranslations.D5aoYwD7.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { getCountryCallingCode, getCountries, isSupportedCountry, getExampleNumber, parsePhoneNumberFromString, AsYouType } from "libphonenumber-js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazInputPhoneNumber.C-Nw3080.css';const examples = ref();
+import '../assets/MazInputPhoneNumber.CrXS7DOY.css';const examples = ref();
 function isCountryAvailable(locale) {
   try {
     const response = isSupportedCountry(locale);
@@ -98,9 +98,9 @@ async function fetchLocaleIp() {
   }
 }
 function getBrowserLocale() {
-  if (typeof window > "u")
+  if (typeof globalThis.window > "u")
     return;
-  const browserLocale = window.navigator.language;
+  const browserLocale = globalThis.navigator.language;
   if (!browserLocale)
     return;
   let locale = browserLocale.slice(3, 7).toUpperCase();
@@ -156,7 +156,7 @@ function useMazInputPhoneNumber() {
     getCountryList
   };
 }
-const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1 = ["id"], _hoisted_2 = { class: "m-input-phone-number__country-list-code" }, _sfc_main = /* @__PURE__ */ defineComponent({
   name: "MazInputPhoneNumber",
   inheritAttrs: !1,
   __name: "MazInputPhoneNumber",
@@ -209,7 +209,7 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
   },
   emits: ["update:model-value", "country-code", "update:country-code", "data"],
   setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, MazSelectCountry = defineAsyncComponent(() => import("../components/MazSelectCountry.js")), PhoneInput = defineAsyncComponent(() => import("./PhoneInput.tDA-TWr5.js")), { fetchCountryCode: fetchCountryCode2, getBrowserLocale: getBrowserLocale2, getCountryList: getCountryList2 } = useMazInputPhoneNumber(), { isCountryAvailable: isCountryAvailable2, getPhoneNumberResults: getPhoneNumberResults2 } = useLibphonenumber(), instanceId = useInstanceUniqId({
+    const props = __props, emits = __emit, MazSelectCountry = defineAsyncComponent(() => import("../components/MazSelectCountry.js")), PhoneInput = defineAsyncComponent(() => import("./PhoneInput.iFkRoIFk.js")), { fetchCountryCode: fetchCountryCode2, getBrowserLocale: getBrowserLocale2, getCountryList: getCountryList2 } = useMazInputPhoneNumber(), { isCountryAvailable: isCountryAvailable2, getPhoneNumberResults: getPhoneNumberResults2 } = useLibphonenumber(), instanceId = useInstanceUniqId({
       componentName: "MazInputPhoneNumber",
       providedId: props.id
     }), phoneNumber = ref(), selectedCountry = ref(), { t } = useTranslations(), messages = computed(() => ({
@@ -273,7 +273,7 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
       updateTheResults({ phone: newPhoneNumber }), results.value.parsedCountryCode && results.value.parsedCountryCode !== selectedCountry.value && onCountryChanged({
         countryCode: results.value.parsedCountryCode,
         updateResults: !1
-      }), results.value.isValid && hasAutoFormat.value ? phoneNumber.value = results.value.formatNational?.trim().replaceAll(new RegExp(/\D/g), "") : phoneNumber.value = newPhoneNumber, isPhoneNumberInternalUpdate.value = !0, results.value.e164 ? emits("update:model-value", results.value.e164) : emits("update:model-value", results.value.phoneNumber), setTimeout(() => {
+      }), results.value.isValid && hasAutoFormat.value ? phoneNumber.value = results.value.formatNational?.trim().replace(new RegExp(/\D/g), "") : phoneNumber.value = newPhoneNumber, isPhoneNumberInternalUpdate.value = !0, results.value.e164 ? emits("update:model-value", results.value.e164) : emits("update:model-value", results.value.phoneNumber), setTimeout(() => {
         isPhoneNumberInternalUpdate.value = !1;
       }, 0);
     }
@@ -323,6 +323,7 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
       phoneNumber,
       results
     }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      id: unref(instanceId),
       class: normalizeClass(["m-input-phone-number m-reset-css", [props.class, { "--block": _ctx.block }, _ctx.orientation ? `--${_ctx.orientation}` : void 0]]),
       style: normalizeStyle(_ctx.style)
     }, [
@@ -367,7 +368,7 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
           }, void 0, !0)
         ]),
         "country-list-code": withCtx(({ option }) => [
-          createElementVNode("span", _hoisted_1, " +" + toDisplayString(option.dialCode), 1)
+          createElementVNode("span", _hoisted_2, " +" + toDisplayString(option.dialCode), 1)
         ]),
         _: 3
       }, 16, ["id", "model-value", "option-input-value-key", "color", "size", "locale", "countries-list", "list-position", "hide-flags", "search", "block", "error", "success", "translations", "hint", "options", "disabled", "search-threshold", "format-input-value", "show-code-in-list", "label"])),
@@ -384,6 +385,7 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
         example: _ctx.example,
         block: "",
         disabled: _ctx.disabled,
+        name: _ctx.phoneInputAttributes.name,
         "has-radius": !_ctx.hideCountrySelect,
         success: _ctx.success || (_ctx.validationSuccess ? results.value.isValid : !1),
         error: _ctx.error || (_ctx.validationError ? !!phoneNumber.value && !results.value.isValid : !1),
@@ -391,10 +393,10 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
         label: _ctx.label,
         placeholder: _ctx.placeholder,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => onPhoneNumberChanged({ newPhoneNumber: $event }))
-      }), null, 16, ["id", "model-value", "color", "size", "auto-format", "example", "disabled", "has-radius", "success", "error", "locales", "label", "placeholder"])
-    ], 6));
+      }), null, 16, ["id", "model-value", "color", "size", "auto-format", "example", "disabled", "name", "has-radius", "success", "error", "locales", "label", "placeholder"])
+    ], 14, _hoisted_1));
   }
-}), MazInputPhoneNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c969ce1"]]);
+}), MazInputPhoneNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-941c0e2b"]]);
 export {
   MazInputPhoneNumber as M,
   useLibphonenumber as u

package/dist/chunks/{MazPickerCalendar.CzPlAVdQ.js → MazPickerCalendar.DKXNI8O4.js}

@@ -21,7 +21,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
   },
   emits: ["update:model-value", "update:calendar-date"],
   setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, MazDatePickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.gZBcslia.js")), MazDatePickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.CzAkb2yj.js")), MazDatePickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.BuZuUauW.js")), MazDatePickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.CMySiKny.js")), MazDatePickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.METGgjem.js")), hoverredDay = ref(), hasShortcuts = computed(
+    const props = __props, emits = __emit, MazDatePickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.DKBqgrNp.js")), MazDatePickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.CzIZol3Z.js")), MazDatePickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.BSD2GtY6.js")), MazDatePickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.CMySiKny.js")), MazDatePickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.BIUYJMvj.js")), hoverredDay = ref(), hasShortcuts = computed(
       () => props.shortcuts && props.shortcuts.length > 0 && props.range
     ), monthSwitcherOpen = ref(!1), yearSwitcherOpen = ref(!1), currentValue = computed({
       get: () => props.modelValue,

package/dist/chunks/{MazPickerCalendarMonth.gZBcslia.js → MazPickerCalendarMonth.DKBqgrNp.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, toDisplayString, useCssVars, ref, watch, createVNode, TransitionGroup, withCtx, normalizeClass, createBlock, createElementVNode } from "vue";
 import dayjs from "dayjs";
-import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.EVP68BQf.js";
+import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.De3Ltb2F.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
 import { d as debounce } from "./debounce.Brzkn9pm.js";
 import MazBtn from "../components/MazBtn.js";
-import '../assets/MazPickerCalendarMonth.zkrPVHDv.css';const _hoisted_1 = { class: "maz-picker-calendar-days" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+import '../assets/MazPickerCalendarMonth.Boe_8k4x.css';const _hoisted_1 = { class: "maz-picker-calendar-days" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazPickerCalendarDays",
   props: {
     locale: { type: String, required: !0 },
@@ -39,8 +39,8 @@ import '../assets/MazPickerCalendarMonth.zkrPVHDv.css';const _hoisted_1 = { clas
   emits: ["update:model-value", "update:hoverred-day"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "0022af95": hoverColor.value,
-      14174568: hoverTextColor.value
+      "4994ba23": hoverColor.value,
+      "2d754e14": hoverTextColor.value
     }));
     const props = __props, emits = __emit, MazDatePickerGrid = ref(), transitionName = ref("maz-slidenext"), calendarDateArray = computed(() => [props.calendarDate]), hoverColor = computed(() => `hsl(var(--maz-${props.color}) / 20%)`), hoverTextColor = computed(() => `hsl(var(--maz-${props.color}-foreground))`), modelValue = computed({
       get: () => props.modelValue,
@@ -185,7 +185,7 @@ import '../assets/MazPickerCalendarMonth.zkrPVHDv.css';const _hoisted_1 = { clas
       }, 8, ["name"])
     ], 512));
   }
-}), MazDatePickerCalendarGrid = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f2c2da11"]]), _sfc_main = /* @__PURE__ */ defineComponent({
+}), MazDatePickerCalendarGrid = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-39e153c9"]]), _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerCalendarMonth",
   props: {
     modelValue: {

package/dist/chunks/{MazPickerCalendarSwitcher.CzAkb2yj.js → MazPickerCalendarSwitcher.CzIZol3Z.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createElementBlock, openBlock, createVNode, withCtx, unref, createTextVNode, toDisplayString } from "vue";
 import { MazChevronLeft } from "@maz-ui/icons";
 import { c as capitalize } from "./capitalize.BF6CDS_4.js";
-import { f as formatDate } from "./MazDatePicker.EVP68BQf.js";
+import { f as formatDate } from "./MazDatePicker.De3Ltb2F.js";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";

package/dist/chunks/{MazPickerContainer.BodulCQp.js → MazPickerContainer.Mrh-Q52I.js}

@@ -30,7 +30,7 @@ import '../assets/MazPickerContainer.k3DGjyHC.css';const _hoisted_1 = { class: "
   },
   emits: ["update:model-value", "update:calendar-date", "close"],
   setup(__props, { emit: __emit }) {
-    const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.CzPlAVdQ.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.ns_pHhiy.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.DMVpW3Ha.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
+    const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.DKXNI8O4.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.Bm9vIrtB.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.D0hilq5b.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
     function saveLastTimeValue(value) {
       lastTimeValue.value = dayjs(value).format("HH:mm"), emits("update:model-value", value);
     }

package/dist/chunks/{MazPickerHeader.ns_pHhiy.js → MazPickerHeader.Bm9vIrtB.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, createElementBlock, openBlock, normalizeClass, createCommentVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString } from "vue";
 import { c as capitalize } from "./capitalize.BF6CDS_4.js";
-import { f as formatDate } from "./MazDatePicker.EVP68BQf.js";
+import { f as formatDate } from "./MazDatePicker.De3Ltb2F.js";
 import dayjs from "dayjs";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazPickerHeader.ZYCJY5bX.css';const _hoisted_1 = {

package/dist/chunks/{MazPickerMonthSwitcher.BuZuUauW.js → MazPickerMonthSwitcher.BSD2GtY6.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
 import { MazXMark } from "@maz-ui/icons";
 import { c as capitalize } from "./capitalize.BF6CDS_4.js";
-import { f as formatDate, i as isSameDate } from "./MazDatePicker.EVP68BQf.js";
+import { f as formatDate, i as isSameDate } from "./MazDatePicker.De3Ltb2F.js";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";

package/dist/chunks/{MazPickerTime.DMVpW3Ha.js → MazPickerTime.D0hilq5b.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, watch, nextTick, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
-import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.EVP68BQf.js";
+import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.De3Ltb2F.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazPickerTime.yINUjbDZ.css';const _hoisted_1 = { class: "m-date-picker-time__column__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerTime",

package/dist/chunks/{MazPickerYearSwitcher.METGgjem.js → MazPickerYearSwitcher.BIUYJMvj.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
-import { f as formatDate, i as isSameDate } from "./MazDatePicker.EVP68BQf.js";
+import { f as formatDate, i as isSameDate } from "./MazDatePicker.De3Ltb2F.js";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";

package/dist/chunks/{MazTable.vue_vue_type_script_setup_true_lang.CK2bk5tI.js → MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useCssVars, defineAsyncComponent, computed, toRefs, provide, ref, watch, useSlots, onBeforeMount, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createBlock, createVNode, unref, normalizeStyle, createTextVNode, withCtx, Fragment, renderList } from "vue";
 import { MazMagnifyingGlass, MazArrowUp, MazChevronDoubleLeft, MazChevronLeft } from "@maz-ui/icons";
-import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "./useTranslations.D5aoYwD7.js";
 const _hoisted_1 = {
   key: 0,
   class: "m-table-header"

package/dist/chunks/{PhoneInput.tDA-TWr5.js → PhoneInput.iFkRoIFk.js}

@@ -1,10 +1,10 @@
 import { defineComponent, mergeModels, useModel, ref, computed, onMounted, watch, useTemplateRef, createBlock, openBlock, mergeProps, unref } from "vue";
-import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
+import { u as useTranslations } from "./useTranslations.D5aoYwD7.js";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import MazInput from "../components/MazInput.js";
-import { u as useLibphonenumber } from "./MazInputPhoneNumber.B7mxCHgU.js";
+import { u as useLibphonenumber } from "./MazInputPhoneNumber.DBncAmC5.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/PhoneInput.CyWO76iq.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/PhoneInput.DBLH22G1.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PhoneInput",
   props: /* @__PURE__ */ mergeModels({
     style: {},
@@ -36,6 +36,7 @@ import '../assets/PhoneInput.CyWO76iq.css';const _sfc_main = /* @__PURE__ */ def
     block: { type: Boolean },
     name: {},
     autocomplete: {},
+    loading: { type: Boolean },
     locales: {},
     example: { type: Boolean },
     hasRadius: { type: Boolean },
@@ -114,7 +115,7 @@ import '../assets/PhoneInput.CyWO76iq.css';const _sfc_main = /* @__PURE__ */ def
       onBlur: _cache[1] || (_cache[1] = ($event) => inputFocused.value = !1)
     }), null, 16, ["id", "model-value", "disabled", "color", "error", "size", "success", "name", "inputmode", "autocomplete", "class"]));
   }
-}), PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ceb93113"]]);
+}), PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b22da65e"]]);
 export {
   PhoneInput as default
 };

package/dist/chunks/{dom-events.CvkK8Xn2.js → dom-events.Bbe7wDQl.js}

@@ -100,7 +100,9 @@ async function setFieldValidationState({
       return;
     }
     const { result, isValid } = await getFieldValidationResult(name, schema, payload[name]);
-    fieldState.valid = isValid, (setError || setErrorIfInvalidAndNotEmpty && !isValid && !isEmptyValue(payload[name])) && (fieldState.error = !isValid), fieldState.errors = result.issues ?? [], fieldState.validated = !0;
+    fieldState.valid = isValid;
+    const shouldSetError = setError || setErrorIfInvalidAndNotEmpty && !isValid && !isEmptyValue(payload[name]), shouldPreserveError = fieldState.blurred && !isValid && fieldState.mode && ["eager", "blur", "progressive"].includes(fieldState.mode);
+    (shouldSetError || shouldPreserveError) && (fieldState.error = !isValid), fieldState.errors = result.issues ?? [], fieldState.validated = !0;
   } finally {
     fieldState.validating = !1;
   }

package/dist/chunks/{fullscreen-img.directive.CyOHexcO.js → fullscreen-img.directive.Be383en8.js}

@@ -4,7 +4,7 @@ import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
 import { c as checkAvailability } from "./checkAvailability.aTpZidex.js";
 import MazSpinner from "../components/MazSpinner.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/fullscreen-img.pvt6196l.css';const _hoisted_1 = ["onKeypress"], _hoisted_2 = { class: "m-fullscreen-img-scroller" }, _hoisted_3 = ["src", "alt"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/fullscreen-img.Bkuz1GOX.css';const _hoisted_1 = ["onKeypress"], _hoisted_2 = { class: "m-fullscreen-img-scroller" }, _hoisted_3 = ["src", "alt"], _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -231,7 +231,7 @@ import '../assets/fullscreen-img.pvt6196l.css';const _hoisted_1 = ["onKeypress"]
       ])
     ], 40, _hoisted_1));
   }
-}), MazFullscreenImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-72d817c5"]]), STATE_OPEN_CLASS = "m-fullscreen-is-open";
+}), MazFullscreenImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0b12968"]]), STATE_OPEN_CLASS = "m-fullscreen-is-open";
 class FullscreenImgHandler {
   options = void 0;
   defaultOptions = {

package/dist/chunks/{lazy-img.directive.D5zCo3Zi.js → lazy-img.directive.BLFnGqQa.js}

@@ -134,7 +134,7 @@ class LazyImg {
   async imageHandler(el, binding, type) {
     if (type === "update")
       for await (const observer of this.observers) observer.unobserve(el);
-    window.IntersectionObserver ? this.createObserver(el, binding) : this.loadImage(el, binding);
+    globalThis.IntersectionObserver ? this.createObserver(el, binding) : this.loadImage(el, binding);
   }
   async bindUpdateHandler(el, binding, type) {
     await this.imageHandler(el, binding, type);

package/dist/chunks/{useTranslations.BXuww4ux.js → useTranslations.D5aoYwD7.js}

@@ -2,7 +2,7 @@ import { inject } from "vue";
 function useTranslations() {
   const injected = inject("mazTranslations");
   if (!injected)
-    throw new Error("MazTranslations plugin or MazUi plugin not installed. Please install the plugin first.");
+    throw new Error("[@maz-ui/translations] You must install the MazUi or MazTranslations plugin before using useTranslations composable");
   return injected;
 }
 export {

package/dist/chunks/{vClickOutside.C69k0jaG.js → vClickOutside.DIOiluy0.js}

@@ -1,6 +1,6 @@
 import { nextTick } from "vue";
 function isServer() {
-  return typeof document > "u" || typeof window > "u";
+  return typeof document > "u" || typeof globalThis.window > "u";
 }
 const eventHandlers = /* @__PURE__ */ new WeakMap();
 function getEventType() {

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/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/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.FsG6p6NF.css';const _hoisted_1 = {
+import '../assets/MazBtn.DUBbj2mt.css';const _hoisted_1 = {
   key: 0,
   class: "m-btn-loader-container"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -79,13 +79,15 @@ import '../assets/MazBtn.FsG6p6NF.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-3c658595"]]);
+}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b9a8954"]]);
 export {
   MazBtn as default
 };

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 { MazChevronLeft, MazChevronRight } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+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,

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 { MazMagnifyingGlass, MazNoSymbol } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+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 = {
@@ -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.EVP68BQf.js";
+import { M } from "../chunks/MazDatePicker.De3Ltb2F.js";
 import "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 export {
   M as default

package/dist/components/MazDialogConfirm.js

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

package/dist/components/MazDropdown.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.DjPJ9-gt.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 { MazCheckCircle, MazXCircle, MazTrash, MazArrowUpOnSquare } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+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(() => {
@@ -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 { MazNoImage } from "@maz-ui/icons";
-import { d as directive } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
-import { d as directive$1 } from "../chunks/fullscreen-img.directive.CyOHexcO.js";
+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,