maz-ui 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/chunks/{MazInputPhoneNumber.Uwhn1Q9j.js → MazInputPhoneNumber.BVHi0OiN.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.vpA2mrZn.css';const examples = ref();
+import '../assets/MazInputPhoneNumber.DQKElfIM.css';const examples = ref();
 function isCountryAvailable(locale) {
   try {
     const response = isSupportedCountry(locale);
@@ -57,9 +57,9 @@ function getPhoneNumberExample(countryCode) {
 }
 function getAsYouTypeFormat(countryCode, phoneNumber) {
   try {
-    return !phoneNumber || !countryCode ? void 0 : new AsYouType(countryCode).input(phoneNumber);
+    return !phoneNumber || !countryCode || typeof countryCode != "string" || countryCode.length !== 2 ? phoneNumber : new AsYouType(countryCode).input(phoneNumber);
   } catch (error) {
-    throw new Error(`[MazInputPhoneNumber](getAsYouTypeFormat) ${error}`);
+    return console.error(`[MazInputPhoneNumber](getAsYouTypeFormat) Error with countryCode: "${countryCode}", phoneNumber: "${phoneNumber}"`, error), phoneNumber;
   }
 }
 function isSameCountryCallingCode(countryCode, countryCode2) {
@@ -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();
@@ -149,14 +149,21 @@ async function fetchCountryCode() {
     };
   }
 }
+function sanitizePhoneNumber(input) {
+  if (!input)
+    return "";
+  const regex = new RegExp(/[^\d ()+-]/g);
+  return input.replaceAll(regex, "").trim();
+}
 function useMazInputPhoneNumber() {
   return {
     fetchCountryCode,
     getBrowserLocale,
-    getCountryList
+    getCountryList,
+    sanitizePhoneNumber
   };
 }
-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",
@@ -185,7 +192,7 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
     hideCountrySelect: { type: Boolean, default: !1 },
     showCodeInList: { type: Boolean, default: !1 },
     customCountriesList: { default: void 0 },
-    autoFormat: { type: Boolean, default: !0 },
+    autoFormat: { type: [String, Boolean], default: "blur" },
     countryLocale: { default: void 0 },
     validationError: { type: Boolean, default: !0 },
     validationSuccess: { type: Boolean, default: !0 },
@@ -209,7 +216,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.CPjyZ8Sq.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.D9vRIgS6.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(() => ({
@@ -222,7 +229,7 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
         placeholder: props.translations?.phoneInput?.placeholder || t("inputPhoneNumber.phoneInput.placeholder"),
         example: props.translations?.phoneInput?.example
       }
-    })), isPhoneNumberInternalUpdate = ref(!1), isCountryInternalUpdate = ref(!1), hasAutoFormat = computed(() => props.autoFormat), results = ref({
+    })), isPhoneNumberInternalUpdate = ref(!1), isCountryInternalUpdate = ref(!1), results = ref({
       isValid: !1,
       countryCode: props.countryCode,
       phoneNumber: props.modelValue
@@ -273,7 +280,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 && (props.autoFormat === "blur" || props.autoFormat === "typing") ? 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 +330,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 +375,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"])),
@@ -380,10 +388,11 @@ const _hoisted_1 = { class: "m-input-phone-number__country-list-code" }, _sfc_ma
       }, { ..._ctx.$attrs, ..._ctx.phoneInputAttributes }, {
         color: _ctx.color,
         size: _ctx.size,
-        "auto-format": hasAutoFormat.value,
+        "auto-format": _ctx.autoFormat,
         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,11 +400,12 @@ 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-4fb69048"]]);
+}), MazInputPhoneNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1180c2f2"]]);
 export {
   MazInputPhoneNumber as M,
+  useMazInputPhoneNumber as a,
   useLibphonenumber as u
 };

package/dist/chunks/{MazInputPrice.vue_vue_type_script_setup_true_lang.GMKzSu7R.js → MazInputPrice.vue_vue_type_script_setup_true_lang.BA6TDX-T.js}

@@ -1,7 +1,37 @@
 import { defineComponent, ref, watch, computed, onMounted, createBlock, openBlock, withKeys, unref, nextTick } from "vue";
 import { MazBanknotes } from "@maz-ui/icons";
-import { f as formatCurrency } from "./formatCurrency.C8NzW9Ii.js";
 import MazInput from "../components/MazInput.js";
+const DEFAULT_OPTIONS = {
+  style: "currency",
+  minimumFractionDigits: 2,
+  round: !1
+};
+function getFormattedCurrency(number, locale, options) {
+  let numberToFormat = +number;
+  return options.round && (numberToFormat = Math.floor(numberToFormat), options.minimumFractionDigits = 0), new Intl.NumberFormat(locale, options).format(numberToFormat);
+}
+function validRequiredAttributes(number, locale, options) {
+  if (number === void 0)
+    throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
+  if (locale === void 0)
+    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute is required.");
+  if (typeof locale != "string")
+    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");
+  if (options.currency === void 0)
+    throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
+}
+function formatCurrency(number, locale, options) {
+  const options_ = {
+    ...DEFAULT_OPTIONS,
+    ...options
+  };
+  validRequiredAttributes(number, locale, options_);
+  try {
+    return getFormattedCurrency(number, locale, options_);
+  } catch (error) {
+    throw new Error(`[maz-ui](FilterCurrency) ${error}`);
+  }
+}
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazInputPrice",
   props: {

package/dist/chunks/{MazPickerCalendar.RS6ZMdDK.js → MazPickerCalendar.lLfvUtrb.js}

@@ -1,6 +1,6 @@
 import { defineComponent, defineAsyncComponent, ref, computed, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, unref, normalizeClass, createVNode, Transition, withCtx, Fragment, renderList } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "maz-picker-calendar flex" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPickerCalendar.e-eF8E7m.css';const _hoisted_1 = { class: "maz-picker-calendar flex" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerCalendar",
   props: {
     modelValue: {},
@@ -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.hQBSVkc9.js")), MazDatePickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.Cp2ux3E4.js")), MazDatePickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.BpfCGGxQ.js")), MazDatePickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.CMySiKny.js")), MazDatePickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.D4aO09D3.js")), hoverredDay = ref(), hasShortcuts = computed(
+    const props = __props, emits = __emit, MazPickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.Djzgo1tF.js")), MazPickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.Bf24kKw6.js")), MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.B2ZgNJWy.js")), MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.CMySiKny.js")), MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.BIy9xGIw.js")), hoverredDay = ref(), hasShortcuts = computed(
       () => props.shortcuts && props.shortcuts.length > 0 && props.range
     ), monthSwitcherOpen = ref(!1), yearSwitcherOpen = ref(!1), currentValue = computed({
       get: () => props.modelValue,
@@ -31,7 +31,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
       set: (calendarDate2) => emits("update:calendar-date", calendarDate2)
     });
     return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      hasShortcuts.value ? (openBlock(), createBlock(unref(MazDatePickerShortcuts), {
+      hasShortcuts.value ? (openBlock(), createBlock(unref(MazPickerShortcuts), {
         key: 0,
         modelValue: currentValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
@@ -44,7 +44,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
       createElementVNode("div", {
         class: normalizeClass(["maz-picker-calendar__main", { "--has-double": _ctx.double }])
       }, [
-        createVNode(unref(MazDatePickerCalendarSwitcher), {
+        createVNode(unref(MazPickerCalendarSwitcher), {
           "calendar-date": calendarDate.value,
           "onUpdate:calendarDate": _cache[1] || (_cache[1] = ($event) => calendarDate.value = $event),
           locale: _ctx.locale,
@@ -54,7 +54,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
         }, null, 8, ["calendar-date", "locale", "double"]),
         createVNode(Transition, { name: "maz-picker-slide" }, {
           default: withCtx(() => [
-            monthSwitcherOpen.value ? (openBlock(), createBlock(unref(MazDatePickerMonthSwitcher), {
+            monthSwitcherOpen.value ? (openBlock(), createBlock(unref(MazPickerMonthSwitcher), {
               key: 0,
               "calendar-date": calendarDate.value,
               "onUpdate:calendarDate": _cache[4] || (_cache[4] = ($event) => calendarDate.value = $event),
@@ -68,7 +68,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
         }),
         createVNode(Transition, { name: "maz-picker-slide" }, {
           default: withCtx(() => [
-            yearSwitcherOpen.value ? (openBlock(), createBlock(unref(MazDatePickerYearSwitcher), {
+            yearSwitcherOpen.value ? (openBlock(), createBlock(unref(MazPickerYearSwitcher), {
               key: 0,
               "calendar-date": calendarDate.value,
               "onUpdate:calendarDate": _cache[6] || (_cache[6] = ($event) => calendarDate.value = $event),
@@ -82,7 +82,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
         createElementVNode("div", {
           class: normalizeClass(["maz-picker-calendar__months", { "--is-range": _ctx.range }])
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(months.value, (month) => (openBlock(), createBlock(unref(MazDatePickerCalendarMonth), {
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(months.value, (month) => (openBlock(), createBlock(unref(MazPickerCalendarMonth), {
             key: month,
             modelValue: currentValue.value,
             "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => currentValue.value = $event),
@@ -105,7 +105,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
       ], 2)
     ]));
   }
-}), MazPickerCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ec04fd7b"]]);
+}), MazPickerCalendar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e444411"]]);
 export {
   MazPickerCalendar as default
 };

package/dist/chunks/{MazPickerCalendarMonth.hQBSVkc9.js → MazPickerCalendarMonth.Djzgo1tF.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, a as getDaysInMonth, b as getFirstDayOfMonth, c as isRangeValue, i as isSameDate, d as isValidDate, e as isSameDay } from "./MazDatePicker.CT5yJhSN.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.bKFpslPf.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.BRoEh_ad.css';const _hoisted_1 = { class: "maz-picker-calendar-days" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazPickerCalendarDays",
   props: {
     locale: { type: String, required: !0 },
@@ -16,7 +16,7 @@ import '../assets/MazPickerCalendarMonth.zkrPVHDv.css';const _hoisted_1 = { clas
       (openBlock(!0), createElementBlock(Fragment, null, renderList(days.value, (label) => (openBlock(), createElementBlock("span", { key: label }, toDisplayString(label), 1))), 128))
     ]));
   }
-}), MazDatePickerCalendarDays = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-491de61c"]]), _sfc_main$1 = /* @__PURE__ */ defineComponent({
+}), MazPickerCalendarDays = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-491de61c"]]), _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MazPickerCalendarGrid",
   props: {
     modelValue: {
@@ -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
+      "0b46b82a": hoverColor.value,
+      "8619c284": 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({
+}), MazPickerCalendarGrid = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5c1545fa"]]), _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerCalendarMonth",
   props: {
     modelValue: {
@@ -225,12 +225,12 @@ import '../assets/MazPickerCalendarMonth.zkrPVHDv.css';const _hoisted_1 = { clas
     return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["maz-picker-calendar-month", { "--has-padding": !__props.range }])
     }, [
-      createVNode(MazDatePickerCalendarDays, {
+      createVNode(MazPickerCalendarDays, {
         locale: __props.locale,
         "first-day-of-week": __props.firstDayOfWeek,
         class: "maz-picker-calendar-month__days"
       }, null, 8, ["locale", "first-day-of-week"]),
-      createVNode(MazDatePickerCalendarGrid, {
+      createVNode(MazPickerCalendarGrid, {
         modelValue: modelValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
         "hoverred-day": hoverredDay.value,
@@ -249,7 +249,7 @@ import '../assets/MazPickerCalendarMonth.zkrPVHDv.css';const _hoisted_1 = { clas
       }, null, 8, ["modelValue", "hoverred-day", "locale", "color", "has-time", "calendar-date", "first-day-of-week", "min-date", "max-date", "disabled-weekly", "disabled-dates", "disabled", "range"])
     ], 2));
   }
-}), MazPickerCalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c87b47d1"]]);
+}), MazPickerCalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6d0805c"]]);
 export {
   MazPickerCalendarMonth as default
 };

package/dist/chunks/{MazPickerCalendarSwitcher.Cp2ux3E4.js → MazPickerCalendarSwitcher.Bf24kKw6.js}

@@ -1,11 +1,11 @@
 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 "./formatDate.DZ_OzdnV.js";
+import { f as formatDate } from "./MazDatePicker.bKFpslPf.js";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPickerCalendarSwitcher.uni8vJJv.css';const _hoisted_1 = { class: "m-date-picker-calendar-switcher" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPickerCalendarSwitcher.CI9Vw1sJ.css';const _hoisted_1 = { class: "m-date-picker-calendar-switcher" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerCalendarSwitcher",
   props: {
     calendarDate: { type: String, default: void 0 },
@@ -84,7 +84,7 @@ import '../assets/MazPickerCalendarSwitcher.uni8vJJv.css';const _hoisted_1 = { c
       })
     ]));
   }
-}), MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7d0ecb2"]]);
+}), MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa76b452"]]);
 export {
   MazPickerCalendarSwitcher as default
 };

package/dist/chunks/{MazPickerContainer.DnfB3Dqg.js → MazPickerContainer.7hYHiOaa.js}

@@ -1,7 +1,7 @@
 import { defineComponent, defineAsyncComponent, ref, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, unref } from "vue";
 import dayjs from "dayjs";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPickerContainer.k3DGjyHC.css';const _hoisted_1 = { class: "m-date-picker-container__wrapper" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPickerContainer.DmHuaFqE.css';const _hoisted_1 = { class: "m-date-picker-container__wrapper" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerContainer",
   props: {
     modelValue: {},
@@ -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.RS6ZMdDK.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.Dlz2yJ1D.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.EuWWNfid.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
+    const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.lLfvUtrb.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.B00RAQPS.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.Bd4khA2e.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);
     }
@@ -43,9 +43,7 @@ import '../assets/MazPickerContainer.k3DGjyHC.css';const _hoisted_1 = { class: "
     }
     const currentDate = computed({
       get: () => __props.modelValue,
-      set: (value) => {
-        emits("update:model-value", value);
-      }
+      set: (value) => emits("update:model-value", value)
     }), currentCalendarDate = computed({
       get: () => __props.calendarDate,
       set: (calendarDate) => emits("update:calendar-date", calendarDate)
@@ -111,7 +109,7 @@ import '../assets/MazPickerContainer.k3DGjyHC.css';const _hoisted_1 = { class: "
       ])
     ], 2));
   }
-}), MazPickerContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea2849a3"]]);
+}), MazPickerContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69e91845"]]);
 export {
   MazPickerContainer as default
 };

package/dist/chunks/{MazPickerHeader.Dlz2yJ1D.js → MazPickerHeader.B00RAQPS.js}

@@ -1,9 +1,9 @@
 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 "./formatDate.DZ_OzdnV.js";
+import { f as formatDate } from "./MazDatePicker.bKFpslPf.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 = {
+import '../assets/MazPickerHeader.C4W93yMD.css';const _hoisted_1 = {
   key: 0,
   class: "m-date-picker-header__date"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -120,7 +120,7 @@ import '../assets/MazPickerHeader.ZYCJY5bX.css';const _hoisted_1 = {
       ], 2)) : createCommentVNode("", !0)
     ], 2));
   }
-}), MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-759a859b"]]);
+}), MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f5273ba"]]);
 export {
   MazPickerHeader as default
 };

package/dist/chunks/{MazPickerMonthSwitcher.BpfCGGxQ.js → MazPickerMonthSwitcher.B2ZgNJWy.js}

@@ -1,12 +1,11 @@
 import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
-import { X as XMark } from "./x-mark.CTalOvvY.js";
+import { MazXMark } from "@maz-ui/icons";
 import { c as capitalize } from "./capitalize.BF6CDS_4.js";
-import { f as formatDate } from "./formatDate.DZ_OzdnV.js";
+import { f as formatDate, i as isSameDate } from "./MazDatePicker.bKFpslPf.js";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
-import { i as isSameDate } from "./MazDatePicker.CT5yJhSN.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPickerMonthSwitcher.168v7Hs1.css';const _hoisted_1 = { class: "maz-picker-month-switcher" }, _hoisted_2 = { class: "maz-picker-month-switcher__header" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPickerMonthSwitcher.D9lfVzYo.css';const _hoisted_1 = { class: "maz-picker-month-switcher" }, _hoisted_2 = { class: "maz-picker-month-switcher__header" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerMonthSwitcher",
   props: {
     calendarDate: { type: String, required: !0 },
@@ -50,7 +49,7 @@ import '../assets/MazPickerMonthSwitcher.168v7Hs1.css';const _hoisted_1 = { clas
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
         }, {
           default: withCtx(() => [
-            createVNode(unref(XMark), { class: "maz-text-lg" })
+            createVNode(unref(MazXMark), { class: "maz-text-lg" })
           ]),
           _: 1
         })
@@ -76,7 +75,7 @@ import '../assets/MazPickerMonthSwitcher.168v7Hs1.css';const _hoisted_1 = { clas
       ], 2)
     ]));
   }
-}), MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f5e01456"]]);
+}), MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ccb4182e"]]);
 export {
   MazPickerMonthSwitcher as default
 };

package/dist/chunks/{MazPickerTime.EuWWNfid.js → MazPickerTime.Bd4khA2e.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 { f as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.CT5yJhSN.js";
+import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.bKFpslPf.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.D4aO09D3.js → MazPickerYearSwitcher.BIy9xGIw.js}

@@ -1,29 +1,10 @@
-import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import { X as XMark } from "./x-mark.CTalOvvY.js";
-import { f as formatDate } from "./formatDate.DZ_OzdnV.js";
+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.bKFpslPf.js";
 import dayjs from "dayjs";
 import MazBtn from "../components/MazBtn.js";
-import { i as isSameDate } from "./MazDatePicker.CT5yJhSN.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPickerYearSwitcher.Dl30Dwor.css';const _hoisted_1$1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.5",
-      d: "M15.75 19.5 8.25 12l7.5-7.5"
-    }, null, -1)
-  ]));
-}
-const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazPickerYearSwitcher.CFiH13QC.css';const _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazPickerYearSwitcher",
   props: {
     color: { type: String, required: !0 },
@@ -60,7 +41,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
             onClick: withModifiers(previousYears, ["stop"])
           }, {
             default: withCtx(() => [
-              createVNode(unref(ChevronLeft), { class: "maz-text-lg" })
+              createVNode(unref(MazChevronLeft), { class: "maz-text-lg" })
             ]),
             _: 1
           }),
@@ -71,7 +52,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
             onClick: withModifiers(nextYears, ["stop"])
           }, {
             default: withCtx(() => [
-              createVNode(unref(ChevronLeft), { class: "maz-rotate-180 maz-text-lg" })
+              createVNode(unref(MazChevronLeft), { class: "maz-rotate-180 maz-text-lg" })
             ]),
             _: 1
           })
@@ -83,7 +64,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
         }, {
           default: withCtx(() => [
-            createVNode(unref(XMark), { class: "maz-text-lg" })
+            createVNode(unref(MazXMark), { class: "maz-text-lg" })
           ]),
           _: 1
         })
@@ -107,7 +88,7 @@ const ChevronLeft = { render }, _hoisted_1 = { class: "maz-picker-year-switcher"
       ])
     ]));
   }
-}), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e22e71c7"]]);
+}), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4cfe332"]]);
 export {
   MazPickerYearSwitcher as default
 };

package/dist/chunks/{MazSwitch.vue_vue_type_style_index_0_lang.DnCjlD6D.js → MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, mergeProps, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import '../assets/MazSwitch.Z1ZMm7tx.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "name", "checked", "aria-label", "disabled"], _hoisted_3 = {
+import '../assets/MazSwitch.Bxmh2iFj.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "name", "checked", "aria-label", "disabled"], _hoisted_3 = {
   key: 0,
   class: "m-switch__text"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -25,7 +25,7 @@ import '../assets/MazSwitch.Z1ZMm7tx.css';const _hoisted_1 = ["for", "aria-check
     const props = __props, emits = __emit, instanceId = useInstanceUniqId({
       componentName: "MazSwitch",
       providedId: props.id
-    }), bgColorClassVar = computed(() => `hsl(var(--maz-${props.color}) / 60%)`);
+    }), bgColorClassVar = computed(() => `hsl(var(--maz-${props.color}))`);
     function emit() {
       emits("update:model-value", !props.modelValue), emits("change", !props.modelValue);
     }

package/dist/chunks/{MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.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"
@@ -64,8 +64,8 @@ const _hoisted_1 = {
   emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "2e33ecf9": _ctx.tableLayout,
-      94783684: _ctx.captionSide
+      "4483cedd": _ctx.tableLayout,
+      "67d872bc": _ctx.captionSide
     }));
     const props = __props, emits = __emit, MazBtn = defineAsyncComponent(() => import("../components/MazBtn.js")), MazCheckbox = defineAsyncComponent(() => import("../components/MazCheckbox.js")), MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazLoadingBar = defineAsyncComponent(() => import("../components/MazLoadingBar.js")), MazSelect = defineAsyncComponent(() => import("../components/MazSelect.js")), MazTableCell = defineAsyncComponent(() => import("../components/MazTableCell.js")), MazTableRowComponent = defineAsyncComponent(() => import("../components/MazTableRow.js")), MazTableTitle = defineAsyncComponent(() => import("../components/MazTableTitle.js")), { t } = useTranslations(), messages = computed(() => ({
       noResults: props.translations?.noResults ?? t("table.noResults"),