maz-ui 3.19.1 → 3.19.2

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazAvatar-abb04cbe.mjs";
+import { M } from "./chunks/MazAvatar-a65c81e3.mjs";
 export {
   M as default
 };

package/components/MazFullscreenLoader.d.ts

@@ -1,29 +1,37 @@
 import type { Color } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<Color>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<Color>;
-        default: string;
-    };
-}>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: Color | undefined;
+    size?: string | undefined;
+}>, {
+    color: string;
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: Color | undefined;
+    size?: string | undefined;
+}>, {
+    color: string;
+    size: string;
+}>>>, {
     size: string;
     color: Color;
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/components/MazLazyImg.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazLazyImg-63de45ce.mjs";
+import { M } from "./chunks/MazLazyImg-8d49fa48.mjs";
 export {
   M as default
 };

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPhoneNumberInput-458455bb.mjs";
+import { M } from "./chunks/MazPhoneNumberInput-901c4fa6.mjs";
 export {
   M as default
 };

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazSelect-41a971ea.mjs";
+import { M } from "./chunks/MazSelect-1f4d1193.mjs";
 export {
   M as default
 };

package/components/MazStepper.d.ts

@@ -99,7 +99,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     allStepsOpened: boolean;
     allStepsValidated: boolean;
     canCloseSteps: boolean;
-}, {}>, Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+}, {}>, Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
     validated: boolean;
     error: boolean | undefined;
     warning: boolean | undefined;

package/components/assets/MazLazyImg.css

@@ -1 +1 @@
-.m-lazy-img-component[data-v-8de682eb]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--maz-color-bg-lighter);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component-loader[data-v-8de682eb]{position:absolute;top:0;right:0;bottom:0;left:0;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component:not(.m-lazy-error,.m-lazy-no-photo) img[data-v-8de682eb]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-8de682eb]{max-height:100%!important;width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;max-width:-webkit-min-content!important;max-width:-moz-min-content!important;max-width:min-content!important}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-8de682eb]{display:-webkit-box;display:-ms-flexbox;display:flex}
+.m-lazy-img-component[data-v-d4086686]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--maz-color-bg-lighter);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component-loader[data-v-d4086686]{position:absolute;top:0;right:0;bottom:0;left:0;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component:not(.m-lazy-error,.m-lazy-no-photo) img[data-v-d4086686]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-d4086686]{max-height:100%!important;width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;max-width:-webkit-min-content!important;max-width:-moz-min-content!important;max-width:min-content!important}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-d4086686]{display:-webkit-box;display:-ms-flexbox;display:flex}

package/components/chunks/{MazAvatar-abb04cbe.mjs → MazAvatar-a65c81e3.mjs}

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["click"],
   setup(__props) {
-    const MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg-478c8d2b.mjs"));
+    const MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg-51c16f47.mjs"));
     const PencilIcon = defineAsyncComponent(() => import("./pencil-6f15596d.mjs"));
     const props = __props;
     const componentType = computed(() => props.to ? "RouterLink" : props.href ? "a" : "div");

package/components/chunks/{MazBtn-b645511d.mjs → MazBtn-0d8e3249.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazPhoneNumberInput-458455bb.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-901c4fa6.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-4b2a2fda.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-6025406b.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazBtn-02b39f75.mjs → MazBtn-16ab35fe.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazSelect-41a971ea.mjs";
+import { _ as _export_sfc } from "./MazSelect-1f4d1193.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-60ca1f4c.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-5fdafc97.mjs"));
     const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();

package/components/chunks/{MazInput-4a02a10a.mjs → MazInput-15f3e149.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazInput.css";
 import { defineComponent, ref, getCurrentInstance, onMounted, computed, defineAsyncComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-458455bb.mjs";
+import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-901c4fa6.mjs";
 function debounce(func, delay) {
   let timeoutId;
   return (...args) => {
@@ -12,7 +12,7 @@ function debounce(func, delay) {
     }, delay);
   };
 }
-const MazBtn = defineAsyncComponent(() => import("./MazBtn-b645511d.mjs"));
+const MazBtn = defineAsyncComponent(() => import("./MazBtn-0d8e3249.mjs"));
 const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
 const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-3c6844fc.mjs"));
 const EyeIcon = defineAsyncComponent(() => import("./eye-290c6a03.mjs"));

package/components/chunks/{MazLazyImg-478c8d2b.mjs → MazLazyImg-51c16f47.mjs}

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import "../assets/MazLazyImg.css";
 import { defineComponent, defineAsyncComponent, computed, withDirectives, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, mergeProps, createVNode, unref, createCommentVNode, renderSlot } from "vue";
-import { _ as _export_sfc } from "./MazAvatar-abb04cbe.mjs";
+import { _ as _export_sfc } from "./MazAvatar-a65c81e3.mjs";
 const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 const DEFAULT_OPTIONS = {
   baseClass: "m-lazy-img",
@@ -249,7 +249,7 @@ const vLazyImg = {
     instance.remove(el, binding);
   }
 };
-const _hoisted_1 = ["data-srcset", "media"];
+const _hoisted_1 = ["data-lazy-srcset", "media"];
 const _hoisted_2 = {
   key: 0,
   class: "m-lazy-img-component-loader"
@@ -267,7 +267,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-5921e33f.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-819a5b00.mjs"));
     const props = __props;
     const sources = computed(() => {
       var _a;
@@ -286,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderList(sources.value, ({ srcset, media }, sourceIndex) => {
               return openBlock(), createElementBlock("source", {
                 key: sourceIndex,
-                "data-srcset": srcset,
+                "data-lazy-srcset": srcset,
                 media
               }, null, 8, _hoisted_1);
             }),
@@ -325,8 +325,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazLazyImg_vue_vue_type_style_index_0_scoped_8de682eb_lang = "";
-const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8de682eb"]]);
+const MazLazyImg_vue_vue_type_style_index_0_scoped_d4086686_lang = "";
+const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4086686"]]);
 export {
   MazLazyImg as default
 };

package/components/chunks/{MazLazyImg-63de45ce.mjs → MazLazyImg-8d49fa48.mjs}

@@ -248,7 +248,7 @@ const vLazyImg = {
     instance.remove(el, binding);
   }
 };
-const _hoisted_1 = ["data-srcset", "media"];
+const _hoisted_1 = ["data-lazy-srcset", "media"];
 const _hoisted_2 = {
   key: 0,
   class: "m-lazy-img-component-loader"
@@ -266,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-f04bbd1e.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-213b3866.mjs"));
     const props = __props;
     const sources = computed(() => {
       var _a;
@@ -285,7 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderList(sources.value, ({ srcset, media }, sourceIndex) => {
               return openBlock(), createElementBlock("source", {
                 key: sourceIndex,
-                "data-srcset": srcset,
+                "data-lazy-srcset": srcset,
                 media
               }, null, 8, _hoisted_1);
             }),
@@ -324,7 +324,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazLazyImg_vue_vue_type_style_index_0_scoped_8de682eb_lang = "";
+const MazLazyImg_vue_vue_type_style_index_0_scoped_d4086686_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -332,7 +332,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8de682eb"]]);
+const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4086686"]]);
 export {
   MazLazyImg as M,
   _export_sfc as _

package/components/chunks/{MazPhoneNumberInput-458455bb.mjs → MazPhoneNumberInput-901c4fa6.mjs}

@@ -282,8 +282,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       sanitizePhoneNumber: sanitizePhoneNumber2,
       loadPhoneNumberExamplesFile: loadPhoneNumberExamplesFile2
     } = useLibphonenumber();
-    const MazInput = defineAsyncComponent(() => import("./MazInput-4a02a10a.mjs"));
-    const MazSelect = defineAsyncComponent(() => import("./MazSelect-2e7271f3.mjs"));
+    const MazInput = defineAsyncComponent(() => import("./MazInput-15f3e149.mjs"));
+    const MazSelect = defineAsyncComponent(() => import("./MazSelect-c5c3f874.mjs"));
     const emits = __emit;
     const props = __props;
     const instance = getCurrentInstance();

package/components/chunks/{MazSelect-41a971ea.mjs → MazSelect-1f4d1193.mjs}

@@ -18,7 +18,7 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
-const MazBtn = defineAsyncComponent(() => import("./MazBtn-02b39f75.mjs"));
+const MazBtn = defineAsyncComponent(() => import("./MazBtn-16ab35fe.mjs"));
 const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
 const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-3c6844fc.mjs"));
 const EyeIcon = defineAsyncComponent(() => import("./eye-290c6a03.mjs"));
@@ -352,7 +352,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   );
 }
 const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-52aef9c7"]]);
-ref();
+ref("system");
 ref();
 ref([]);
 let timeout = null;

package/components/chunks/{MazSelect-2e7271f3.mjs → MazSelect-c5c3f874.mjs}

@@ -1,8 +1,8 @@
 import "../assets/MazSelect.css";
 import { ref, defineComponent, defineAsyncComponent, getCurrentInstance, computed, onBeforeMount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, unref, withModifiers, withCtx, createElementVNode, Transition, normalizeStyle, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString } from "vue";
-import MazInput from "./MazInput-4a02a10a.mjs";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-458455bb.mjs";
-ref();
+import MazInput from "./MazInput-15f3e149.mjs";
+import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-901c4fa6.mjs";
+ref("system");
 ref();
 ref([]);
 let timeout = null;

package/components/chunks/{MazSpinner-f04bbd1e.mjs → MazSpinner-213b3866.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazLazyImg-63de45ce.mjs";
+import { _ as _export_sfc } from "./MazLazyImg-8d49fa48.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-5921e33f.mjs → MazSpinner-5fdafc97.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazAvatar-abb04cbe.mjs";
+import { _ as _export_sfc } from "./MazSelect-1f4d1193.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-4b2a2fda.mjs → MazSpinner-6025406b.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-458455bb.mjs";
+import { _ as _export_sfc } from "./MazPhoneNumberInput-901c4fa6.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-60ca1f4c.mjs → MazSpinner-819a5b00.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-41a971ea.mjs";
+import { _ as _export_sfc } from "./MazAvatar-a65c81e3.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/modules/chunks/{MazBtn-6418f038.mjs → MazBtn-f4c8698d.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazBtn.css";
 import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./index-71440a8c.mjs";
+import { _ as _export_sfc } from "./index-1c3e48da.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,8 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-766c5c8d.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-c43d744d.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-331f6dc8.mjs"));
+    const MazIcon = defineAsyncComponent(() => import("./MazIcon-2c79b9d8.mjs"));
     const { href, to } = useAttrs();
     const slots = useSlots();
     const props = __props;

package/modules/chunks/{MazIcon-c43d744d.mjs → MazIcon-2c79b9d8.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
-import { i as injectStrict } from "./index-71440a8c.mjs";
+import { i as injectStrict } from "./index-1c3e48da.mjs";
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/modules/chunks/{MazSpinner-766c5c8d.mjs → MazSpinner-331f6dc8.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./index-71440a8c.mjs";
+import { _ as _export_sfc } from "./index-1c3e48da.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/modules/chunks/{index-71440a8c.mjs → index-1c3e48da.mjs}

@@ -1105,7 +1105,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["close", "previous", "next", "before-close"],
   setup(__props, { emit: __emit }) {
     const emits = __emit;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-766c5c8d.mjs"));
+    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-331f6dc8.mjs"));
     const XMark = defineAsyncComponent(() => import("./x-mark-6dd31278.mjs"));
     const ChevronLeft = defineAsyncComponent(() => import("./chevron-left-7ab9664d.mjs"));
     let vueScrollTo;
@@ -1684,7 +1684,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => import("./arrow-top-right-on-square-3878577d.mjs")
     );
     const Link = defineAsyncComponent(() => import("./link-74f1af7a.mjs"));
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-6418f038.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-f4c8698d.mjs"));
     const Toaster = ref();
     const props = __props;
     const emits = __emit;
@@ -2095,70 +2095,95 @@ const DEFAULT_OPTIONS = {
   lightClass: "light",
   storageThemeKey: "theme",
   storageThemeValueDark: "dark",
-  storageThemeValueLight: "light"
+  storageThemeValueLight: "light",
+  storageThemeValueSystem: "system"
 };
-const theme = ref();
-const setDarkTheme = ({
+const theme = ref("system");
+function setDarkTheme({
   darkClass,
   lightClass,
   storageThemeKey,
   storageThemeValueDark,
-  setLocalStorageValue = true
-}) => {
+  setLocalStorageValue = true,
+  setThemeValue = true
+}) {
   document.documentElement.classList.remove(lightClass);
   document.documentElement.classList.add(darkClass);
-  theme.value = storageThemeValueDark;
+  if (setThemeValue)
+    theme.value = storageThemeValueDark;
   if (setLocalStorageValue) {
     localStorage[storageThemeKey] = storageThemeValueDark;
   }
-};
-const setLightTheme = ({
+}
+function setLightTheme({
   darkClass,
   lightClass,
   storageThemeKey,
   storageThemeValueLight,
-  setLocalStorageValue = true
-}) => {
+  setLocalStorageValue = true,
+  setThemeValue = true
+}) {
   document.documentElement.classList.remove(darkClass);
   document.documentElement.classList.add(lightClass);
-  theme.value = storageThemeValueLight;
+  if (setThemeValue)
+    theme.value = storageThemeValueLight;
   if (setLocalStorageValue) {
     localStorage[storageThemeKey] = storageThemeValueLight;
   }
-};
-const autoSetTheme = (options) => {
-  if (localStorage[options.storageThemeKey] === options.storageThemeValueDark || !(options.storageThemeKey in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches) {
-    setDarkTheme({ ...options, setLocalStorageValue: false });
-  } else {
-    setLightTheme({ ...options, setLocalStorageValue: false });
+}
+function setSytemTheme(options) {
+  document.documentElement.classList.remove(options.darkClass);
+  document.documentElement.classList.remove(options.lightClass);
+  theme.value = options.storageThemeValueSystem;
+  if (options.setLocalStorageValue) {
+    localStorage[options.storageThemeKey] = options.storageThemeValueSystem;
+  }
+  autoSetTheme({ ...options, setThemeValue: false });
+}
+function getPrefDark() {
+  return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function autoSetTheme(options) {
+  if (localStorage[options.storageThemeKey] === options.storageThemeValueDark || !(options.storageThemeKey in localStorage) && getPrefDark() || localStorage[options.storageThemeKey] === options.storageThemeValueSystem && getPrefDark()) {
+    return setDarkTheme({ ...options, setLocalStorageValue: false });
   }
-};
-const setTheme = ({
+  return setLightTheme({ ...options, setLocalStorageValue: false });
+}
+function setTheme({
   shouldSetDarkMode,
   ...rest
-}) => {
+}) {
+  if (typeof shouldSetDarkMode !== "boolean") {
+    return setSytemTheme(rest);
+  }
   return shouldSetDarkMode ? setDarkTheme(rest) : setLightTheme(rest);
-};
-const toggleTheme = (options) => {
+}
+function toggleTheme(options) {
   return localStorage[options.storageThemeKey] === options.storageThemeValueDark ? setLightTheme(options) : setDarkTheme(options);
-};
-const useThemeHandler = (opts = DEFAULT_OPTIONS) => {
+}
+function useThemeHandler(opts = DEFAULT_OPTIONS) {
   const options = {
     ...DEFAULT_OPTIONS,
     ...opts
   };
   const hasDarkTheme = computed(() => theme.value === options.storageThemeValueDark);
   const hasLightTheme = computed(() => theme.value === options.storageThemeValueLight);
+  const hasSystemTheme = computed(() => theme.value === options.storageThemeValueSystem);
+  onMounted$1(() => {
+    theme.value = localStorage[options.storageThemeKey];
+  });
   return {
     autoSetTheme: () => autoSetTheme(options),
     toggleTheme: () => toggleTheme(options),
+    setSystemTheme: () => setSytemTheme({ ...options, setLocalStorageValue: true }),
     setDarkTheme: () => setTheme({ ...options, shouldSetDarkMode: true }),
     setLightTheme: () => setTheme({ ...options, shouldSetDarkMode: false }),
     hasDarkTheme,
     hasLightTheme,
+    hasSystemTheme,
     theme
   };
-};
+}
 const useInstanceUniqId = ({
   componentName,
   instance: instance2,

package/modules/index.mjs

@@ -1,4 +1,4 @@
-import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-71440a8c.mjs";
+import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-1c3e48da.mjs";
 export {
   B as AosHandler,
   I as IdleTimeout,

package/nuxt/index.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.19.1",
+  "version": "3.19.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -155,7 +155,7 @@
     "vue-loader": "^17.3.0",
     "vue-router": "^4.2.5",
     "vue-scrollto": "^2.20.0",
-    "vue-tsc": "^1.8.19"
+    "vue-tsc": "^1.8.20"
   },
   "engines": {
     "node": ">= 6.0.0",

package/types/components/MazFullscreenLoader.vue.d.ts

@@ -1,29 +1,37 @@
 import type { Color } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<Color>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<Color>;
-        default: string;
-    };
-}>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: Color | undefined;
+    size?: string | undefined;
+}>, {
+    color: string;
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: Color | undefined;
+    size?: string | undefined;
+}>, {
+    color: string;
+    size: string;
+}>>>, {
     size: string;
     color: Color;
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/types/components/MazStepper.vue.d.ts

@@ -99,7 +99,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     allStepsOpened: boolean;
     allStepsValidated: boolean;
     canCloseSteps: boolean;
-}, {}>, Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+}, {}>, Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
     validated: boolean;
     error: boolean | undefined;
     warning: boolean | undefined;

package/types/modules/composables/use-theme-handler.d.ts

@@ -4,17 +4,20 @@ declare const DEFAULT_OPTIONS: {
     storageThemeKey: string;
     storageThemeValueDark: string;
     storageThemeValueLight: string;
+    storageThemeValueSystem: string;
 };
-export declare const theme: import("vue").Ref<string | undefined>;
 export type StrictThemeHandlerOptions = typeof DEFAULT_OPTIONS;
 export type ThemeHandlerOptions = Partial<StrictThemeHandlerOptions>;
-export declare const useThemeHandler: (opts?: ThemeHandlerOptions) => {
+export declare const theme: import("vue").Ref<string>;
+export declare function useThemeHandler(opts?: ThemeHandlerOptions): {
     autoSetTheme: () => void;
     toggleTheme: () => void;
+    setSystemTheme: () => void;
     setDarkTheme: () => void;
     setLightTheme: () => void;
     hasDarkTheme: import("vue").ComputedRef<boolean>;
     hasLightTheme: import("vue").ComputedRef<boolean>;
-    theme: import("vue").Ref<string | undefined>;
+    hasSystemTheme: import("vue").ComputedRef<boolean>;
+    theme: import("vue").Ref<string>;
 };
 export {};

package/types/modules/directives/v-fullscreen-img/MazFullscreenImg.vue.d.ts

@@ -1,99 +1,51 @@
-declare const _default: import("vue").DefineComponent<{
-    destroy: {
-        type: import("vue").PropType<() => void>;
-        default: undefined;
-    };
-    src: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    alt: {
-        type: import("vue").PropType<string>;
-        default: undefined;
-    };
-    openInstanceClass: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    zoom: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    destroy?: (() => void) | undefined;
+    src: string;
+    alt?: string | undefined;
+    openInstanceClass: string;
+    zoom?: boolean | undefined;
+    disabled?: boolean | undefined;
     clickedElementBounds: {
-        type: import("vue").PropType<{
-            top: number;
-            left: number;
-            height: number;
-            width: number;
-        }>;
-        required: true;
+        top: number;
+        left: number;
+        height: number;
+        width: number;
     };
-    clickedElement: {
-        type: import("vue").PropType<HTMLElement>;
-        required: true;
-    };
-    animated: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    scaleAnimation: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clickedElement: HTMLElement;
+    animated: boolean;
+    scaleAnimation?: boolean | undefined;
+}>, {
+    destroy: undefined;
+    zoom: boolean;
+    animated: boolean;
+    alt: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     previous: (...args: any[]) => void;
     next: (...args: any[]) => void;
     "before-close": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    destroy: {
-        type: import("vue").PropType<() => void>;
-        default: undefined;
-    };
-    src: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    alt: {
-        type: import("vue").PropType<string>;
-        default: undefined;
-    };
-    openInstanceClass: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    zoom: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    destroy?: (() => void) | undefined;
+    src: string;
+    alt?: string | undefined;
+    openInstanceClass: string;
+    zoom?: boolean | undefined;
+    disabled?: boolean | undefined;
     clickedElementBounds: {
-        type: import("vue").PropType<{
-            top: number;
-            left: number;
-            height: number;
-            width: number;
-        }>;
-        required: true;
-    };
-    clickedElement: {
-        type: import("vue").PropType<HTMLElement>;
-        required: true;
-    };
-    animated: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
+        top: number;
+        left: number;
+        height: number;
+        width: number;
     };
-    scaleAnimation: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
+    clickedElement: HTMLElement;
+    animated: boolean;
+    scaleAnimation?: boolean | undefined;
+}>, {
+    destroy: undefined;
+    zoom: boolean;
+    animated: boolean;
+    alt: undefined;
+}>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onPrevious?: ((...args: any[]) => any) | undefined;
     onNext?: ((...args: any[]) => any) | undefined;
@@ -105,3 +57,17 @@ declare const _default: import("vue").DefineComponent<{
     animated: boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};