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

package/dist/chunks/{MazDatePicker.DCC2WPu4.js → MazDatePicker.CYfNHwnV.js}

@@ -1,14 +1,15 @@
-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 { defineComponent, defineAsyncComponent, ref, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, unref, mergeModels, useModel, useTemplateRef, onBeforeMount, watch, normalizeStyle, withCtx, createVNode, renderSlot, withDirectives, mergeProps, vShow } from "vue";
 import { MazChevronDown, MazCalendar, MazClock } from "@maz-ui/icons";
 import { useTranslations } from "@maz-ui/translations";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import isBetween from "dayjs/plugin/isBetween";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.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.D5Hzcubb.css';const DEFAULT_OPTIONS = {
+import MazPopover from "../components/MazPopover.js";
+import '../assets/MazDatePicker.DIB3Fyyp.css';const DEFAULT_OPTIONS = {
   month: "short",
   day: "numeric",
   year: "numeric"
@@ -26,6 +27,116 @@ function formatDate(date, locale, options) {
     throw new Error(`[maz-ui](FilterDate) ${error}`);
   }
 }
+const _hoisted_1 = { class: "m-date-picker-container__wrapper" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "MazPickerContainer",
+  props: {
+    modelValue: {},
+    calendarDate: {},
+    color: {},
+    locale: {},
+    hideHeader: { type: Boolean },
+    firstDayOfWeek: {},
+    double: { type: Boolean },
+    hasDate: { type: Boolean },
+    minDate: {},
+    maxDate: {},
+    inline: { type: Boolean },
+    shortcuts: { type: [Array, Boolean] },
+    shortcut: {},
+    hasTime: { type: Boolean },
+    format: {},
+    isHour12: { type: Boolean },
+    formatterOptions: {},
+    minuteInterval: {},
+    disabled: { type: Boolean },
+    disabledWeekly: {},
+    disabledHours: {},
+    disabledDates: {},
+    range: { type: Boolean }
+  },
+  emits: ["update:model-value", "update:calendar-date", "close"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.BOSPVh7n.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.CPmuARqp.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.xQhgnYKJ.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);
+    }
+    function emitDateValue(value) {
+      if (__props.hasTime) {
+        const date = dayjs(value).format("YYYY-MM-DD"), time = lastTimeValue.value || "00:00", timeEmitted = dayjs(`${date} ${time}`).format(__props.format);
+        emits("update:model-value", timeEmitted);
+      } else
+        emits("update:model-value", value);
+    }
+    const currentDate = computed({
+      get: () => __props.modelValue,
+      set: (value) => emits("update:model-value", value)
+    }), currentCalendarDate = computed({
+      get: () => __props.calendarDate,
+      set: (calendarDate) => emits("update:calendar-date", calendarDate)
+    });
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["m-date-picker-container", {
+        "--has-double": __props.double,
+        "--is-inline": __props.inline,
+        "--has-date": __props.hasDate
+      }])
+    }, [
+      __props.hideHeader ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazPickerHeader), {
+        key: 0,
+        color: __props.color,
+        "has-time": __props.hasTime,
+        "model-value": __props.modelValue,
+        locale: __props.locale,
+        "has-date": __props.hasDate,
+        "formatter-options": __props.formatterOptions,
+        double: __props.double,
+        "hide-shortcuts": !__props.shortcuts,
+        class: "m-date-picker-container__header"
+      }, null, 8, ["color", "has-time", "model-value", "locale", "has-date", "formatter-options", "double", "hide-shortcuts"])),
+      createElementVNode("div", _hoisted_1, [
+        __props.hasDate ? (openBlock(), createBlock(unref(MazPickerCalendar), {
+          key: 0,
+          "calendar-date": currentCalendarDate.value,
+          "onUpdate:calendarDate": _cache[0] || (_cache[0] = ($event) => currentCalendarDate.value = $event),
+          "model-value": currentDate.value,
+          color: __props.color,
+          locale: __props.locale,
+          "has-time": __props.hasTime,
+          double: __props.double,
+          "min-date": __props.minDate,
+          "max-date": __props.maxDate,
+          inline: __props.inline,
+          "first-day-of-week": __props.firstDayOfWeek,
+          disabled: __props.disabled,
+          "disabled-weekly": __props.disabledWeekly,
+          "disabled-dates": __props.disabledDates,
+          shortcuts: __props.shortcuts,
+          shortcut: __props.shortcut,
+          range: __props.range,
+          class: "m-date-picker-container__calendar",
+          "onUpdate:modelValue": emitDateValue
+        }, null, 8, ["calendar-date", "model-value", "color", "locale", "has-time", "double", "min-date", "max-date", "inline", "first-day-of-week", "disabled", "disabled-weekly", "disabled-dates", "shortcuts", "shortcut", "range"])) : createCommentVNode("", !0),
+        __props.hasTime ? (openBlock(), createBlock(unref(MazPickerTime), {
+          key: 1,
+          "model-value": currentDate.value,
+          color: __props.color,
+          locale: __props.locale,
+          "min-date": __props.minDate,
+          "max-date": __props.maxDate,
+          "has-date": __props.hasDate,
+          format: __props.format,
+          disabled: __props.disabled,
+          "disabled-hours": __props.disabledHours,
+          "minute-interval": __props.minuteInterval,
+          "formatter-options": __props.formatterOptions,
+          "is-hour12": __props.isHour12,
+          class: "m-date-picker-container__time",
+          "onUpdate:modelValue": saveLastTimeValue
+        }, null, 8, ["model-value", "color", "locale", "min-date", "max-date", "has-date", "format", "disabled", "disabled-hours", "minute-interval", "formatter-options", "is-hour12"])) : createCommentVNode("", !0)
+      ])
+    ], 2));
+  }
+}), MazPickerContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-c7326cea"]]);
 dayjs.extend(weekday);
 function getFormattedDate({
   value,
@@ -203,7 +314,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: { type: Boolean, default: !1 },
     label: {},
     placeholder: {},
-    inputDateFormat: { default: () => ({ dateStyle: "medium", timeStyle: "full" }) },
+    inputDateFormat: { default: () => ({ dateStyle: "medium", timeStyle: "short" }) },
     inputDateTransformer: {},
     locale: {},
     hideHeader: { type: Boolean, default: !1 },
@@ -243,7 +354,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.NRaVsQzg.js")), instanceId = useInstanceUniqId({ componentName: "MazDatePicker", providedId: props.id }), currentValue = computed({
+    const MazInput = defineAsyncComponent(() => import("../components/MazInput.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
@@ -285,7 +396,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.format.includes("a") || props.format.includes("A") || props.format.includes("h")
     ), formatterOptions = computed(() => ({
       ...props.inputDateFormat,
-      timeStyle: props.inputDateFormat.timeStyle ?? hasTime.value ? "short" : void 0,
+      timeStyle: hasTime.value ? props.inputDateFormat.timeStyle ?? "short" : void 0,
       hour12: hasTime.value ? props.inputDateFormat.hour12 ?? isHour12.value : void 0
     })), inputValue = computed(() => {
       if (!currentValue.value)
@@ -370,58 +481,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         typeof value == "object" && (value.start || value.end) ? ((value.start && isValueDisabledWeekly({ value: value.start, disabledWeekly }) || value.start && isValueDisabledDate({ value: value.start, disabledDates }) || value.end && isValueDisabledWeekly({ value: value.end, disabledWeekly }) || value.end && isValueDisabledDate({ value: value.end, disabledDates })) && (currentValue.value = { start: void 0, end: void 0 }), (value.end && isValueDisabledWeekly({ value: value.end, disabledWeekly }) || value.end && isValueDisabledDate({ value: value.end, disabledDates })) && (currentValue.value = { start: value.start, end: void 0 })) : typeof value == "string" && value && (isValueDisabledWeekly({ value, disabledWeekly }) || isValueDisabledDate({ value, disabledDates })) && (currentValue.value = void 0);
       },
       { immediate: !0 }
-    ), (_ctx, _cache) => _ctx.inline ? (openBlock(), createBlock(unref(MazPickerContainer), {
+    ), (_ctx, _cache) => __props.inline ? (openBlock(), createBlock(MazPickerContainer, {
       key: 1,
       id: containerUniqueId.value,
       modelValue: currentValue.value,
       "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => currentValue.value = $event),
       "calendar-date": calendarDate.value,
       "onUpdate:calendarDate": _cache[4] || (_cache[4] = ($event) => calendarDate.value = $event),
-      color: _ctx.color,
+      color: __props.color,
       locale: localeModel.value,
       "has-date": hasDate.value,
       double: hasDouble.value,
       "has-time": hasTime.value,
       "formatter-options": formatterOptions.value,
-      "hide-header": _ctx.hideHeader,
-      "min-date": _ctx.minDate,
-      format: _ctx.format,
+      "hide-header": __props.hideHeader,
+      "min-date": __props.minDate,
+      format: __props.format,
       "is-hour12": isHour12.value,
-      "max-date": _ctx.maxDate,
-      "disabled-weekly": _ctx.disabledWeekly,
-      inline: _ctx.inline,
-      "first-day-of-week": _ctx.firstDayOfWeek,
+      "max-date": __props.maxDate,
+      "disabled-weekly": __props.disabledWeekly,
+      inline: __props.inline,
+      "first-day-of-week": __props.firstDayOfWeek,
       shortcuts: internalShortcuts.value,
-      shortcut: _ctx.shortcut,
-      disabled: _ctx.disabled,
-      "disabled-hours": _ctx.disabledHours,
-      "disabled-dates": _ctx.disabledDates,
-      "minute-interval": _ctx.minuteInterval,
+      shortcut: __props.shortcut,
+      disabled: __props.disabled,
+      "disabled-hours": __props.disabledHours,
+      "disabled-dates": __props.disabledDates,
+      "minute-interval": __props.minuteInterval,
       range: isRangeMode.value,
       onClose: closeCalendar
-    }, null, 8, ["id", "modelValue", "calendar-date", "color", "locale", "has-date", "double", "has-time", "formatter-options", "hide-header", "min-date", "format", "is-hour12", "max-date", "disabled-weekly", "inline", "first-day-of-week", "shortcuts", "shortcut", "disabled", "disabled-hours", "disabled-dates", "minute-interval", "range"])) : (openBlock(), createBlock(unref(MazPopover), {
+    }, null, 8, ["id", "modelValue", "calendar-date", "color", "locale", "has-date", "double", "has-time", "formatter-options", "hide-header", "min-date", "format", "is-hour12", "max-date", "disabled-weekly", "inline", "first-day-of-week", "shortcuts", "shortcut", "disabled", "disabled-hours", "disabled-dates", "minute-interval", "range"])) : (openBlock(), createBlock(MazPopover, {
       key: 0,
       id: `${unref(instanceId)}-popover`,
       ref: "popover",
       modelValue: hasPickerOpen.value,
       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hasPickerOpen.value = $event),
       class: normalizeClass(["m-date-picker m-reset-css", [
-        `m-date-picker--${_ctx.color}`,
+        `m-date-picker--${__props.color}`,
         {
           "--is-open": hasPickerOpen.value,
-          "--is-disabled": _ctx.disabled
+          "--is-disabled": __props.disabled
         },
         props.class
       ]]),
-      style: normalizeStyle(_ctx.style),
+      style: normalizeStyle(__props.style),
       offset: 0,
       trigger: "click",
-      transition: _ctx.transition,
-      disabled: _ctx.disabled,
-      block: _ctx.block,
-      position: _ctx.pickerPosition,
-      "prefer-position": "bottom-start",
-      "fallback-position": "top-start",
+      transition: __props.transition,
+      disabled: __props.disabled,
+      block: __props.block,
+      position: __props.pickerPosition,
+      "prefer-position": __props.pickerPreferPosition,
+      "fallback-position": __props.pickerFallbackPosition,
       "position-reference": `#${unref(instanceId)}-popover .m-input-wrapper`
     }, {
       trigger: withCtx(({ isOpen, close, open: openPicker, toggle: togglePicker }) => [
@@ -435,14 +546,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             id: unref(instanceId),
             "model-value": inputValue.value,
             readonly: ""
-          }, { ..._ctx.inputProps, ..._ctx.$attrs }, {
+          }, { ...__props.inputProps, ..._ctx.$attrs }, {
             block: "",
             autocomplete: "off",
             class: "m-date-picker__input",
-            label: _ctx.label,
-            disabled: _ctx.disabled,
-            placeholder: _ctx.placeholder,
-            color: _ctx.color
+            label: __props.label,
+            disabled: __props.disabled,
+            placeholder: __props.placeholder,
+            color: __props.color
           }), {
             "left-icon": withCtx(() => [
               hasDate.value ? (openBlock(), createBlock(unref(MazCalendar), {
@@ -458,45 +569,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 16, ["id", "model-value", "label", "disabled", "placeholder", "color"]), [
-            [vShow, !_ctx.customElementSelector && !_ctx.inline]
+            [vShow, !__props.customElementSelector && !__props.inline]
           ])
         ], !0)
       ]),
       default: withCtx(() => [
-        createVNode(unref(MazPickerContainer), {
+        createVNode(MazPickerContainer, {
           id: containerUniqueId.value,
           modelValue: currentValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
           "calendar-date": calendarDate.value,
           "onUpdate:calendarDate": _cache[1] || (_cache[1] = ($event) => calendarDate.value = $event),
-          color: _ctx.color,
+          color: __props.color,
           locale: localeModel.value,
           "has-date": hasDate.value,
           double: hasDouble.value,
           "has-time": hasTime.value,
           "formatter-options": formatterOptions.value,
-          "hide-header": _ctx.hideHeader,
-          "min-date": _ctx.minDate,
-          format: _ctx.format,
+          "hide-header": __props.hideHeader,
+          "min-date": __props.minDate,
+          format: __props.format,
           "is-hour12": isHour12.value,
-          "max-date": _ctx.maxDate,
-          "disabled-weekly": _ctx.disabledWeekly,
-          inline: _ctx.inline,
-          "first-day-of-week": _ctx.firstDayOfWeek,
+          "max-date": __props.maxDate,
+          "disabled-weekly": __props.disabledWeekly,
+          inline: __props.inline,
+          "first-day-of-week": __props.firstDayOfWeek,
           shortcuts: internalShortcuts.value,
-          shortcut: _ctx.shortcut,
-          disabled: _ctx.disabled,
-          "disabled-hours": _ctx.disabledHours,
-          "disabled-dates": _ctx.disabledDates,
-          "minute-interval": _ctx.minuteInterval,
+          shortcut: __props.shortcut,
+          disabled: __props.disabled,
+          "disabled-hours": __props.disabledHours,
+          "disabled-dates": __props.disabledDates,
+          "minute-interval": __props.minuteInterval,
           range: isRangeMode.value,
           onClose: closeCalendar
         }, null, 8, ["id", "modelValue", "calendar-date", "color", "locale", "has-date", "double", "has-time", "formatter-options", "hide-header", "min-date", "format", "is-hour12", "max-date", "disabled-weekly", "inline", "first-day-of-week", "shortcuts", "shortcut", "disabled", "disabled-hours", "disabled-dates", "minute-interval", "range"])
       ]),
       _: 3
-    }, 8, ["id", "modelValue", "style", "class", "transition", "disabled", "block", "position", "position-reference"]));
+    }, 8, ["id", "modelValue", "style", "class", "transition", "disabled", "block", "position", "prefer-position", "fallback-position", "position-reference"]));
   }
-}), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d8032f3"]]);
+}), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-685a5a0f"]]);
 export {
   MazDatePicker as M,
   findNearestNumberInList as a,

package/dist/chunks/{MazDialogConfirm.vue_vue_type_script_setup_true_lang.DuEcluOw.js → MazDialogConfirm.vue_vue_type_script_setup_true_lang.BaOg5MoP.js}

@@ -147,15 +147,15 @@ const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main =
       ref_key: "dialog",
       ref: dialog
     }, { ..._ctx.$attrs, ...dialogProps }, {
-      "close-on-escape": _ctx.closeOnEscape,
-      "model-value": currentModal.value?.isActive ?? _ctx.modelValue ?? !1,
+      "close-on-escape": __props.closeOnEscape,
+      "model-value": currentModal.value?.isActive ?? __props.modelValue ?? !1,
       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", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title || currentData.value?.title), 1)
+          createTextVNode(toDisplayString(__props.title || currentData.value?.title), 1)
         ])
       ]),
       default: withCtx(() => [
@@ -163,7 +163,7 @@ const _hoisted_1 = { class: "maz-flex maz-items-center maz-gap-2" }, _sfc_main =
           accept: (reason) => unref(accept)(currentModal.value, reason),
           reject: (reason) => unref(reject)(currentModal.value, reason)
         }, () => [
-          createTextVNode(toDisplayString(_ctx.message || currentData.value?.message), 1)
+          createTextVNode(toDisplayString(__props.message || currentData.value?.message), 1)
         ])
       ]),
       footer: withCtx(() => [

package/dist/chunks/{MazDropdown.vue_vue_type_style_index_0_lang.FpQyExxD.js → MazDropdown.vue_vue_type_style_index_0_lang.qBaRy629.js}

@@ -16,7 +16,6 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
     trigger: { default: "adaptive" },
     color: { default: "transparent" },
     position: { default: "auto" },
-    preferPosition: { default: "bottom-start" },
     closeOnClick: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     chevron: { type: Boolean, default: !0 },
@@ -28,6 +27,7 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
     dropdownIconAnimation: { type: Boolean, default: !0 },
     size: { default: "md" },
     transition: { default: "scale-pop" },
+    preferPosition: { default: "bottom-start" },
     fallbackPosition: {},
     ariaLabel: {},
     announceChanges: { type: Boolean },
@@ -92,36 +92,36 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
         isClient() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
       }
     ), (_ctx, _cache) => (openBlock(), createBlock(MazPopover, {
-      trigger: _ctx.trigger,
+      trigger: __props.trigger,
       "model-value": isOpen.value,
       class: normalizeClass(["m-dropdown m-reset-css", [__props.class]]),
       role: "menu",
       style: normalizeStyle(__props.style),
-      "prefer-position": _ctx.preferPosition,
+      "prefer-position": __props.preferPosition,
       color: "background",
-      position: _ctx.position,
-      transition: _ctx.transition,
-      disabled: _ctx.disabled,
-      offset: _ctx.offset,
-      delay: _ctx.delay,
-      "fallback-position": _ctx.fallbackPosition,
-      persistent: _ctx.persistent,
-      "hover-delay": _ctx.hoverDelay,
-      "panel-class": _ctx.panelClass,
-      "panel-style": _ctx.panelStyle,
-      "close-on-escape": _ctx.closeOnEscape,
-      "close-on-click": _ctx.closeOnClick,
-      "teleport-to": _ctx.teleportTo,
-      "trap-focus": _ctx.trapFocus,
-      "overlay-class": _ctx.overlayClass,
-      "close-on-click-outside": _ctx.closeOnClickOutside,
-      "aria-describedby": _ctx.ariaDescribedby,
-      "announce-changes": _ctx.announceChanges,
-      "aria-label": _ctx.ariaLabel,
-      "aria-labelledby": _ctx.ariaLabelledby,
-      "position-reference": _ctx.positionReference,
-      "keep-open-on-hover": _ctx.trigger === "hover" || _ctx.trigger === "adaptive",
-      block: _ctx.block,
+      position: __props.position,
+      transition: __props.transition,
+      disabled: __props.disabled,
+      offset: __props.offset,
+      delay: __props.delay,
+      "fallback-position": __props.fallbackPosition,
+      persistent: __props.persistent,
+      "hover-delay": __props.hoverDelay,
+      "panel-class": __props.panelClass,
+      "panel-style": __props.panelStyle,
+      "close-on-escape": __props.closeOnEscape,
+      "close-on-click": __props.closeOnClick,
+      "teleport-to": __props.teleportTo,
+      "trap-focus": __props.trapFocus,
+      "overlay-class": __props.overlayClass,
+      "close-on-click-outside": __props.closeOnClickOutside,
+      "aria-describedby": __props.ariaDescribedby,
+      "announce-changes": __props.announceChanges,
+      "aria-label": __props.ariaLabel,
+      "aria-labelledby": __props.ariaLabelledby,
+      "position-reference": __props.positionReference,
+      "keep-open-on-hover": __props.trigger === "hover" || __props.trigger === "adaptive",
+      block: __props.block,
       "onUpdate:modelValue": setDropdown
     }, {
       trigger: withCtx(({ toggle, close, open, trigger: triggerType }) => [
@@ -137,7 +137,7 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
             class: "maz-sr-only"
           }, [
             renderSlot(_ctx.$slots, "screen-reader-description", {}, () => [
-              createTextVNode(toDisplayString(_ctx.screenReaderDescription || unref(t)("dropdown.screenReaderDescription")), 1)
+              createTextVNode(toDisplayString(__props.screenReaderDescription || unref(t)("dropdown.screenReaderDescription")), 1)
             ])
           ], 8, _hoisted_2),
           renderSlot(_ctx.$slots, "trigger", {
@@ -148,11 +148,11 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
           }, () => [
             createVNode(unref(MazBtn), mergeProps({
               "aria-labelledby": `${unref(instanceId)}-labelspan`,
-              color: _ctx.color,
-              disabled: _ctx.disabled
+              color: __props.color,
+              disabled: __props.disabled
             }, _ctx.$attrs, {
-              block: _ctx.block,
-              size: _ctx.size,
+              block: __props.block,
+              size: __props.size,
               onKeydown: [
                 withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
                 withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"])
@@ -164,7 +164,7 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
               ]),
               _: 2
             }, [
-              _ctx.chevron || _ctx.$slots["dropdown-icon"] ? {
+              __props.chevron || _ctx.$slots["dropdown-icon"] ? {
                 name: "right-icon",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "dropdown-icon", {
@@ -173,16 +173,16 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
                     close,
                     open
                   }, () => [
-                    typeof _ctx.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
+                    typeof __props.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
                       key: 0,
-                      name: _ctx.dropdownIcon,
-                      class: normalizeClass([{ "--open": isOpen.value && _ctx.dropdownIconAnimation }, iconClassSize.value])
-                    }, null, 8, ["name", "class"])) : _ctx.dropdownIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.dropdownIcon), {
+                      name: __props.dropdownIcon,
+                      class: normalizeClass([{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value])
+                    }, null, 8, ["name", "class"])) : __props.dropdownIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dropdownIcon), {
                       key: 1,
-                      class: normalizeClass([[{ "--open": isOpen.value && _ctx.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
+                      class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
                     }, null, 8, ["class"])) : (openBlock(), createBlock(unref(MazChevronDown), {
                       key: 2,
-                      class: normalizeClass([[{ "--open": isOpen.value && _ctx.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
+                      class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
                     }, null, 8, ["class"]))
                   ])
                 ]),
@@ -197,18 +197,18 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
           id: `${unref(instanceId)}-menu`,
           role: "menu",
           "aria-label": "Menu",
-          class: normalizeClass(["m-dropdown__menu", _ctx.menuPanelClass]),
+          class: normalizeClass(["m-dropdown__menu", __props.menuPanelClass]),
           tabindex: "-1",
-          style: normalizeStyle(_ctx.menuPanelStyle)
+          style: normalizeStyle(__props.menuPanelStyle)
         }, [
           renderSlot(_ctx.$slots, "dropdown", {
-            items: _ctx.items,
+            items: __props.items,
             open,
             close,
             isOpen: isOpen.value,
             toggle
           }, () => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => renderSlot(_ctx.$slots, "menuitem", {
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => renderSlot(_ctx.$slots, "menuitem", {
               key: index,
               item,
               open,

package/dist/chunks/{MazInputNumber.vue_vue_type_style_index_0_lang.B6DYpHfi.js → MazInputNumber.vue_vue_type_style_index_0_lang.D_OF4KbM.js}

@@ -62,15 +62,15 @@ import '../assets/MazInputNumber.C3rw4i2e.css';const _sfc_main = /* @__PURE__ */
       }
     }
     return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-input-number m-reset-css", [`m-input-number--${_ctx.size}`, props.class, { "--block": _ctx.block }]]),
-      style: normalizeStyle(_ctx.style)
+      class: normalizeClass(["m-input-number m-reset-css", [`m-input-number--${__props.size}`, props.class, { "--block": __props.block }]]),
+      style: normalizeStyle(__props.style)
     }, [
-      _ctx.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
+      __props.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
         key: 0,
         color: "transparent",
-        size: _ctx.size,
+        size: __props.size,
         class: "m-input-number__button m-input-number__decrement-button",
-        disabled: decrementDisabled.value || _ctx.disabled,
+        disabled: decrementDisabled.value || __props.disabled,
         onClick: decrement
       }, {
         default: withCtx(() => [
@@ -81,18 +81,18 @@ import '../assets/MazInputNumber.C3rw4i2e.css';const _sfc_main = /* @__PURE__ */
       createVNode(MazInput, mergeProps({
         "model-value": currentValue.value,
         type: "number",
-        class: ["m-input-number__input", { "--no-buttons": _ctx.hideButtons, "--text-center": _ctx.textCenter }]
-      }, { ..._ctx.$attrs, ..._ctx.inputProps }, {
-        disabled: _ctx.disabled,
-        min: _ctx.min,
-        max: _ctx.max,
-        step: _ctx.step,
-        error: _ctx.error,
-        success: _ctx.success,
-        warning: _ctx.warning,
-        hint: _ctx.hint,
-        inputmode: _ctx.inputmode,
-        size: _ctx.size,
+        class: ["m-input-number__input", { "--no-buttons": __props.hideButtons, "--text-center": __props.textCenter }]
+      }, { ..._ctx.$attrs, ...__props.inputProps }, {
+        disabled: __props.disabled,
+        min: __props.min,
+        max: __props.max,
+        step: __props.step,
+        error: __props.error,
+        success: __props.success,
+        warning: __props.warning,
+        hint: __props.hint,
+        inputmode: __props.inputmode,
+        size: __props.size,
         block: "",
         onKeydown: [
           withKeys(withModifiers(increment, ["prevent"]), ["up"]),
@@ -104,12 +104,12 @@ import '../assets/MazInputNumber.C3rw4i2e.css';const _sfc_main = /* @__PURE__ */
         onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click", $event)),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(emitDebounced)($event))
       }), null, 16, ["model-value", "class", "disabled", "min", "max", "step", "error", "success", "warning", "hint", "inputmode", "size", "onKeydown"]),
-      _ctx.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
+      __props.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
         key: 1,
         color: "transparent",
-        size: _ctx.size,
+        size: __props.size,
         class: "m-input-number__button m-input-number__increment-button",
-        disabled: incrementDisabled.value || _ctx.disabled,
+        disabled: incrementDisabled.value || __props.disabled,
         onClick: increment
       }, {
         default: withCtx(() => [