maz-ui 4.7.5 → 4.7.6

package/dist/components/MazDatePicker.js

@@ -1,466 +1 @@
-import { defineComponent, defineAsyncComponent, computed, useModel, useTemplateRef, onBeforeMount, ref, watch, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, renderSlot, withDirectives, mergeProps, createCommentVNode, vShow, mergeModels } from "vue";
-import { MazCalendar, MazClock } from "@maz-ui/icons/lazy";
-import { MazChevronDown } from "@maz-ui/icons/static";
-import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
-import { formatDate } from "@maz-ui/utils/helpers/formatDate";
-import dayjs from "dayjs";
-import { h as getDefaultExportFromCjs, j as getDefaultsShortcuts, c as isRangeValue, k as getRangeFormattedDate, l as getFormattedDate, m as getRangeISODate, n as getISODate, o as isValueDisabledWeekly, p as isValueDisabledDate, q as checkValueWithMinMaxDates } from "../chunks/utils.D89Q5cCP.js";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import MazPickerContainer from "./MazDatePicker/MazPickerContainer.js";
-import MazPopover from "./MazPopover.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDatePicker.CQTJ2MSi.css';var customParseFormat$2 = { exports: {} }, customParseFormat$1 = customParseFormat$2.exports, hasRequiredCustomParseFormat;
-function requireCustomParseFormat() {
-  return hasRequiredCustomParseFormat || (hasRequiredCustomParseFormat = 1, (function(module, exports$1) {
-    (function(e, t) {
-      module.exports = t();
-    })(customParseFormat$1, (function() {
-      var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
-        return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
-      }, f = function(e2) {
-        return function(t2) {
-          this[e2] = +t2;
-        };
-      }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
-        (this.zone || (this.zone = {})).offset = (function(e3) {
-          if (!e3 || e3 === "Z") return 0;
-          var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
-          return n2 === 0 ? 0 : t2[0] === "+" ? -n2 : n2;
-        })(e2);
-      }], u = function(e2) {
-        var t2 = s[e2];
-        return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
-      }, d = function(e2, t2) {
-        var n2, r2 = s.meridiem;
-        if (r2) {
-          for (var i2 = 1; i2 <= 24; i2 += 1) if (e2.indexOf(r2(i2, 0, t2)) > -1) {
-            n2 = i2 > 12;
-            break;
-          }
-        } else n2 = e2 === (t2 ? "pm" : "PM");
-        return n2;
-      }, c = { A: [o, function(e2) {
-        this.afternoon = d(e2, !1);
-      }], a: [o, function(e2) {
-        this.afternoon = d(e2, !0);
-      }], Q: [n, function(e2) {
-        this.month = 3 * (e2 - 1) + 1;
-      }], S: [n, function(e2) {
-        this.milliseconds = 100 * +e2;
-      }], SS: [r, function(e2) {
-        this.milliseconds = 10 * +e2;
-      }], SSS: [/\d{3}/, function(e2) {
-        this.milliseconds = +e2;
-      }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r, f("day")], Do: [o, function(e2) {
-        var t2 = s.ordinal, n2 = e2.match(/\d+/);
-        if (this.day = n2[0], t2) for (var r2 = 1; r2 <= 31; r2 += 1) t2(r2).replace(/\[|\]/g, "") === e2 && (this.day = r2);
-      }], w: [i, f("week")], ww: [r, f("week")], M: [i, f("month")], MM: [r, f("month")], MMM: [o, function(e2) {
-        var t2 = u("months"), n2 = (u("monthsShort") || t2.map((function(e3) {
-          return e3.slice(0, 3);
-        }))).indexOf(e2) + 1;
-        if (n2 < 1) throw new Error();
-        this.month = n2 % 12 || n2;
-      }], MMMM: [o, function(e2) {
-        var t2 = u("months").indexOf(e2) + 1;
-        if (t2 < 1) throw new Error();
-        this.month = t2 % 12 || t2;
-      }], Y: [/[+-]?\d+/, f("year")], YY: [r, function(e2) {
-        this.year = a(e2);
-      }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
-      function l(n2) {
-        var r2, i2;
-        r2 = n2, i2 = s && s.formats;
-        for (var o2 = (n2 = r2.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(t2, n3, r3) {
-          var o3 = r3 && r3.toUpperCase();
-          return n3 || i2[r3] || e[r3] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(e2, t3, n4) {
-            return t3 || n4.slice(1);
-          }));
-        }))).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
-          var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
-          o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
-        }
-        return function(e2) {
-          for (var t2 = {}, n3 = 0, r3 = 0; n3 < a2; n3 += 1) {
-            var i3 = o2[n3];
-            if (typeof i3 == "string") r3 += i3.length;
-            else {
-              var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r3), u3 = s2.exec(h3)[0];
-              f3.call(t2, u3), e2 = e2.replace(u3, "");
-            }
-          }
-          return (function(e3) {
-            var t3 = e3.afternoon;
-            if (t3 !== void 0) {
-              var n4 = e3.hours;
-              t3 ? n4 < 12 && (e3.hours += 12) : n4 === 12 && (e3.hours = 0), delete e3.afternoon;
-            }
-          })(t2), t2;
-        };
-      }
-      return function(e2, t2, n2) {
-        n2.p.customParseFormat = !0, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
-        var r2 = t2.prototype, i2 = r2.parse;
-        r2.parse = function(e3) {
-          var t3 = e3.date, r3 = e3.utc, o2 = e3.args;
-          this.$u = r3;
-          var a2 = o2[1];
-          if (typeof a2 == "string") {
-            var f2 = o2[2] === !0, h2 = o2[3] === !0, u2 = f2 || h2, d2 = o2[2];
-            h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = (function(e4, t4, n3, r4) {
-              try {
-                if (["x", "X"].indexOf(t4) > -1) return new Date((t4 === "X" ? 1e3 : 1) * e4);
-                var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
-                o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
-                var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
-                return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r4(D).week(m2).toDate()), D);
-              } catch {
-                return /* @__PURE__ */ new Date("");
-              }
-            })(t3, a2, r3, n2), this.init(), d2 && d2 !== !0 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
-          } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
-            o2[1] = a2[m - 1];
-            var M = n2.apply(this, o2);
-            if (M.isValid()) {
-              this.$d = M.$d, this.$L = M.$L, this.init();
-              break;
-            }
-            m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
-          }
-          else i2.call(this, e3);
-        };
-      };
-    }));
-  })(customParseFormat$2)), customParseFormat$2.exports;
-}
-var customParseFormatExports = /* @__PURE__ */ requireCustomParseFormat();
-const customParseFormat = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
-var isBetween$2 = { exports: {} }, isBetween$1 = isBetween$2.exports, hasRequiredIsBetween;
-function requireIsBetween() {
-  return hasRequiredIsBetween || (hasRequiredIsBetween = 1, (function(module, exports$1) {
-    (function(e, i) {
-      module.exports = i();
-    })(isBetween$1, (function() {
-      return function(e, i, t) {
-        i.prototype.isBetween = function(e2, i2, s, f) {
-          var n = t(e2), o = t(i2), r = (f = f || "()")[0] === "(", u = f[1] === ")";
-          return (r ? this.isAfter(n, s) : !this.isBefore(n, s)) && (u ? this.isBefore(o, s) : !this.isAfter(o, s)) || (r ? this.isBefore(n, s) : !this.isAfter(n, s)) && (u ? this.isAfter(o, s) : !this.isBefore(o, s));
-        };
-      };
-    }));
-  })(isBetween$2)), isBetween$2.exports;
-}
-var isBetweenExports = /* @__PURE__ */ requireIsBetween();
-const isBetween = /* @__PURE__ */ getDefaultExportFromCjs(isBetweenExports), _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazDatePicker",
-  props: /* @__PURE__ */ mergeModels({
-    id: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: { type: [Boolean, null, String, Object, Array] },
-    inputProps: {},
-    modelValue: {},
-    format: { default: "YYYY-MM-DD" },
-    open: { type: Boolean, default: !1 },
-    label: {},
-    placeholder: {},
-    inputDateFormat: { default: () => ({ dateStyle: "medium", timeStyle: "short" }) },
-    inputDateTransformer: {},
-    locale: {},
-    hideHeader: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    firstDayOfWeek: { default: 0 },
-    autoClose: { type: Boolean, default: !1 },
-    customElementSelector: {},
-    double: { type: Boolean, default: !1 },
-    inline: { type: Boolean, default: !1 },
-    color: { default: "primary" },
-    pickerPosition: { default: "auto" },
-    pickerPreferPosition: { default: "bottom-start" },
-    pickerFallbackPosition: { default: "top-start" },
-    time: { type: Boolean, default: !1 },
-    onlyTime: { type: Boolean, default: !1 },
-    minuteInterval: { default: 5 },
-    useBrowserLocale: { type: Boolean, default: !0 },
-    fetchLocal: { type: Boolean, default: !0 },
-    shortcuts: { type: [Array, Boolean], default: !0 },
-    shortcut: {},
-    minDate: { default: void 0 },
-    maxDate: { default: void 0 },
-    minMaxAuto: { type: Boolean, default: !0 },
-    disabledWeekly: { default: () => [] },
-    disabledDates: { default: () => [] },
-    disabledHours: { default: () => [] },
-    block: { type: Boolean },
-    range: { type: Boolean, default: !1 },
-    transition: { default: "scale-fade" }
-  }, {
-    locale: { default: void 0 },
-    localeModifiers: {},
-    open: { default: !1 },
-    openModifiers: {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["update:model-value", "close"], ["update:locale", "update:open"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, { t, locale } = useTranslations();
-    dayjs.extend(customParseFormat), dayjs.extend(isBetween);
-    const MazInput = defineAsyncComponent(() => import("./MazInput.js")), instanceId = useInstanceUniqId({ componentName: "MazDatePicker", providedId: props.id });
-    function isRangeModelValue(value) {
-      return typeof value == "object" && value !== null;
-    }
-    const currentValue = computed({
-      get: () => isRangeModelValue(props.modelValue) || props.range ? {
-        start: isRangeModelValue(props.modelValue) && props.modelValue.start ? dayjs(props.modelValue.start, props.format).format() : void 0,
-        end: isRangeModelValue(props.modelValue) && props.modelValue.end ? dayjs(props.modelValue.end, props.format).format() : void 0
-      } : typeof props.modelValue == "string" && props.modelValue ? dayjs(props.modelValue, props.format).format() : void 0,
-      set: (value) => {
-        if (props.disabled)
-          return;
-        const emittedValue = props.range && !isRangeValue(value) ? {
-          start: value,
-          end: void 0
-        } : value;
-        emitValue(emittedValue);
-        const isRangeMode2 = isRangeModelValue(value) || props.range;
-        props.autoClose && (!isRangeMode2 || isRangeMode2 && isRangeModelValue(value) && value.end) && closeCalendar();
-      }
-    }), hasTime = computed(() => props.time || props.onlyTime), hasDouble = computed(() => props.double && !props.onlyTime), hasDate = computed(() => !props.onlyTime), isRangeMode = computed(() => isRangeModelValue(currentValue.value) || props.range), internalShortcuts = computed(() => !isRangeMode.value || props.shortcuts === !1 ? !1 : props.shortcuts && Array.isArray(props.shortcuts) ? props.shortcuts : getDefaultsShortcuts({
-      lastSevenDays: t("datePicker.shortcuts.lastSevenDays"),
-      lastThirtyDays: t("datePicker.shortcuts.lastThirtyDays"),
-      thisWeek: t("datePicker.shortcuts.thisWeek"),
-      lastWeek: t("datePicker.shortcuts.lastWeek"),
-      thisMonth: t("datePicker.shortcuts.thisMonth"),
-      thisYear: t("datePicker.shortcuts.thisYear"),
-      lastYear: t("datePicker.shortcuts.lastYear")
-    })), localeModel = useModel(__props, "locale");
-    localeModel.value = props.locale ?? locale.value;
-    const containerUniqueId = computed(() => `MazDatePickerContainer-${instanceId.value}`), popoverRef = useTemplateRef("popover");
-    onBeforeMount(() => {
-      isRangeMode.value && hasTime.value && console.error("[maz-ui](MazDatePicker) You can't use time picker with range picker"), hasTime.value && !(props.format.includes("h") || props.format.includes("H")) && console.error(
-        '[maz-ui](MazDatePicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"'
-      ), props.format.includes("h") && !(props.format.includes("a") || props.format.includes("A")) && console.error(
-        '[maz-ui](MazDatePicker) if you use the 12 format "h" or "hh", you must add "a" or "A" at the end of the format - Ex: "YYYY-MM-DD hh:mm a"'
-      );
-    });
-    function getCalendarDate(value) {
-      const baseDate = (isRangeModelValue(value) ? value.start : value) ?? dayjs().format();
-      return props.minDate && dayjs(baseDate).isBefore(props.minDate) ? props.minDate : props.maxDate && dayjs(baseDate).isAfter(props.maxDate) ? props.minDate ?? props.maxDate : baseDate;
-    }
-    const calendarDate = ref(getCalendarDate(currentValue.value)), isHour12 = computed(
-      () => props.format.includes("a") || props.format.includes("A") || props.format.includes("h")
-    ), formatterOptions = computed(() => ({
-      ...props.inputDateFormat,
-      timeStyle: hasTime.value ? props.inputDateFormat.timeStyle ?? "short" : void 0,
-      hour12: hasTime.value ? props.inputDateFormat.hour12 ?? isHour12.value : void 0
-    })), inputValue = computed(() => {
-      if (!currentValue.value)
-        return;
-      let formattedDate;
-      return props.onlyTime && typeof currentValue.value == "string" && currentValue.value ? formattedDate = currentValue.value ? formatDate(dayjs(currentValue.value).format(), localeModel.value, {
-        timeStyle: formatterOptions.value.timeStyle,
-        hour12: formatterOptions.value.hour12
-      }) : void 0 : isRangeMode.value && isRangeValue(currentValue.value) ? formattedDate = getRangeFormattedDate({
-        value: currentValue.value,
-        locale: localeModel.value,
-        options: formatterOptions.value
-      }) : typeof currentValue.value == "string" && currentValue.value && (formattedDate = getFormattedDate({
-        value: dayjs(currentValue.value).format(),
-        locale: localeModel.value,
-        options: formatterOptions.value
-      })), props.inputDateTransformer && formattedDate ? props.inputDateTransformer({ formattedDate, value: props.modelValue, locale: localeModel.value }) : formattedDate;
-    }), hasPickerOpen = useModel(__props, "open");
-    function closeCalendar() {
-      popoverRef.value?.close(), emits("close");
-    }
-    function checkMinMaxValues(value) {
-      if (!(!props.minDate && !props.maxDate)) {
-        if (!isRangeMode.value && (typeof value == "string" && value || !value)) {
-          const { newValue, newCurrentDate } = checkValueWithMinMaxDates({
-            value,
-            minDate: props.minDate,
-            maxDate: props.maxDate,
-            format: props.format,
-            minMaxAuto: props.minMaxAuto
-          });
-          newValue && emitValue(newValue), newCurrentDate && setCalendarDate(newCurrentDate);
-        } else if (isRangeMode.value && isRangeValue(value)) {
-          let newStartValue = value.start, newEndValue = value.end;
-          if (value.start) {
-            const { newValue, newCurrentDate } = checkValueWithMinMaxDates({
-              value: value.start,
-              minDate: props.minDate,
-              maxDate: props.maxDate,
-              format: props.format,
-              minMaxAuto: props.minMaxAuto
-            });
-            newValue && (newStartValue = newValue), newCurrentDate && setCalendarDate(newCurrentDate);
-          }
-          if (value.end) {
-            const { newValue } = checkValueWithMinMaxDates({
-              value: value.end,
-              minDate: props.minDate,
-              maxDate: props.maxDate,
-              format: props.format,
-              minMaxAuto: props.minMaxAuto
-            });
-            newValue && (newEndValue = newValue);
-          }
-          emitValue({
-            start: newStartValue,
-            end: newEndValue
-          });
-        }
-      }
-    }
-    function setCalendarDate(value) {
-      value && !dayjs(calendarDate.value).isSame(value, "month") && (calendarDate.value = value);
-    }
-    function emitValue(value) {
-      if (isRangeMode.value && (isRangeModelValue(value) || value === void 0)) {
-        const newValue = getRangeISODate(value, props.format) ?? { start: void 0, end: void 0 };
-        emits("update:model-value", newValue), newValue.start && setCalendarDate(newValue.start);
-      } else (typeof value == "string" && value || value === void 0) && emits("update:model-value", getISODate(value, props.format));
-    }
-    return watch(
-      () => [currentValue.value, props.minDate, props.maxDate],
-      (values, oldValues) => {
-        const value = values[0], oldValue = oldValues?.[0];
-        isRangeModelValue(value) && (value.start || value.end) ? (!oldValue || isRangeModelValue(oldValue) && (oldValue.start !== value.start || oldValue.end !== value.end)) && (emitValue(value), checkMinMaxValues(value)) : typeof value == "string" && value && value !== oldValue && (emitValue(value), checkMinMaxValues(value));
-      },
-      { immediate: !0 }
-    ), watch(
-      () => [currentValue.value, props.disabledWeekly, props.disabledDates],
-      (values) => {
-        const value = values[0], disabledWeekly = values[1], disabledDates = values[2];
-        isRangeModelValue(value) && (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) => __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: __props.color,
-      locale: localeModel.value,
-      "has-date": hasDate.value,
-      double: hasDouble.value,
-      "has-time": hasTime.value,
-      "formatter-options": formatterOptions.value,
-      "hide-header": __props.hideHeader,
-      "min-date": __props.minDate,
-      format: __props.format,
-      "is-hour12": isHour12.value,
-      "max-date": __props.maxDate,
-      "disabled-weekly": __props.disabledWeekly,
-      inline: __props.inline,
-      "first-day-of-week": __props.firstDayOfWeek,
-      shortcuts: internalShortcuts.value,
-      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(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--${__props.color}`,
-        {
-          "--is-open": hasPickerOpen.value,
-          "--is-disabled": __props.disabled
-        },
-        props.class
-      ]]),
-      style: normalizeStyle(__props.style),
-      offset: 0,
-      trigger: "click",
-      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 }) => [
-        renderSlot(_ctx.$slots, "trigger", {
-          isOpen,
-          close,
-          open: openPicker,
-          toggle: togglePicker
-        }, () => [
-          withDirectives(createVNode(unref(MazInput), mergeProps({
-            id: unref(instanceId),
-            "model-value": inputValue.value,
-            readonly: ""
-          }, { ...__props.inputProps, ..._ctx.$attrs }, {
-            block: "",
-            autocomplete: "off",
-            class: "m-date-picker__input",
-            label: __props.label,
-            disabled: __props.disabled,
-            placeholder: __props.placeholder,
-            color: __props.color
-          }), {
-            "left-icon": withCtx(() => [
-              hasDate.value ? (openBlock(), createBlock(unref(MazCalendar), {
-                key: 0,
-                class: "maz-text-xl"
-              })) : hasTime.value ? (openBlock(), createBlock(unref(MazClock), {
-                key: 1,
-                class: "maz-text-xl"
-              })) : createCommentVNode("", !0)
-            ]),
-            "right-icon": withCtx(() => [
-              createVNode(unref(MazChevronDown), { class: "m-date-picker__button__chevron maz-text-lg" })
-            ]),
-            _: 1
-          }, 16, ["id", "model-value", "label", "disabled", "placeholder", "color"]), [
-            [vShow, !__props.customElementSelector && !__props.inline]
-          ])
-        ], !0)
-      ]),
-      default: withCtx(() => [
-        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: __props.color,
-          locale: localeModel.value,
-          "has-date": hasDate.value,
-          double: hasDouble.value,
-          "has-time": hasTime.value,
-          "formatter-options": formatterOptions.value,
-          "hide-header": __props.hideHeader,
-          "min-date": __props.minDate,
-          format: __props.format,
-          "is-hour12": isHour12.value,
-          "max-date": __props.maxDate,
-          "disabled-weekly": __props.disabledWeekly,
-          inline: __props.inline,
-          "first-day-of-week": __props.firstDayOfWeek,
-          shortcuts: internalShortcuts.value,
-          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", "prefer-position", "fallback-position", "position-reference"]));
-  }
-}), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd9b2992"]]);
-export {
-  MazDatePicker as default
-};
+import"../chunks/MazPopover.Co8BEopX.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.KUP34cbV.js";import"../chunks/MazPickerContainer.BZ74M74V.js";export{MazDatePicker_default as default};

package/dist/components/MazDatePicker.vue.d.ts

@@ -293,9 +293,7 @@ declare function __VLS_template(): {
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 readonly "onAfter-close-animation"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             } & {
@@ -468,9 +466,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             readonly "onAfter-close-animation"?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         } & {

package/dist/components/MazDialog.js

@@ -1,115 +1 @@
-import { defineComponent, createPropsRestProxy, defineAsyncComponent, useAttrs, ref, computed, useSlots, watch, nextTick, openBlock, createBlock, mergeProps, withCtx, createElementVNode, renderSlot, normalizeClass, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, unref } from "vue";
-import { MazXMark } from "@maz-ui/icons/static";
-import MazBackdrop from "./MazBackdrop.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDialog.BjYlRnV_.css';const _hoisted_1 = {
-  key: 0,
-  id: "dialogTitle",
-  class: "m-dialog-title"
-}, _hoisted_2 = {
-  key: 0,
-  class: "m-dialog-footer"
-}, _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "MazDialog",
-  inheritAttrs: !1,
-  __name: "MazDialog",
-  props: {
-    modelValue: { type: Boolean },
-    title: {},
-    hideCloseButton: { type: Boolean },
-    maxWidth: { default: "100%" },
-    minWidth: { default: "32rem" },
-    scrollable: { type: Boolean },
-    persistent: { type: Boolean },
-    teleportSelector: {},
-    beforeClose: { type: Function },
-    closeOnEscape: { type: Boolean, default: !0 },
-    transitionName: {},
-    backdropClass: { type: [Boolean, null, String, Object, Array] },
-    backdropContentClass: { type: [Boolean, null, String, Object, Array] },
-    contentPadding: { type: Boolean },
-    justify: {},
-    align: {},
-    variant: {},
-    ariaLabelledby: {},
-    ariaDescribedby: {}
-  },
-  emits: ["open", "close", "update:model-value"],
-  setup(__props, { expose: __expose }) {
-    const backdropProps = createPropsRestProxy(__props, ["modelValue", "maxWidth", "minWidth", "scrollable", "closeOnEscape"]), MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), attrs = useAttrs(), backdrop = ref();
-    __expose({
-      /**
-       * Close the dialog
-       * @description This is used to close the dialog
-       */
-      close: () => backdrop.value?.close?.()
-    });
-    const wrapperAttrs = computed(() => ({
-      class: attrs.class,
-      style: attrs.style
-    })), dialogContent = ref(), slots = useSlots(), hasFooter = computed(() => !!slots.footer);
-    return __props.scrollable && watch(() => __props.modelValue, async (newVal) => {
-      await nextTick(), newVal && dialogContent.value && setTimeout(() => {
-        dialogContent.value?.scrollTo({ top: 0, behavior: "instant" });
-      }, 0);
-    }), (_ctx, _cache) => (openBlock(), createBlock(MazBackdrop, mergeProps(backdropProps, {
-      ref_key: "backdrop",
-      ref: backdrop,
-      "model-value": __props.modelValue,
-      "transition-name": "modal-anim",
-      "aria-labelledby": "dialogTitle",
-      "aria-describedby": "dialogDesc",
-      "close-on-escape": __props.closeOnEscape,
-      "content-padding": "",
-      persistent: __props.persistent,
-      justify: "center",
-      variant: "dialog",
-      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) => _ctx.$emit("update:model-value", $event))
-    }), {
-      default: withCtx(({ close }) => [
-        createElementVNode("div", mergeProps({
-          class: ["m-dialog", { "--scrollable": __props.scrollable }],
-          role: "dialog",
-          "aria-modal": "true",
-          style: [{ "--max-width": __props.maxWidth, "--min-width": __props.minWidth }]
-        }, wrapperAttrs.value), [
-          renderSlot(_ctx.$slots, "header", { close }, () => [
-            createElementVNode("div", {
-              class: normalizeClass(["m-dialog-header", { "--has-title": _ctx.$slots.title || __props.title }])
-            }, [
-              _ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("h2", _hoisted_1, [
-                renderSlot(_ctx.$slots, "title", {}, () => [
-                  createTextVNode(toDisplayString(__props.title), 1)
-                ], !0)
-              ])) : createCommentVNode("", !0),
-              !__props.hideCloseButton && !__props.persistent ? (openBlock(), createBlock(unref(MazBtn), {
-                key: 1,
-                color: "transparent",
-                size: "sm",
-                icon: unref(MazXMark),
-                onClick: close
-              }, null, 8, ["icon", "onClick"])) : createCommentVNode("", !0)
-            ], 2)
-          ], !0),
-          createElementVNode("div", {
-            id: "dialogDesc",
-            ref_key: "dialogContent",
-            ref: dialogContent,
-            class: normalizeClass(["m-dialog-content", { "--bottom-padding": !hasFooter.value }])
-          }, [
-            renderSlot(_ctx.$slots, "default", { close }, void 0, !0)
-          ], 2),
-          hasFooter.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "footer", { close }, void 0, !0)
-          ])) : createCommentVNode("", !0)
-        ], 16)
-      ]),
-      _: 3
-    }, 16, ["model-value", "close-on-escape", "persistent"]));
-  }
-}), MazDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b83764d2"]]);
-export {
-  MazDialog as default
-};
+import"../chunks/MazBackdrop.Cjbwi8-V.js";import{t as MazDialog_default}from"../chunks/MazDialog.CtKF3Xzo.js";export{MazDialog_default as default};

package/dist/components/MazDialog.vue.d.ts

@@ -57,9 +57,7 @@ declare function __VLS_template(): {
                 readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
                 readonly "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -168,9 +166,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
             readonly "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };

package/dist/components/MazDialogConfirm.js

@@ -1,6 +1 @@
-import { _ as _sfc_main } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js";
-import { u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js";
-export {
-  _sfc_main as default,
-  u as useMazDialogConfirm
-};
+import"../chunks/MazBackdrop.Cjbwi8-V.js";import"../chunks/MazDialog.CtKF3Xzo.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.CAAHeBPE.js";export{MazDialogConfirm_default as default,useMazDialogConfirm};

package/dist/components/MazDialogConfirm.vue.d.ts

@@ -94,9 +94,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ma
             readonly onOpen?: ((value?: void | undefined) => any) | undefined;
             readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         } & {
@@ -123,9 +121,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ma
                     readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
                     readonly "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
+                $attrs: import('vue').Attrs;
                 $refs: {
                     [x: string]: unknown;
                 };