maz-ui 4.0.0-alpha.5 → 4.0.0-beta.1

package/dist/components/MazSelectCountry.js

@@ -0,0 +1,194 @@
+import { defineComponent, computed, defineAsyncComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, mergeProps, unref, withCtx, createElementVNode, createCommentVNode, renderSlot, createBlock, toDisplayString } from "vue";
+import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
+import { i as isServer } from "../chunks/isServer.BokzeB-Q.js";
+import { g as getCountryFlagUrl } from "../chunks/getCountryFlagUrl.dQjriBXx.js";
+import { useDisplayNames } from "../composables/useDisplayNames.js";
+import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
+import MazSelect from "./MazSelect.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazSelectCountry.D2Qudf0K.css';function getBrowserLocale() {
+  try {
+    return isServer() ? void 0 : window.navigator.language;
+  } catch (error) {
+    throw new Error(`[MazInputPhoneNumber] (browserLocale) ${error}`);
+  }
+}
+const _hoisted_1 = {
+  key: 0,
+  class: "m-select-country__select__item__flag-container"
+}, _hoisted_2 = {
+  key: 1,
+  class: "m-select-country__select__item__list-flag"
+}, _hoisted_3 = { class: "maz-text-muted" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSelectCountry",
+  props: {
+    style: {},
+    class: {},
+    id: {},
+    color: { default: "primary" },
+    size: { default: "md" },
+    preferredCodes: {},
+    ignoredCodes: {},
+    onlyCodes: {},
+    listPosition: {},
+    hideFlags: { type: Boolean },
+    search: { type: Boolean, default: !0 },
+    showCodeInList: { type: Boolean, default: !1 },
+    locale: {},
+    success: { type: Boolean },
+    error: { type: Boolean },
+    warning: { type: Boolean },
+    displayCode: { type: Boolean },
+    searchThreshold: {},
+    translations: {},
+    hint: {},
+    options: {},
+    displayNamesOptions: { default: () => ({ type: "region", languageDisplay: "standard", fallback: "code", style: "long" }) },
+    codesType: {},
+    label: {},
+    placeholder: {},
+    modelValue: {},
+    optionValueKey: { default: "code" },
+    optionLabelKey: { default: "name" },
+    optionInputValueKey: { default: "name" },
+    itemHeight: {},
+    maxListHeight: {},
+    maxListWidth: { default: 250 },
+    minListHeight: {},
+    minListWidth: { default: 200 },
+    searchFunction: { type: Function },
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    block: { type: Boolean },
+    autocomplete: {},
+    formatInputValue: { type: Function }
+  },
+  emits: ["update:model-value"],
+  setup(__props) {
+    const instanceId = useInstanceUniqId({
+      componentName: "MazSelectCountry",
+      providedId: __props.id
+    }), { t, locale: mazLocale } = useTranslations(), locale = computed(() => __props.locale ?? mazLocale.value ?? getBrowserLocale()), MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg.js")), { getAllDisplayNames } = useDisplayNames(locale), _codesType = computed(() => __props.codesType ? __props.codesType : __props.displayNamesOptions.type === "region" ? "country" : "iso"), displayNames = getAllDisplayNames({
+      type: () => __props.displayNamesOptions.type,
+      languageDisplay: () => __props.displayNamesOptions.languageDisplay,
+      fallback: () => __props.displayNamesOptions.fallback,
+      style: () => __props.displayNamesOptions.style,
+      onlyCodes: () => __props.onlyCodes,
+      excludedCodes: () => __props.ignoredCodes,
+      preferredCodes: () => __props.preferredCodes,
+      codesType: _codesType
+    }), countriesOptions = computed(() => __props.options?.length ? __props.options : displayNames?.value ?? []), messages = computed(() => ({
+      searchPlaceholder: __props.translations?.searchPlaceholder ?? t("selectCountry.searchPlaceholder")
+    }));
+    function getFlagUrl(code, size = "h20") {
+      return getCountryFlagUrl(code.slice(0, 2), size) || getCountryFlagUrl(code.slice(3, 5), size) || getCountryFlagUrl(code, size);
+    }
+    const flagUrl = computed(() => {
+      if (__props.modelValue)
+        return getFlagUrl(__props.modelValue);
+    });
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["m-select-country m-reset-css", [__props.class, { "--no-flags": _ctx.hideFlags }]]),
+      style: normalizeStyle(_ctx.style)
+    }, [
+      createVNode(MazSelect, mergeProps({
+        id: unref(instanceId),
+        "model-value": _ctx.modelValue
+      }, _ctx.$attrs, {
+        class: "m-select-country__select",
+        "option-value-key": _ctx.optionValueKey,
+        "option-label-key": _ctx.optionLabelKey,
+        "option-input-value-key": _ctx.displayCode ? "code" : _ctx.optionInputValueKey,
+        "max-list-width": _ctx.maxListWidth,
+        "min-list-width": _ctx.minListWidth,
+        disabled: _ctx.disabled,
+        color: _ctx.color,
+        placeholder: _ctx.placeholder,
+        label: _ctx.label,
+        size: _ctx.size,
+        multiple: !1,
+        "list-position": _ctx.listPosition,
+        error: _ctx.error,
+        warning: _ctx.warning,
+        success: _ctx.success,
+        search: _ctx.search,
+        block: _ctx.block,
+        autocomplete: _ctx.autocomplete,
+        "item-height": _ctx.itemHeight,
+        "max-list-height": _ctx.maxListHeight,
+        "min-list-height": _ctx.minListHeight,
+        required: _ctx.required,
+        "search-function": _ctx.searchFunction,
+        "format-input-value": _ctx.formatInputValue,
+        "display-code": _ctx.displayCode,
+        "search-placeholder": messages.value.searchPlaceholder,
+        "search-threshold": _ctx.searchThreshold,
+        options: countriesOptions.value,
+        hint: _ctx.hint,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:model-value", $event))
+      }), {
+        "left-icon": withCtx(() => [
+          renderSlot(_ctx.$slots, "selector-flag", { countryCode: _ctx.modelValue }, () => [
+            flagUrl.value && !_ctx.hideFlags ? (openBlock(), createBlock(unref(MazLazyImg), {
+              key: 0,
+              src: flagUrl.value,
+              alt: _ctx.modelValue,
+              width: "20",
+              height: "20",
+              class: "maz-size-5 maz-rounded",
+              "img-class": "maz-size-5 maz-rounded"
+            }, null, 8, ["src", "alt"])) : createCommentVNode("", !0)
+          ], !0)
+        ]),
+        "no-results": withCtx(() => [
+          renderSlot(_ctx.$slots, "no-results", {}, void 0, !0)
+        ]),
+        default: withCtx(({ option, isSelected }) => [
+          createElementVNode("div", {
+            class: normalizeClass(["m-select-country__select__item", {
+              "m-select-country__select__item--selected": isSelected
+            }])
+          }, [
+            !_ctx.hideFlags && typeof option.code == "string" ? (openBlock(), createElementBlock("span", _hoisted_1, [
+              renderSlot(_ctx.$slots, "country-list-flag", {
+                option,
+                isSelected
+              }, () => [
+                option.code && getFlagUrl(option.code) ? (openBlock(), createBlock(unref(MazLazyImg), {
+                  key: 0,
+                  src: getFlagUrl(option.code),
+                  alt: `${option.name} flag`,
+                  width: "20",
+                  height: "20",
+                  class: "maz-size-5 maz-rounded",
+                  "img-class": "maz-rounded maz-h-5 maz-w-5"
+                }, null, 8, ["src", "alt"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(option.code), 1))
+              ], !0)
+            ])) : createCommentVNode("", !0),
+            createElementVNode("div", {
+              class: normalizeClass(["maz-flex maz-flex-1 maz-gap-2 maz-truncate", { "maz-font-semibold": isSelected }])
+            }, [
+              _ctx.showCodeInList ? renderSlot(_ctx.$slots, "country-list-code", {
+                key: 0,
+                option,
+                isSelected
+              }, () => [
+                createElementVNode("span", _hoisted_3, toDisplayString(option.code), 1)
+              ], !0) : createCommentVNode("", !0),
+              renderSlot(_ctx.$slots, "country-list-name", {
+                option,
+                isSelected
+              }, () => [
+                createElementVNode("span", null, toDisplayString(option.name), 1)
+              ], !0)
+            ], 2)
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "display-code", "search-placeholder", "search-threshold", "options", "hint"])
+    ], 6));
+  }
+}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82c5e969"]]);
+export {
+  MazSelectCountry as default
+};

package/dist/components/MazSlider.js

@@ -0,0 +1,205 @@
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
+import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazSlider.D5SgmZLH.css';function getOffset(elem) {
+  const doc = document.documentElement, body = document.body, rect = elem.getBoundingClientRect();
+  return {
+    y: rect.top + (window.pageYOffset || doc.scrollTop) - (doc.clientTop || body.clientTop || 0),
+    x: rect.left + (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || body.clientLeft || 0)
+  };
+}
+function getPos(e, elem, isReverse = !1) {
+  const event = "targetTouches" in e ? e.targetTouches[0] : e, offset = getOffset(elem), posObj = {
+    x: event.pageX - offset.x,
+    y: event.pageY - offset.y
+  };
+  return {
+    x: isReverse ? elem.offsetWidth - posObj.x : posObj.x,
+    y: isReverse ? elem.offsetHeight - posObj.y : posObj.y
+  };
+}
+function isBetween(value, prev, next, direction) {
+  return direction === "minus" ? prev ? value >= prev : !0 : next ? value <= next : !0;
+}
+function getOpacityCoeff(index, middle, length) {
+  const currentIndex = index + 1, deviation = middle < currentIndex ? currentIndex - middle : middle - currentIndex;
+  return 100 / length * deviation / 100;
+}
+const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted_2 = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"], _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSlider",
+  props: {
+    modelValue: {},
+    labels: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    size: {},
+    divider: { type: Boolean, default: !0 },
+    log: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    cursorAnim: { type: Boolean, default: !0 }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit, MazSlider2 = ref(), activeCursor = ref(), buttonPositions = ref(), tmpValues = ref(), buttonStyles = ref([]), dividers = ref([]), computedValue = computed(() => typeof __props.modelValue == "number" ? [__props.modelValue] : __props.modelValue ? __props.modelValue : [0]), minLog = computed(() => Math.log(__props.min || 1)), maxLog = computed(() => Math.log(__props.max)), scale = computed(() => (maxLog.value - minLog.value) / (__props.max - __props.min)), range = computed(() => __props.max - __props.min), wrapperStyle = computed(() => ({
+      paddingTop: __props.labels ? "2.5em" : "1em"
+    })), hasMultipleValues = computed(() => Array.isArray(__props.modelValue));
+    watch(
+      () => __props.modelValue,
+      () => tmpValues.value = computedValue.value,
+      { immediate: !0 }
+    ), watch(
+      () => [computedValue.value, __props.min, __props.max, __props.log].join(","),
+      () => buildComponent(!0)
+    );
+    const resizeListenerFunction = debounce(() => buildComponent(), 300);
+    onMounted(() => {
+      buildComponent(!0), window.addEventListener("resize", resizeListenerFunction);
+    }), onBeforeUnmount(() => {
+      window.removeEventListener("resize", resizeListenerFunction);
+    });
+    async function buildComponent(emitValue2) {
+      emitValue2 === !0 && checkValues(), await calcPos(), await nextTick();
+      for (const [index] of computedValue.value.entries())
+        setBtnDividers(index);
+    }
+    function roundToStep(value) {
+      return Math.round((value - __props.min) / __props.step) * __props.step + __props.min;
+    }
+    function cursorKeyDown(event, i) {
+      event.key === "ArrowLeft" ? tmpValues.value && isBetween(tmpValues.value[i] - __props.step, tmpValues.value[i - 1], tmpValues.value[i + 1], "minus") && (tmpValues.value[i] = Math.max(__props.min, tmpValues.value[i] - __props.step), emitValue(tmpValues.value)) : event.key === "ArrowRight" && tmpValues.value && isBetween(tmpValues.value[i] + __props.step, tmpValues.value[i - 1], tmpValues.value[i + 1], "plus") && (tmpValues.value[i] = Math.min(__props.max, tmpValues.value[i] + __props.step), emitValue(tmpValues.value));
+    }
+    function blurCursor(i) {
+      activeCursor.value = void 0, setBtnStyle(i);
+    }
+    function checkValues() {
+      const valuesChecked = computedValue.value.map((v) => {
+        const checkedValue = v < __props.min ? __props.min : v > __props.max ? __props.max : v;
+        return roundToStep(checkedValue);
+      });
+      emitValue(valuesChecked), tmpValues.value = valuesChecked;
+    }
+    function emitValue(values) {
+      const valueToEmit = hasMultipleValues.value ? [...values] : values[0];
+      emits("update:model-value", valueToEmit);
+    }
+    function getLabel(i) {
+      return __props.labels ? __props.labels[i] : void 0;
+    }
+    function setBtnDividers(i) {
+      setBtnStyle(i), __props.divider && setDividers();
+    }
+    async function setBtnStyle(i) {
+      await nextTick();
+      const currentCursor = document.querySelectorAll(".m-slider .m-slider__btn");
+      if (currentCursor) {
+        const width = currentCursor[i]?.clientWidth + 16, btnStyle = {
+          left: typeof buttonPositions.value?.[i] == "number" ? `${buttonPositions.value[i] - width / 2 || 1}px` : ""
+        };
+        buttonStyles.value[i] = btnStyle;
+      }
+    }
+    function setDividers() {
+      if (buttonPositions.value) {
+        const base = [...buttonPositions.value];
+        base.push(0);
+        const baseLength = base.length, middle = Math.round(baseLength / 2);
+        dividers.value = base.map((pos, i) => ({
+          left: i === 0 ? 0 : `${base[i - 1]}px`,
+          // ATTENTION: buttonPositions.value[i - 1]
+          right: i + 1 === baseLength ? 0 : `calc( 100% - ${pos}px )`,
+          backgroundColor: middle === i + 1 ? void 0 : i < middle ? `rgba(255, 255, 255, ${getOpacityCoeff(i, middle, baseLength)})` : `rgba(0, 0, 0, ${getOpacityCoeff(i, middle, baseLength)})`
+          // darken
+        }));
+      }
+    }
+    async function calcPos() {
+      await nextTick();
+      const barWidth = MazSlider2.value?.clientWidth;
+      typeof barWidth == "number" ? buttonPositions.value = tmpValues.value?.map(
+        (v) => __props.log ? barWidth / __props.max * (__props.min + (Math.log(v) - minLog.value) / scale.value) : barWidth / range.value * (v - __props.min)
+      ) : console.warn("[maz-ui][MazSlider] ref component not found");
+    }
+    async function getCursorsValues() {
+      await nextTick();
+      const barWidth = MazSlider2.value?.clientWidth;
+      if (typeof barWidth == "number")
+        return __props.log ? buttonPositions.value?.map((pos) => {
+          const position = pos / (barWidth / __props.max), value = Math.exp((position - __props.min) * scale.value + minLog.value);
+          return roundToStep(Math.round(value));
+        }) : buttonPositions.value?.map(
+          (pos) => roundToStep(Math.round(pos / (barWidth / range.value)) + __props.min)
+        );
+      console.warn("[maz-ui][MazSlider] ref component not found");
+    }
+    function handleMousedown(_event, i) {
+      activeCursor.value === void 0 && (activeCursor.value = i, setBtnDividers(i));
+    }
+    async function handleMouseup() {
+      if (activeCursor.value === void 0)
+        return;
+      const values = await getCursorsValues();
+      values && emitValue(values), activeCursor.value = void 0;
+    }
+    async function handleMousemove(event) {
+      if (await nextTick(), activeCursor.value === void 0)
+        return;
+      const barWidth = MazSlider2.value?.clientWidth;
+      if (buttonPositions.value) {
+        const prevValue = buttonPositions.value[activeCursor.value - 1] || 0, nextValue = buttonPositions.value[activeCursor.value + 1] || barWidth;
+        if (!MazSlider2.value)
+          return console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available");
+        buttonPositions.value[activeCursor.value] = (() => {
+          const movement = getPos(event, MazSlider2.value).x;
+          return movement < prevValue ? prevValue : nextValue && movement > nextValue ? nextValue : movement;
+        })(), tmpValues.value = await getCursorsValues(), setBtnDividers(activeCursor.value);
+      }
+    }
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      style: normalizeStyle([wrapperStyle.value, { fontSize: _ctx.size }]),
+      class: normalizeClass(["m-slider m-reset-css", [`m-slider--${_ctx.color}`]]),
+      role: "button",
+      tabindex: "-1",
+      onMousemovePassive: handleMousemove,
+      onMouseupPassive: handleMouseup,
+      onMouseleavePassive: handleMouseup,
+      onTouchmovePassive: handleMousemove
+    }, [
+      createElementVNode("div", {
+        ref_key: "MazSlider",
+        ref: MazSlider2,
+        class: "m-slider__bar",
+        role: "slider",
+        "aria-valuenow": _ctx.modelValue?.toString(),
+        "aria-valuemin": _ctx.min,
+        "aria-valuemax": _ctx.max
+      }, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(dividers.value, (div, i) => (openBlock(), createElementBlock("div", {
+          key: `divider-${i}`,
+          style: normalizeStyle([div]),
+          class: "m-slider__divider"
+        }, null, 4))), 128)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(computedValue.value, (_btn, i) => (openBlock(), createElementBlock("button", {
+          key: `cursor-${i}`,
+          type: "button",
+          "data-label": getLabel(i),
+          class: normalizeClass(["m-slider__btn", {
+            "active-cursor": i === activeCursor.value && _ctx.cursorAnim
+          }]),
+          style: normalizeStyle([buttonStyles.value[i]]),
+          onMousedownPassive: ($event) => handleMousedown($event, i),
+          onTouchstartPassive: ($event) => handleMousedown($event, i),
+          onFocusPassive: ($event) => handleMousedown($event, i),
+          onBlurPassive: ($event) => blurCursor(i),
+          onTouchendPassive: ($event) => blurCursor(i),
+          onKeydownPassive: ($event) => cursorKeyDown($event, i)
+        }, [
+          createElementVNode("span", null, toDisplayString(tmpValues.value?.[i]), 1)
+        ], 46, _hoisted_2))), 128))
+      ], 8, _hoisted_1)
+    ], 38));
+  }
+}), MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9407a4c"]]);
+export {
+  MazSlider as default
+};

package/dist/components/MazSpinner.js

@@ -0,0 +1,28 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazSpinner.CP85N7RJ.css';const _hoisted_1 = ["width", "height"], _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { default: "2em" },
+    color: { default: "theme" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      width: _ctx.size,
+      height: _ctx.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: normalizeClass(["m-spinner m-reset-css", `m-spinner--${_ctx.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, _cache[0] || (_cache[0] = [
+      createElementVNode("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1)
+    ]), 10, _hoisted_1));
+  }
+}), MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3f936cf"]]);
+export {
+  MazSpinner as default
+};

package/dist/components/MazStepper.js

@@ -0,0 +1,154 @@
+import { defineComponent, computed, useSlots, ref, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode, withCtx } from "vue";
+import { MazCheckCircle, MazExclamationTriangle, MazExclamationCircle } from "@maz-ui/icons";
+import MazExpandAnimation from "./MazExpandAnimation.js";
+import MazIcon from "./MazIcon.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazStepper.DYMde9uq.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
+  key: 0,
+  class: "m-stepper__subtitle"
+}, _hoisted_8 = {
+  key: 0,
+  class: "m-stepper__right"
+}, _hoisted_9 = { class: "m-stepper__content__wrapper" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazStepper",
+  props: {
+    modelValue: {},
+    steps: {},
+    color: { default: "primary" },
+    disabledNextSteps: { type: Boolean },
+    disabledPreviousSteps: { type: Boolean },
+    autoValidateSteps: { type: Boolean },
+    allStepsOpened: { type: Boolean },
+    allStepsValidated: { type: Boolean },
+    canCloseSteps: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit, roundStepBgColor = computed(() => `hsl(var(--maz-${__props.color}))`), roundStepTextColor = computed(() => `hsl(var(--maz-${__props.color}-foreground))`), slots = useSlots(), stepCount = computed(
+      () => Object.keys(slots).filter((slot) => slot.startsWith("content-")).length
+    ), localModelValue = ref(1), currentStep = computed({
+      get: () => __props.modelValue ?? localModelValue.value,
+      set: (value) => {
+        localModelValue.value = value, emits("update:model-value", value);
+      }
+    });
+    function getStepStateData(step) {
+      return isStepSuccess(step) ? { icon: MazCheckCircle, class: "--success" } : isStepWarning(step) ? { icon: MazExclamationTriangle, class: "--warning" } : isStepError(step) ? { icon: MazExclamationCircle, class: "--error" } : { class: "--normal" };
+    }
+    function getStepIcon(step) {
+      return __props.steps?.[step - 1]?.icon;
+    }
+    function getPropertyInStep(property, step) {
+      return __props.steps?.[step - 1]?.[property];
+    }
+    function selectStep(step) {
+      currentStep.value === step && __props.canCloseSteps ? currentStep.value = 0 : step < 1 ? currentStep.value = 1 : step > stepCount.value ? currentStep.value = stepCount.value : currentStep.value = step;
+    }
+    function hasDataForStep(property, step) {
+      const data = property === "titleInfo" ? "title-info" : property, hasSlot = Object.keys(slots).filter((slot) => slot.startsWith(`${data}-`)).includes(`${data}-${step}`), hasData = !!__props.steps?.[step - 1]?.[property];
+      return hasSlot || hasData;
+    }
+    function isStepSuccess(step) {
+      const isValidated = __props.steps?.[step - 1]?.success, hasErrorOrWarningState = isStepError(step) || isStepWarning(step), isAutoValidated = __props.autoValidateSteps && step < currentStep.value && !hasErrorOrWarningState;
+      return isValidated ?? (isAutoValidated || __props.allStepsValidated);
+    }
+    function isStepDisabled(step) {
+      const isDisabled = __props.steps?.[step - 1]?.disabled, isCurrentStepDisabled = currentStep.value === step && !__props.canCloseSteps, isAutoDisabledNext = __props.disabledNextSteps && step > currentStep.value, isAutoDisabledPrevious = __props.disabledPreviousSteps && step < currentStep.value;
+      return isDisabled ?? (isCurrentStepDisabled || isAutoDisabledNext || isAutoDisabledPrevious || __props.allStepsOpened);
+    }
+    function isStepError(step) {
+      return __props.steps?.[step - 1]?.error;
+    }
+    function isStepWarning(step) {
+      return __props.steps?.[step - 1]?.warning;
+    }
+    function isLastStep(step) {
+      return step === stepCount.value;
+    }
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: "m-stepper m-reset-css",
+      style: normalizeStyle([{ "--round-step-bg-color": roundStepBgColor.value, "--round-step-text-color": roundStepTextColor.value }])
+    }, [
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(stepCount.value, (step) => (openBlock(), createElementBlock(Fragment, { key: step }, [
+        hasDataForStep("title", step) ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          id: `header-step-${step}`,
+          type: "button",
+          disabled: isStepDisabled(step),
+          class: normalizeClass(["m-stepper__header", [
+            {
+              "--is-current-step": step === currentStep.value || _ctx.allStepsOpened,
+              "--disabled": step !== currentStep.value && !_ctx.allStepsOpened && isStepDisabled(step)
+            },
+            `${getStepStateData(step).class}`
+          ]]),
+          onClick: ($event) => selectStep(step)
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("span", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                getStepStateData(step).icon ? (openBlock(), createBlock(resolveDynamicComponent(getStepStateData(step).icon), {
+                  key: 0,
+                  class: "icon maz-text-xl"
+                })) : createCommentVNode("", !0)
+              ]),
+              renderSlot(_ctx.$slots, `icon-${step}`, {}, () => [
+                getStepIcon(step) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  typeof getStepIcon(step) == "string" ? (openBlock(), createBlock(MazIcon, {
+                    key: 0,
+                    name: getStepIcon(step)
+                  }, null, 8, ["name"])) : getStepIcon(step) ? (openBlock(), createBlock(resolveDynamicComponent(getStepIcon(step)), { key: 1 })) : createCommentVNode("", !0)
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(step), 1)
+                ], 64))
+              ], !0)
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("span", _hoisted_6, [
+                renderSlot(_ctx.$slots, `title-${step}`, {}, () => [
+                  createTextVNode(toDisplayString(getPropertyInStep("title", step)), 1)
+                ], !0)
+              ]),
+              hasDataForStep("subtitle", step) ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                renderSlot(_ctx.$slots, `subtitle-${step}`, {}, () => [
+                  createTextVNode(toDisplayString(getPropertyInStep("subtitle", step)), 1)
+                ], !0)
+              ])) : createCommentVNode("", !0)
+            ])
+          ]),
+          hasDataForStep("titleInfo", step) ? (openBlock(), createElementBlock("span", _hoisted_8, [
+            renderSlot(_ctx.$slots, `title-info-${step}`, {}, () => [
+              createTextVNode(toDisplayString(getPropertyInStep("titleInfo", step)), 1)
+            ], !0)
+          ])) : createCommentVNode("", !0)
+        ], 10, _hoisted_1)) : createCommentVNode("", !0),
+        createElementVNode("div", {
+          class: normalizeClass(["m-stepper__content", {
+            "--no-border": isLastStep(step)
+          }])
+        }, [
+          createVNode(MazExpandAnimation, {
+            "model-value": _ctx.allStepsOpened || currentStep.value === step,
+            "aria-labelledby": `header-step-${step}`
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_9, [
+                renderSlot(_ctx.$slots, `content-${step}`, {
+                  validated: isStepSuccess(step),
+                  error: isStepError(step),
+                  warning: isStepWarning(step),
+                  nextStep: () => selectStep(step + 1),
+                  previousStep: () => selectStep(step - 1)
+                }, void 0, !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["model-value", "aria-labelledby"])
+        ], 2)
+      ], 64))), 128))
+    ], 4));
+  }
+}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b6d4b14"]]);
+export {
+  MazStepper as default
+};

package/dist/components/MazSwitch.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DnCjlD6D.js";
+export {
+  _sfc_main as default
+};

package/dist/components/MazTable.js

@@ -0,0 +1,8 @@
+import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazTable.B1tkeUfE.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-680bb425"]]);
+export {
+  MazTable as default,
+  m as mazTableKey
+};

package/dist/components/MazTableCell.js

@@ -0,0 +1,18 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
+import { useInjectStrict } from "../composables/useInjectStrict.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazTableCell.BPgmqAMD.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTableCell",
+  setup(__props) {
+    const { size } = useInjectStrict(mazTableKey);
+    return (_ctx, _cache) => (openBlock(), createElementBlock("td", {
+      class: normalizeClass(["m-table-cell m-reset-css", [`--${unref(size)}`]])
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), MazTableCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0eefaa5a"]]);
+export {
+  MazTableCell as default
+};

package/dist/components/MazTableRow.js

@@ -0,0 +1,25 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
+import { useInjectStrict } from "../composables/useInjectStrict.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazTableRow.B78Bd4Kv.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTableRow",
+  props: {
+    hoverable: { type: Boolean, default: !0 }
+  },
+  setup(__props) {
+    const { backgroundEven, backgroundOdd, hoverable: injectedHoverable } = useInjectStrict(mazTableKey);
+    return (_ctx, _cache) => (openBlock(), createElementBlock("tr", {
+      class: normalizeClass(["m-table-row m-reset-css", {
+        "--hoverable": unref(injectedHoverable) && _ctx.hoverable,
+        "--background-odd": unref(backgroundOdd),
+        "--background-even": unref(backgroundEven)
+      }])
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), MazTableRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04314a50"]]);
+export {
+  MazTableRow as default
+};

package/dist/components/MazTableTitle.js

@@ -0,0 +1,18 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
+import { useInjectStrict } from "../composables/useInjectStrict.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
+import '../assets/MazTableTitle.BjJMgQFY.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTableTitle",
+  setup(__props) {
+    const { size } = useInjectStrict(mazTableKey);
+    return (_ctx, _cache) => (openBlock(), createElementBlock("th", {
+      class: normalizeClass(["m-table-title m-reset-css", [`--${unref(size)}`]])
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), MazTableTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39629bee"]]);
+export {
+  MazTableTitle as default
+};