maz-ui 3.19.0 → 3.19.2

package/components/chunks/MazSpinner-5fdafc97.mjs

@@ -0,0 +1,46 @@
+import "../assets/MazSpinner.css";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
+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(
+  "path",
+  { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3, 10, _hoisted_1);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_c67298ec_lang = "";
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c67298ec"]]);
+export {
+  MazSpinner as default
+};

package/components/chunks/{MazSpinner-bfd1f135.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-37eb2437.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-33f756c4.mjs → MazSpinner-6c664898.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazInputPrice-50e3ea5d.mjs";
+import { _ as _export_sfc } from "./MazInputPrice-e88dec74.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-819a5b00.mjs

@@ -0,0 +1,46 @@
+import "../assets/MazSpinner.css";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
+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(
+  "path",
+  { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3, 10, _hoisted_1);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_c67298ec_lang = "";
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c67298ec"]]);
+export {
+  MazSpinner as default
+};

package/components/chunks/{MazSpinner-50959d38.mjs → MazSpinner-984d259a.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazBtn-ebaa1574.mjs";
+import { _ as _export_sfc } from "./MazBtn-000f9f66.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-a74389bd.mjs

@@ -0,0 +1,46 @@
+import "../assets/MazSpinner.css";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./MazCarousel-06ca7c0b.mjs";
+const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "path",
+  { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3, 10, _hoisted_1);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_c67298ec_lang = "";
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c67298ec"]]);
+export {
+  MazSpinner as default
+};

package/components/chunks/{MazSpinner-ac676f71.mjs → MazSpinner-bed2bced.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazBottomSheet-1fd128d5.mjs";
+import { _ as _export_sfc } from "./MazBottomSheet-b78adb87.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-5baeb3f0.mjs → MazSpinner-d6625983.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
-import { _ as _export_sfc } from "./MazCard-f0b1207f.mjs";
+import { _ as _export_sfc } from "./MazCard-d9369776.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/{MazStepper-d61114a7.mjs → MazStepper-293b4be5.mjs}

@@ -33,20 +33,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     canCloseSteps: { type: Boolean, default: false }
   },
   emits: ["update:model-value"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
       "d84124a6": roundStepBgColor.value,
       "9e8e43f6": roundStepTextColor.value
     }));
-    const MazTransitionExpand = defineAsyncComponent(() => import("./MazTransitionExpand-bf4cb245.mjs"));
+    const MazTransitionExpand = defineAsyncComponent(() => import("./MazTransitionExpand-f3018af6.mjs"));
     const CheckCircleIcon = defineAsyncComponent(() => import("./check-circle-403abf7e.mjs"));
     const ExclamationCircleIcon = defineAsyncComponent(
       () => import("./exclamation-circle-78184f31.mjs")
     );
     const ExclamationIcon = defineAsyncComponent(() => import("./exclamation-triangle-7b00fa9b.mjs"));
+    const props = __props;
     const roundStepBgColor = computed(() => `var(--maz-color-${props.color})`);
     const roundStepTextColor = computed(() => `var(--maz-color-${props.color}-contrast)`);
+    const emits = __emit;
     const slots = useSlots();
     const stepCount = computed(
       () => Object.keys(slots).filter((slot) => slot.startsWith("content-")).length

package/components/chunks/{MazTabsBar-6f1ed175.mjs → MazTabsBar-6dffbdde.mjs}

@@ -17,8 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noRounded: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-a2eeb3f8.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-a776eb42.mjs"));
     function toKebabCase(input) {
       return input.replaceAll(/([a-z])([A-Z])/g, "$1-$2").replaceAll(/[\s_]+/g, "-").toLowerCase();
     }
@@ -30,6 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return index === -1 ? 1 : index + 1;
     };
     const { currentTab, updateCurrentTab } = injectStrict("maz-tabs");
+    const props = __props;
     const MazTabsBar2 = ref();
     const isMounted = ref(false);
     const normalizedItems = computed(

package/components/chunks/{MazTransitionExpand-e408307c.mjs → MazTransitionExpand-648e21e0.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazTransitionExpand.css";
 import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, renderSlot, nextTick } from "vue";
-import { _ as _export_sfc } from "./MazCard-f0b1207f.mjs";
+import { _ as _export_sfc } from "./MazCard-d9369776.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTransitionExpand",
   setup(__props) {

package/components/chunks/{MazTransitionExpand-bf4cb245.mjs → MazTransitionExpand-f3018af6.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazTransitionExpand.css";
 import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, renderSlot, nextTick } from "vue";
-import { _ as _export_sfc } from "./MazStepper-d61114a7.mjs";
+import { _ as _export_sfc } from "./MazStepper-293b4be5.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTransitionExpand",
   setup(__props) {

package/modules/chunks/{MazBtn-c57ccb54.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-7220b7e8.mjs";
+import { _ as _export_sfc } from "./index-1c3e48da.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazBtn",
   props: {
@@ -46,11 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noElevation: { type: Boolean, default: false }
   },
   setup(__props) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-bb0e791a.mjs"));
-    const MazIcon = defineAsyncComponent(() => import("./MazIcon-c5f0f47e.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;
     onBeforeMount(() => {
       if (props.icon && !props.fab) {
         console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');

package/{components/chunks/MazIcon-00892ac4.mjs → modules/chunks/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 "./MazTabsBar-6f1ed175.mjs";
+import { i as injectStrict } from "./index-1c3e48da.mjs";
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",
@@ -15,8 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["loaded", "unloaded", "error"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const cache = {};
     const svgElSource = ref();
     const svgElem = ref();
@@ -27,6 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return void 0;
       }
     };
+    const props = __props;
+    const emits = __emit;
     const iconPath = computed(() => props.path ?? getMazIconPath());
     const fullSrc = computed(() => {
       if (props.src) {

package/modules/chunks/{MazSpinner-bb0e791a.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-7220b7e8.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-7220b7e8.mjs → index-1c3e48da.mjs}

@@ -1103,15 +1103,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     scaleAnimation: { type: Boolean }
   },
   emits: ["close", "previous", "next", "before-close"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-bb0e791a.mjs"));
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    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;
     onBeforeMount(async () => {
       vueScrollTo = await import("vue-scrollto");
     });
+    const props = __props;
     const showFullscreenImg = ref(false);
     const imageLoaded = ref(false);
     const showLoader = ref(false);
@@ -1677,15 +1678,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     persistent: { type: Boolean, default: false }
   },
   emits: ["close", "click"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const XIcon = defineAsyncComponent(() => import("./x-mark-6dd31278.mjs"));
     const ExternalLink = defineAsyncComponent(
       () => import("./arrow-top-right-on-square-3878577d.mjs")
     );
     const Link = defineAsyncComponent(() => import("./link-74f1af7a.mjs"));
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-c57ccb54.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./MazBtn-f4c8698d.mjs"));
     const Toaster = ref();
+    const props = __props;
+    const emits = __emit;
     const positionY = computed(() => props.position.includes("top") ? "top" : "bottom");
     const positionX = computed(() => {
       if (props.position.includes("left"))
@@ -2093,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-7220b7e8.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.0"
+  "version": "3.19.2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.19.0",
+  "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",
@@ -96,13 +96,13 @@
     "@babel/core": "^7.23.2",
     "@babel/preset-env": "^7.23.2",
     "@babel/preset-typescript": "^7.23.2",
-    "@nuxt/kit": "^3.7.4",
-    "@nuxt/schema": "^3.7.4",
+    "@nuxt/kit": "^3.8.0",
+    "@nuxt/schema": "^3.8.0",
     "@types/dropzone": "^5.7.6",
     "@types/google.maps": "^3.54.4",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vitest/coverage-v8": "^0.34.6",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/compiler-sfc": "^3.3.6",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.1",
@@ -121,7 +121,7 @@
     "json-templater": "^1.2.0",
     "libphonenumber-js": "^1.10.48",
     "minimist": "^1.2.8",
-    "nuxt": "^3.7.4",
+    "nuxt": "^3.8.0",
     "onchange": "^7.1.0",
     "path": "^0.12.7",
     "postcss": "^8.4.31",
@@ -150,12 +150,12 @@
     "vite-svg-loader": "^4.0.0",
     "vitest": "^0.34.6",
     "vitest-canvas-mock": "^0.3.3",
-    "vue": "^3.3.4",
+    "vue": "^3.3.6",
     "vue-chartjs": "^5.2.0",
     "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/MazPicker/utils.d.ts

@@ -12,10 +12,7 @@ export declare function getRangeFormattedDate({ value, locale, options, }: {
     options: Intl.DateTimeFormatOptions;
 }): string | undefined;
 export declare function getFirstDayOfMonth(value: ConfigType): number;
-export declare function getWeekDays(locale: string, offset?: number): {
-    label: string;
-    dayNumber: number;
-}[];
+export declare function getDaysOfWeek(locale: string, firstDayOfWeek: number): string[];
 export declare function getDaysInMonth(date: ConfigType): number;
 export declare function isToday(date: ConfigType): boolean;
 export declare function isSameDate(date: ConfigType, date2: ConfigType, unit: OpUnitType): boolean;

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 {};