maz-ui 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/chunks/{MazDatePicker.CT5yJhSN.js → MazDatePicker.De3Ltb2F.js}

@@ -1,7 +1,6 @@
-import { createElementBlock, openBlock, createElementVNode, defineComponent, mergeModels, defineAsyncComponent, computed, useModel, useTemplateRef, onBeforeMount, ref, watch, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, renderSlot, withDirectives, mergeProps, createCommentVNode, vShow } from "vue";
-import { MazCalendar, MazClock } from "@maz-ui/icons";
-import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
-import { f as formatDate } from "./formatDate.DZ_OzdnV.js";
+import { defineComponent, mergeModels, defineAsyncComponent, computed, useModel, useTemplateRef, onBeforeMount, ref, watch, createBlock, openBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, renderSlot, withDirectives, mergeProps, createCommentVNode, vShow } from "vue";
+import { MazChevronDown, MazCalendar, MazClock } from "@maz-ui/icons";
+import { u as useTranslations } from "./useTranslations.D5aoYwD7.js";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import isBetween from "dayjs/plugin/isBetween";
@@ -9,25 +8,24 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { c as capitalize } from "./capitalize.BF6CDS_4.js";
 import weekday from "dayjs/plugin/weekday";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDatePicker.V5JwKPrQ.css';const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
+import '../assets/MazDatePicker.8GyrtM-j.css';const DEFAULT_OPTIONS = {
+  month: "short",
+  day: "numeric",
+  year: "numeric"
 };
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.5",
-      d: "m19.5 8.25-7.5 7.5-7.5-7.5"
-    }, null, -1)
-  ]));
+function formatDate(date, locale, options) {
+  if (locale === void 0)
+    throw new TypeError("[maz-ui](FilterDate) The `locale` attribute is required.");
+  if (typeof locale != "string")
+    throw new TypeError("[maz-ui](FilterDate) The `locale` attribute must be a string.");
+  const opts = options ?? DEFAULT_OPTIONS;
+  try {
+    const usedDate = date instanceof Date ? date : new Date(date);
+    return new Intl.DateTimeFormat(locale, opts).format(usedDate);
+  } catch (error) {
+    throw new Error(`[maz-ui](FilterDate) ${error}`);
+  }
 }
-const MazChevronDownIcon = { render };
 dayjs.extend(weekday);
 function getFormattedDate({
   value,
@@ -237,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props, emits = __emit, { t, locale } = useTranslations();
     dayjs.extend(customParseFormat), dayjs.extend(isBetween);
-    const MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazPopover = defineAsyncComponent(() => import("../components/MazPopover.js")), MazPickerContainer = defineAsyncComponent(() => import("./MazPickerContainer.DnfB3Dqg.js")), instanceId = useInstanceUniqId({ componentName: "MazDatePicker", providedId: props.id }), currentValue = computed({
+    const MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazPopover = defineAsyncComponent(() => import("../components/MazPopover.js")), MazPickerContainer = defineAsyncComponent(() => import("./MazPickerContainer.Mrh-Q52I.js")), instanceId = useInstanceUniqId({ componentName: "MazDatePicker", providedId: props.id }), currentValue = computed({
       get: () => typeof props.modelValue == "object" || props.range ? {
         start: typeof props.modelValue == "object" && props.modelValue.start ? dayjs(props.modelValue.start, props.format).format() : void 0,
         end: typeof props.modelValue == "object" && props.modelValue.end ? dayjs(props.modelValue.end, props.format).format() : void 0
@@ -407,7 +405,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       disabled: _ctx.disabled,
       block: _ctx.block,
       "prefer-position": _ctx.pickerPosition,
-      "position-delay": 100,
       "fallback-position": "top-start"
     }, {
       trigger: withCtx(({ isOpen, close, open: openPicker, toggle: togglePicker }) => [
@@ -439,7 +436,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", !0)
             ]),
             "right-icon": withCtx(() => [
-              createVNode(unref(MazChevronDownIcon), { class: "m-date-picker__button__chevron maz-text-lg" })
+              createVNode(unref(MazChevronDown), { class: "m-date-picker__button__chevron maz-text-lg" })
             ]),
             _: 1
           }, 16, ["model-value", "label", "disabled", "placeholder", "color"]), [
@@ -481,16 +478,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       _: 3
     }, 8, ["style", "class", "disabled", "block", "prefer-position"]));
   }
-}), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d69298f5"]]);
+}), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f42bdf0e"]]);
 export {
   MazDatePicker as M,
-  getDaysInMonth as a,
-  getFirstDayOfMonth as b,
-  isRangeValue as c,
-  isValidDate as d,
-  isSameDay as e,
-  findNearestNumberInList as f,
+  findNearestNumberInList as a,
+  getDaysInMonth as b,
+  getFirstDayOfMonth as c,
+  isRangeValue as d,
+  isValidDate as e,
+  formatDate as f,
   getDaysOfWeek as g,
+  isSameDay as h,
   isSameDate as i,
   scrollToTarget as s
 };

package/dist/chunks/{MazDialogPromise.vue_vue_type_script_setup_true_lang.BQvDEofz.js → MazDialogConfirm.vue_vue_type_script_setup_true_lang.Grn2kB3x.js}

@@ -1,17 +1,21 @@
-import { ref, defineComponent, createPropsRestProxy, defineAsyncComponent, computed, createBlock, openBlock, mergeProps, unref, withCtx, renderSlot, createElementVNode, createElementBlock, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { ref, defineComponent, createPropsRestProxy, defineAsyncComponent, computed, createBlock, openBlock, mergeProps, unref, withCtx, renderSlot, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import MazDialog from "../components/MazDialog.js";
 const defaultData = {
-  buttons: [{
-    text: "Confirm",
+  buttons: void 0,
+  acceptText: "Confirm",
+  hideAcceptButton: !1,
+  acceptProps: {
     color: "success",
     type: "accept",
     response: "accept"
-  }, {
-    text: "Cancel",
+  },
+  rejectText: "Cancel",
+  hideRejectButton: !1,
+  rejectProps: {
     color: "destructive",
     type: "reject",
     response: "reject"
-  }]
+  }
 }, data = ref(defaultData), dialogState = ref([]);
 function showDialogAndWaitChoice(identifier, callback) {
   return new Promise((resolve, reject) => {
@@ -39,7 +43,7 @@ function responseDialog(type, currentDialog, response) {
       removeDialogFromState(currentDialog.id);
     }, 500), response;
 }
-function useMazDialogPromise() {
+function useMazDialogConfirm() {
   return {
     data,
     dialogState,
@@ -49,11 +53,17 @@ function useMazDialogPromise() {
   };
 }
 const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazDialogPromise",
+  __name: "MazDialogConfirm",
   props: {
     identifier: {},
     title: {},
     message: {},
+    rejectText: {},
+    rejectProps: {},
+    hideRejectButton: { type: Boolean },
+    acceptText: {},
+    acceptProps: {},
+    hideAcceptButton: { type: Boolean },
     buttons: {},
     modelValue: { type: Boolean },
     hideCloseButton: { type: Boolean },
@@ -74,10 +84,43 @@ const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main =
   },
   emits: ["open", "close"],
   setup(__props, { expose: __expose }) {
-    const dialogProps = createPropsRestProxy(__props, ["identifier", "message", "buttons", "title", "modelValue", "closeOnEscape"]), MazBtn = defineAsyncComponent(() => import("../components/MazBtn.js")), { dialogState: dialogState2, reject, accept, data: composableData } = useMazDialogPromise(), currentData = computed(() => ({
-      ...defaultData,
-      ...composableData.value
-    })), currentButtons = computed(() => __props.buttons ?? currentData.value.buttons), currentModal = computed(
+    const dialogProps = createPropsRestProxy(__props, ["identifier", "message", "buttons", "title", "modelValue", "closeOnEscape", "rejectText", "acceptText", "rejectProps", "acceptProps", "hideRejectButton", "hideAcceptButton"]), MazBtn = defineAsyncComponent(() => import("../components/MazBtn.js")), { dialogState: dialogState2, reject, accept, data: data2 } = useMazDialogConfirm(), currentData = computed(() => {
+      const baseData = {
+        ...defaultData,
+        ...data2.value,
+        hideAcceptButton: data2.value.hideAcceptButton ?? defaultData.hideAcceptButton,
+        hideRejectButton: data2.value.hideRejectButton ?? defaultData.hideRejectButton,
+        acceptProps: {
+          ...defaultData.acceptProps,
+          ...data2.value.acceptProps,
+          text: __props.acceptText ?? data2.value.acceptText ?? data2.value.acceptProps?.text ?? defaultData.acceptText,
+          type: data2.value.acceptProps?.type ?? defaultData.acceptProps.type
+        },
+        rejectProps: {
+          ...defaultData.rejectProps,
+          ...data2.value.rejectProps,
+          text: __props.rejectText ?? data2.value.rejectText ?? data2.value.rejectProps?.text ?? defaultData.rejectText,
+          type: data2.value.rejectProps?.type ?? defaultData.rejectProps.type
+        }
+      };
+      return {
+        ...baseData,
+        acceptText: __props.acceptText ?? baseData.acceptText,
+        rejectText: __props.rejectText ?? baseData.rejectText,
+        hideAcceptButton: __props.hideAcceptButton ?? baseData.hideAcceptButton,
+        hideRejectButton: __props.hideRejectButton ?? baseData.hideRejectButton,
+        acceptProps: {
+          ...baseData.acceptProps,
+          ...__props.acceptProps,
+          text: __props.acceptText ?? __props.acceptProps?.text ?? baseData.acceptText ?? baseData.acceptProps.text
+        },
+        rejectProps: {
+          ...baseData.rejectProps,
+          ...__props.rejectProps,
+          text: __props.rejectText ?? __props.rejectProps?.text ?? baseData.rejectText ?? baseData.rejectProps?.text
+        }
+      };
+    }), currentButtons = computed(() => __props.buttons ?? currentData.value.buttons), currentModal = computed(
       () => dialogState2.value.find(({ id }) => id === __props.identifier)
     ), dialog = ref();
     __expose({
@@ -93,7 +136,7 @@ const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main =
       isActive: computed(() => currentModal.value?.isActive ?? __props.modelValue ?? !1)
     });
     function isPromiseButton(button) {
-      return "type" in button && (button.type === "accept" || button.type === "reject");
+      return button ? "type" in button && (button.type === "accept" || button.type === "reject") : !1;
     }
     function buttonClick(currentModal2, button) {
       return isPromiseButton(button) ? button.type === "accept" ? accept(currentModal2, button.response) : reject(currentModal2, button.response) : accept(currentModal2, void 0, button.onClick);
@@ -104,9 +147,9 @@ const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main =
     }, { ..._ctx.$attrs, ...dialogProps }, {
       "close-on-escape": _ctx.closeOnEscape,
       "model-value": currentModal.value?.isActive ?? _ctx.modelValue ?? !1,
-      onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
-      onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open", $event)),
-      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(reject)(currentModal.value))
+      onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close", $event)),
+      onOpen: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("open", $event)),
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(reject)(currentModal.value))
     }), {
       title: withCtx(() => [
         renderSlot(_ctx.$slots, "title", {}, () => [
@@ -138,7 +181,24 @@ const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main =
                 createTextVNode(toDisplayString(button.text), 1)
               ]),
               _: 2
-            }, 1040, ["onClick"]))), 128)) : createCommentVNode("", !0)
+            }, 1040, ["onClick"]))), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              currentData.value.hideAcceptButton ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), mergeProps({ key: 0 }, {
+                ...currentData.value.acceptProps,
+                type: "button",
+                // onClick: undefined,
+                text: currentData.value.acceptText ?? currentData.value.acceptProps?.text
+              }, {
+                onClick: _cache[0] || (_cache[0] = ($event) => isPromiseButton(currentData.value.acceptProps) ? unref(accept)(currentModal.value, currentData.value.acceptProps.response) : currentData.value.acceptProps?.onClick?.())
+              }), null, 16)),
+              currentData.value.hideRejectButton ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), mergeProps({ key: 1 }, {
+                ...currentData.value.rejectProps,
+                type: "button",
+                onClick: void 0,
+                text: currentData.value.rejectText ?? currentData.value.rejectProps?.text
+              }, {
+                onClick: _cache[1] || (_cache[1] = ($event) => isPromiseButton(currentData.value.rejectProps) ? unref(reject)(currentModal.value, currentData.value.rejectProps.response) : currentData.value.rejectProps?.onClick?.())
+              }), null, 16))
+            ], 64))
           ])
         ])
       ]),
@@ -148,5 +208,5 @@ const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main =
 });
 export {
   _sfc_main as _,
-  useMazDialogPromise as u
+  useMazDialogConfirm as u
 };

package/dist/chunks/{MazDropdown.vue_vue_type_style_index_0_lang.abk1IbMX.js → MazDropdown.vue_vue_type_style_index_0_lang.BES3jpuw.js}

@@ -1,10 +1,10 @@
-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";
-import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expanded", "onClick", "onKeypress"], _hoisted_2 = ["id"], _hoisted_3 = ["id"], _hoisted_4 = ["onClick", "onKeypress"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expanded"], _hoisted_2 = ["id"], _hoisted_3 = ["id"], _hoisted_4 = ["onClick", "onKeypress"], _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazDropdown",
   props: /* @__PURE__ */ mergeModels({
@@ -13,7 +13,7 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
     class: {},
     items: { default: () => [] },
     id: {},
-    trigger: { default: "click" },
+    trigger: { default: "adaptive" },
     color: { default: "transparent" },
     position: { default: "auto" },
     preferPosition: { default: "bottom-start" },
@@ -46,7 +46,7 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
     ariaDescribedby: {},
     trapFocus: { type: Boolean },
     keepOpenOnHover: { type: Boolean },
-    positionDelay: {}
+    positionReference: {}
   }, {
     modelValue: { type: Boolean, required: !1, default: !1 },
     modelModifiers: {}
@@ -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;
     }
@@ -103,23 +100,17 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
       color: "background",
       position: _ctx.position,
       disabled: _ctx.disabled,
-      "keep-open-on-hover": _ctx.trigger === "hover",
+      "keep-open-on-hover": _ctx.trigger === "hover" || _ctx.trigger === "adaptive",
       block: _ctx.block,
       "onUpdate:modelValue": setDropdown
     }, {
       trigger: withCtx(({ toggle, close, isOpen, open }) => [
         createElementVNode("div", {
           id: unref(instanceId),
-          role: "button",
-          tabindex: "0",
+          tabindex: "-1",
           class: "m-dropdown__wrapper",
           "aria-expanded": modelValue.value,
-          "aria-haspopup": "menu",
-          onClick: withModifiers(toggle, ["stop"]),
-          onKeypress: [
-            withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
-            withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"])
-          ]
+          "aria-haspopup": "menu"
         }, [
           createElementVNode("span", {
             id: `${unref(instanceId)}-labelspan`,
@@ -140,7 +131,6 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
               color: _ctx.color,
               disabled: _ctx.disabled
             }, _ctx.$attrs, {
-              tabindex: "-1",
               block: _ctx.block,
               size: _ctx.size
             }), createSlots({
@@ -175,7 +165,7 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
               } : void 0
             ]), 1040, ["aria-labelledby", "color", "disabled", "block", "size"])
           ])
-        ], 40, _hoisted_1)
+        ], 8, _hoisted_1)
       ]),
       default: withCtx(({ open, close, isOpen, toggle }) => [
         createElementVNode("div", {
@@ -224,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"])
               }), [
@@ -241,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.Uwhn1Q9j.js → MazInputPhoneNumber.Ch-PCGiv.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.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.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.BzL1_XS5.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-4fb69048"]]);
+}), MazInputPhoneNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-941c0e2b"]]);
 export {
   MazInputPhoneNumber as M,
   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.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.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, 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.hQBSVkc9.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, 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.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.Cp2ux3E4.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 "./formatDate.DZ_OzdnV.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.DnfB3Dqg.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.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.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.Dlz2yJ1D.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 "./formatDate.DZ_OzdnV.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.BpfCGGxQ.js → MazPickerMonthSwitcher.BSD2GtY6.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.De3Ltb2F.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.CszcpCcY.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-656f003a"]]);
 export {
   MazPickerMonthSwitcher as default
 };

package/dist/chunks/{MazPickerTime.EuWWNfid.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 { f as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.CT5yJhSN.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",