maz-ui 3.19.2 → 3.20.0

package/components/chunks/{MazSelect-1f4d1193.mjs → MazSelect-5c3b7a30.mjs}

@@ -1,5 +1,5 @@
 import "../assets/MazSelect.css";
-import { computed, defineAsyncComponent, defineComponent, ref, getCurrentInstance, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, onBeforeMount, watch, nextTick, unref, Transition, normalizeStyle, Fragment, renderList } from "vue";
+import { computed, defineAsyncComponent, defineComponent, ref, getCurrentInstance, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, useCssVars, onBeforeMount, watch, unref, Transition, normalizeStyle, Fragment, renderList, nextTick } from "vue";
 function debounce(func, delay) {
   let timeoutId;
   return (...args) => {
@@ -18,11 +18,11 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
-const MazBtn = defineAsyncComponent(() => import("./MazBtn-16ab35fe.mjs"));
+const MazBtn = defineAsyncComponent(() => import("./MazBtn-090f5ced.mjs"));
 const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
 const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-3c6844fc.mjs"));
 const EyeIcon = defineAsyncComponent(() => import("./eye-290c6a03.mjs"));
-const CheckIcon = defineAsyncComponent(() => import("./check-b1507ce9.mjs"));
+const CheckIcon = defineAsyncComponent(() => import("./check-77afbaee.mjs"));
 const _sfc_main$1 = defineComponent({
   components: {
     MazBtn,
@@ -379,7 +379,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazSelect",
   props: {
     modelValue: {
-      type: [Number, String, Boolean],
+      type: [Number, String, Boolean, Array],
       default: void 0
     },
     id: { type: String, default: void 0 },
@@ -414,7 +414,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     },
     search: { type: Boolean, default: false },
-    searchPlaceholder: { type: String, default: "Search in options" }
+    searchPlaceholder: { type: String, default: "Search in options" },
+    multiple: { type: Boolean, default: false }
   },
   emits: [
     "close",
@@ -427,6 +428,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "selected-option"
   ],
   setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "4268d79e": keyboardSelectedBgColor.value,
+      "71723ca0": selectedTextColor.value,
+      "66e06018": selectedBgColor.value
+    }));
+    const MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox-aeada499.mjs"));
     const SearchIcon = defineAsyncComponent(() => import("./magnifying-glass-6a0dd1a2.mjs"));
     const ChevronDownIcon = defineAsyncComponent(() => import("./chevron-down-7a070b10.mjs"));
     const NoSymbolIcon = defineAsyncComponent(() => import("./no-symbol-6173a20b.mjs"));
@@ -435,42 +442,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const listOpened = ref(false);
     const tmpModelValueIndex = ref();
+    const isBlackOrTransparentColor = computed(
+      () => ["black", "transparent", "white"].includes(props.color)
+    );
+    const selectedTextColor = computed(
+      () => isBlackOrTransparentColor.value ? `var(--maz-color-black)` : `var(--maz-color-${props.color}-800)`
+    );
+    const selectedBgColor = computed(
+      () => isBlackOrTransparentColor.value ? "var(--maz-color-muted)" : `var(--maz-color-${props.color}-100)`
+    );
+    const keyboardSelectedBgColor = computed(
+      () => isBlackOrTransparentColor.value ? "var(--maz-color-muted)" : `var(--maz-color-${props.color}-200)`
+    );
     const hasListOpened = computed(() => listOpened.value || props.open);
     const instanceId = useInstanceUniqId({
       componentName: "MazSelect",
       instance,
       providedId: props.id
     });
+    const selectedOptions = computed(
+      () => {
+        var _a;
+        return ((_a = props.options) == null ? void 0 : _a.filter((option) => {
+          return props.multiple ? Array.isArray(props.modelValue) ? props.modelValue.includes(option[props.optionValueKey]) && !isNullOrUndefined(option[props.optionValueKey]) : false : props.modelValue === option[props.optionValueKey] && !isNullOrUndefined(option[props.optionValueKey]);
+        })) ?? [];
+      }
+    );
     onBeforeMount(() => {
-      var _a, _b;
+      var _a;
       if (!((_a = props.options) == null ? void 0 : _a.length)) {
         console.warn("[maz-ui](MazSelect) you must provide options");
       }
-      if (selectedOption.value) {
-        tmpModelValueIndex.value = (_b = props.options) == null ? void 0 : _b.findIndex(
-          (option) => {
-            var _a2;
-            return option[props.optionValueKey] === ((_a2 = selectedOption.value) == null ? void 0 : _a2[props.optionValueKey]);
-          }
-        );
-      }
+      updateTmpModelValueIndex();
     });
     const mazSelectElement = ref();
     const mazInputComponent = ref();
     const searchInputComponent = ref();
     const optionsListElement = ref();
-    const selectedOption = computed(
-      () => {
-        var _a;
-        return (_a = props.options) == null ? void 0 : _a.find((option) => props.modelValue === option[props.optionValueKey]);
-      }
-    );
     const isNullOrUndefined = (value) => {
       return value === void 0 || value === null;
     };
+    function isSelectedOption(option) {
+      var _a;
+      const hasOption = ((_a = selectedOptions.value) == null ? void 0 : _a.some(
+        (selectedOption) => selectedOption[props.optionValueKey] === option[props.optionValueKey]
+      )) ?? false;
+      return hasOption && !isNullOrUndefined(option[props.optionValueKey]);
+    }
     const mazInputValue = computed(() => {
-      var _a, _b, _c;
-      return isNullOrUndefined((_a = selectedOption.value) == null ? void 0 : _a[props.optionValueKey]) ? void 0 : ((_b = selectedOption.value) == null ? void 0 : _b[props.optionInputValueKey]) ?? ((_c = selectedOption.value) == null ? void 0 : _c[props.optionLabelKey]);
+      var _a, _b;
+      if (props.multiple && props.modelValue && Array.isArray(props.modelValue)) {
+        return props.modelValue.map(
+          (value) => {
+            var _a2, _b2;
+            return (_b2 = (_a2 = optionsList.value) == null ? void 0 : _a2.find((option) => option[props.optionValueKey] === value)) == null ? void 0 : _b2[props.optionInputValueKey];
+          }
+        ).join(", ");
+      }
+      return (_b = (_a = optionsList.value) == null ? void 0 : _a.find((option) => option[props.optionValueKey] === props.modelValue)) == null ? void 0 : _b[props.optionInputValueKey];
     });
     const listTransition = computed(
       () => props.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
@@ -488,10 +517,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       (value, oldValue) => {
-        if (value && value !== oldValue) {
-          scrollToSelected();
-          updateTmpModelValueIndex();
-        }
       }
     );
     function getFilteredOptionWithQuery(query2) {
@@ -515,17 +540,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("close", event);
     };
     const openList = async (event) => {
-      event == null ? void 0 : event.preventDefault();
-      if (props.disabled)
+      if (props.disabled || hasListOpened.value)
         return;
+      event == null ? void 0 : event.preventDefault();
       listOpened.value = true;
-      await scrollToSelected();
+      await scrollToOptionIndex();
       emits("focus", event);
       emits("open", listOpened.value);
     };
-    function toggleList(event) {
+    function focusMainInput() {
       var _a, _b;
-      return listOpened.value ? closeList(event) : ((_b = (_a = mazInputComponent.value) == null ? void 0 : _a.$el.querySelector("input")) == null ? void 0 : _b.focus()) ?? openList();
+      (_b = (_a = mazInputComponent.value) == null ? void 0 : _a.$el.querySelector("input")) == null ? void 0 : _b.focus();
+    }
+    function toggleList(event) {
+      listOpened.value ? closeList(event) : focusMainInput();
     }
     function focusSearchInputAndSetQuery(q) {
       var _a;
@@ -544,7 +572,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         tmpModelValueIndex.value = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
           (option) => option[props.optionValueKey] === filteredOptions[0][props.optionValueKey]
         );
-        scrollToSelected(tmpModelValueIndex.value);
+        if (typeof tmpModelValueIndex.value === "number" && tmpModelValueIndex.value >= 0) {
+          scrollToOptionIndex(tmpModelValueIndex.value);
+        }
       }
       debounceCallback(() => {
         query.value = "";
@@ -563,13 +593,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const keyboardHandler = (event) => {
       const code = event.code;
       const isArrow = ["ArrowUp", "ArrowDown"].includes(code);
-      const isEnter = "Enter" === code;
-      const isEscape = "Escape" === code && hasListOpened.value;
+      const shouldSelect = ["Enter", "Space"].includes(code);
+      const shouldCloseList = "Escape" === code && hasListOpened.value;
       if (isArrow) {
         arrowHandler(event, tmpModelValueIndex.value);
-      } else if (isEnter) {
+      } else if (shouldSelect) {
         enterHandler(event, tmpModelValueIndex.value);
-      } else if (isEscape) {
+      } else if (shouldCloseList) {
         closeList();
       }
     };
@@ -594,7 +624,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         tmpModelValueIndex.value = code === "ArrowDown" ? 0 : optionsLength - 1;
       }
-      scrollToSelected(tmpModelValueIndex.value);
+      scrollToOptionIndex(tmpModelValueIndex.value);
     };
     const enterHandler = (event, currentIndex) => {
       var _a, _b, _c;
@@ -607,40 +637,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         updateValue(newValue);
       }
     };
-    async function scrollToSelected(index) {
-      var _a, _b, _c;
+    async function scrollToOptionIndex(index) {
+      var _a, _b;
       await nextTick();
-      const selectedIndex = index ?? ((_a = optionsList.value) == null ? void 0 : _a.findIndex(
-        (option) => {
-          var _a2;
-          return ((_a2 = selectedOption.value) == null ? void 0 : _a2[props.optionValueKey]) === option[props.optionValueKey];
-        }
-      ));
-      if (typeof selectedIndex === "number") {
-        if (!tmpModelValueIndex.value)
-          tmpModelValueIndex.value = selectedIndex;
-        (_c = (_b = optionsListElement.value) == null ? void 0 : _b.querySelectorAll(".m-select-list-item")[selectedIndex]) == null ? void 0 : _c.scrollIntoView({
+      if (typeof index !== "number") {
+        updateTmpModelValueIndex();
+      }
+      const selectedIndex = index ?? tmpModelValueIndex.value;
+      if (typeof selectedIndex === "number" && selectedIndex >= 0) {
+        (_b = (_a = optionsListElement.value) == null ? void 0 : _a.querySelectorAll(".m-select-list-item")[selectedIndex]) == null ? void 0 : _b.scrollIntoView({
           behavior: "auto",
           block: "nearest",
           inline: "start"
         });
       }
     }
-    function updateTmpModelValueIndex() {
+    function updateTmpModelValueIndex(inputOption) {
       var _a;
-      const index = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
-        (option) => selectedOption[props.optionValueKey] === option[props.optionValueKey]
-      );
-      tmpModelValueIndex.value = index && index >= 0 ? index : void 0;
+      const index = (_a = optionsList.value) == null ? void 0 : _a.findIndex((option) => {
+        var _a2, _b;
+        if (props.multiple && Array.isArray(props.modelValue)) {
+          if (inputOption) {
+            return inputOption[props.optionValueKey] === option[props.optionValueKey];
+          }
+          const values = [...props.modelValue].reverse();
+          return values[0] === option[props.optionValueKey];
+        } else {
+          return ((_b = (_a2 = selectedOptions.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b[props.optionValueKey]) === option[props.optionValueKey];
+        }
+      });
+      tmpModelValueIndex.value = index && index >= 0 ? index : 0;
     }
-    const updateValue = (selectedOption2, mustCloseList = true) => {
-      if (mustCloseList) {
+    const updateValue = (inputOption, mustCloseList = true) => {
+      var _a;
+      if (mustCloseList && !props.multiple) {
         nextTick(() => closeList());
       }
       searchQuery.value = "";
-      emits("update:model-value", selectedOption2[props.optionValueKey]);
-      emits("selected-option", selectedOption2);
-      updateTmpModelValueIndex();
+      const isAlreadySelected = (_a = selectedOptions.value) == null ? void 0 : _a.some(
+        (option) => option[props.optionValueKey] === inputOption[props.optionValueKey]
+      );
+      let newValue = selectedOptions.value;
+      if (isAlreadySelected && props.multiple) {
+        newValue = newValue == null ? void 0 : newValue.filter(
+          (option) => option[props.optionValueKey] !== inputOption[props.optionValueKey]
+        );
+      } else if (props.multiple) {
+        newValue.push(inputOption);
+      } else {
+        newValue = [inputOption];
+      }
+      const selectedValues = newValue.map((option) => option[props.optionValueKey]);
+      emits("update:model-value", props.multiple ? selectedValues : selectedValues[0]);
+      emits("selected-option", inputOption);
+      updateTmpModelValueIndex(inputOption);
+      focusMainInput();
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -666,6 +717,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             size: __props.size,
             disabled: __props.disabled,
             onFocus: withModifiers(openList, ["prevent", "stop"]),
+            onClick: withModifiers(openList, ["prevent", "stop"]),
             onChange: _cache[0] || (_cache[0] = ($event) => emits("change", $event)),
             onKeydown: mainInputKeyboardHandler
           }), {
@@ -681,7 +733,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled", "onFocus"]),
+          }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled", "onFocus", "onClick"]),
           createVNode(Transition, { name: listTransition.value }, {
             default: withCtx(() => [
               hasListOpened.value ? (openBlock(), createElementBlock(
@@ -727,7 +779,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }, 8, ["modelValue", "color", "placeholder"])
                   ])) : createCommentVNode("v-if", true),
-                  createCommentVNode(" No results slot - Displayed when no results corresponding with seeach query "),
+                  createCommentVNode("\n          @slot No results slot - Displayed when no results corresponding with seeach query\n        "),
                   !optionsList.value || optionsList.value.length <= 0 ? renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
                     createElementVNode("span", _hoisted_3, [
                       createVNode(unref(NoSymbolIcon), { class: "maz-h-6 maz-w-6 maz-text-normal" })
@@ -737,7 +789,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       Fragment,
                       null,
                       renderList(optionsList.value, (option, i) => {
-                        var _a, _b, _c;
                         return openBlock(), createElementBlock("button", {
                           key: i,
                           tabindex: "-1",
@@ -745,18 +796,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass(["m-select-list-item maz-custom", [
                             {
                               "--is-keyboard-selected": tmpModelValueIndex.value === i,
-                              "--is-selected": ((_a = selectedOption.value) == null ? void 0 : _a[__props.optionValueKey]) === option[__props.optionValueKey] && !isNullOrUndefined(option[__props.optionValueKey]),
+                              "--is-selected": isSelectedOption(option),
                               "--is-none-value": isNullOrUndefined(option[__props.optionValueKey])
-                            },
-                            `--${__props.color}`
+                            }
                           ]]),
                           style: normalizeStyle({ minHeight: `${__props.itemHeight}px` }),
                           onClick: withModifiers(($event) => updateValue(option), ["prevent", "stop"])
                         }, [
+                          __props.multiple ? (openBlock(), createBlock(unref(MazCheckbox), {
+                            key: 0,
+                            tabindex: "-1",
+                            "model-value": isSelectedOption(option),
+                            size: "sm",
+                            color: __props.color
+                          }, null, 8, ["model-value", "color"])) : createCommentVNode("v-if", true),
+                          createCommentVNode("\n              @slot Custom option\n                @binding {Object} option\n                @binding {Boolean} is-selected\n            "),
                           renderSlot(_ctx.$slots, "default", {
                             option,
-                            isSelected: ((_b = selectedOption.value) == null ? void 0 : _b[__props.optionValueKey]) === option[__props.optionValueKey],
-                            selectedOption: (_c = selectedOption.value) == null ? void 0 : _c[__props.optionValueKey]
+                            isSelected: isSelectedOption(option)
                           }, () => [
                             createElementVNode(
                               "span",
@@ -787,9 +844,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazSelect_vue_vue_type_style_index_0_scoped_2589528b_lang = "";
-const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2589528b"]]);
+const MazSelect_vue_vue_type_style_index_0_scoped_6ebd3ef8_lang = "";
+const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ebd3ef8"]]);
 export {
   MazSelect as M,
-  _export_sfc as _
+  _export_sfc as _,
+  useInstanceUniqId as u
 };

package/components/chunks/{MazSpinner-5fdafc97.mjs → MazSpinner-5be69292.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazSelect-1f4d1193.mjs";
+import { _ as _export_sfc } from "./MazSelect-5c3b7a30.mjs";
 const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/chunks/{MazSpinner-6025406b.mjs → MazSpinner-f1454eeb.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPhoneNumberInput-901c4fa6.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-94d7c29b.mjs";
 const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/chunks/check-77afbaee.mjs

@@ -0,0 +1,32 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "m4.5 12.75 6 6 9-13.5"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const CheckIcon = { render };
+export {
+  CheckIcon as default,
+  render
+};

package/css/main.css

@@ -1 +1 @@
-*,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-primary-contrast:#fff;--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-secondary-contrast:#fff;--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-info-contrast:#fff;--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-success-contrast:#fff;--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-warning-contrast:#384252;--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-danger-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.3);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:1440px}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.maz-invisible{visibility:hidden}.maz-fixed{position:fixed}.maz-absolute{position:absolute}.maz-relative{position:relative}.maz-inset-0{inset:0}.maz-z-default-backdrop{z-index:1050}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-16{height:4rem}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-auto{height:auto}.maz-h-screen{height:100vh}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-auto{width:auto}.maz-w-full{width:100%}.maz-w-screen{width:100vw}.maz-min-w-0{min-width:0}.maz-max-w-\[none\]{max-width:none}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-rotate-180{--tw-rotate:180deg}.maz-rotate-180,.maz-rotate-90{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.maz-rotate-90{--tw-rotate:90deg}.maz-cursor-zoom-in{cursor:-webkit-zoom-in;cursor:zoom-in}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-center{text-align:center}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}
+*,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-primary-contrast:#fff;--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-secondary-contrast:#fff;--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-info-contrast:#fff;--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-success-contrast:#fff;--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-warning-contrast:#384252;--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-danger-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.3);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:1440px}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.maz-invisible{visibility:hidden}.maz-fixed{position:fixed}.maz-absolute{position:absolute}.maz-relative{position:relative}.maz-inset-0{inset:0}.maz-z-default-backdrop{z-index:1050}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-16{height:4rem}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-auto{height:auto}.maz-h-screen{height:100vh}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-auto{width:auto}.maz-w-full{width:100%}.maz-w-screen{width:100vw}.maz-min-w-0{min-width:0}.maz-max-w-\[none\]{max-width:none}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-rotate-180{--tw-rotate:180deg}.maz-rotate-180,.maz-rotate-90{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.maz-rotate-90{--tw-rotate:90deg}.maz-cursor-zoom-in{cursor:-webkit-zoom-in;cursor:zoom-in}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-center{text-align:center}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-base{font-size:1rem;line-height:1.5rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-text-xs{font-size:.75rem;line-height:1rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.19.2"
+  "version": "3.20.0"
 }

package/nuxt/index.mjs

@@ -12,11 +12,8 @@ import __cjs_mod__ from 'module';
 const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
-function isObject(value) {
-  return value !== null && typeof value === "object";
-}
 function _defu(baseObject, defaults, namespace = ".", merger) {
-  if (!isObject(defaults)) {
+  if (!_isPlainObject(defaults)) {
     return _defu(baseObject, {}, namespace, merger);
   }
   const object = Object.assign({}, defaults);
@@ -33,7 +30,7 @@ function _defu(baseObject, defaults, namespace = ".", merger) {
     }
     if (Array.isArray(value) && Array.isArray(object[key])) {
       object[key] = [...value, ...object[key]];
-    } else if (isObject(value) && isObject(object[key])) {
+    } else if (_isPlainObject(value) && _isPlainObject(object[key])) {
       object[key] = _defu(
         value,
         object[key],
@@ -46,6 +43,13 @@ function _defu(baseObject, defaults, namespace = ".", merger) {
   }
   return object;
 }
+function _isPlainObject(value) {
+  if (value === null || typeof value !== "object") {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in value) && !(Symbol.iterator in value);
+}
 function createDefu(merger) {
   return (...arguments_) => (
     // eslint-disable-next-line unicorn/no-array-reduce

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.19.2",
+  "version": "3.20.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -99,27 +99,27 @@
     "@nuxt/kit": "^3.8.0",
     "@nuxt/schema": "^3.8.0",
     "@types/dropzone": "^5.7.6",
-    "@types/google.maps": "^3.54.4",
+    "@types/google.maps": "^3.54.6",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vitest/coverage-v8": "^0.34.6",
-    "@vue/compiler-sfc": "^3.3.6",
+    "@vue/compiler-sfc": "^3.3.7",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.4.0",
     "autoprefixer": "^10.4.16",
     "c8": "^8.0.1",
-    "chalk": "^4.1.2",
+    "chalk": "4.1.2",
     "chart.js": "^4.4.0",
     "dayjs": "^1.11.10",
-    "defu": "^6.1.2",
+    "defu": "^6.1.3",
     "dropzone": "^5.9.3",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.18.1",
     "eslint-plugin-vuejs-accessibility": "^2.2.0",
     "fs": "0.0.2",
     "jsdom": "^22.1.0",
     "json-templater": "^1.2.0",
-    "libphonenumber-js": "^1.10.48",
+    "libphonenumber-js": "^1.10.49",
     "minimist": "^1.2.8",
     "nuxt": "^3.8.0",
     "onchange": "^7.1.0",
@@ -131,18 +131,18 @@
     "postcss-simple-vars": "^7.0.1",
     "postcss-url": "^10.1.3",
     "prettier-plugin-tailwindcss": "^0.5.6",
-    "replace-in-file": "^7.0.1",
+    "replace-in-file": "^7.0.2",
     "rimraf": "^5.0.5",
-    "sass": "^1.69.4",
+    "sass": "^1.69.5",
     "semver": "^7.5.4",
     "sirv": "^2.0.3",
     "stylelint": "^15.11.0",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^34.0.0",
-    "stylelint-config-standard-scss": "^11.0.0",
+    "stylelint-config-standard-scss": "^11.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
-    "tailwindcss": "^3.3.3",
-    "terser": "^5.22.0",
+    "tailwindcss": "^3.3.5",
+    "terser": "^5.24.0",
     "vite": "^4.5.0",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-lib-inject-css": "^1.3.0",
@@ -150,12 +150,12 @@
     "vite-svg-loader": "^4.0.0",
     "vitest": "^0.34.6",
     "vitest-canvas-mock": "^0.3.3",
-    "vue": "^3.3.6",
+    "vue": "^3.3.7",
     "vue-chartjs": "^5.2.0",
-    "vue-loader": "^17.3.0",
+    "vue-loader": "^17.3.1",
     "vue-router": "^4.2.5",
     "vue-scrollto": "^2.20.0",
-    "vue-tsc": "^1.8.20"
+    "vue-tsc": "^1.8.22"
   },
   "engines": {
     "node": ">= 6.0.0",