maz-ui 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/plugins/maz-ui.js

@@ -14,26 +14,26 @@ function formatHSL(h, s, l) {
   return `${roundedH} ${roundedS}% ${roundedL}%`;
 }
 const LUMINOSITY_OFFSETS = {
-  50: 45,
-  // Base + 45% = very light
-  100: 40,
-  // Base + 40% = light
-  200: 30,
-  // Base + 30% = moderately light
-  300: 20,
-  // Base + 20% = light-medium
-  400: 10,
+  50: 37.5,
+  // Base + 50% = very light
+  100: 30,
+  // Base + 35% = light
+  200: 22.5,
+  // Base + 20% = moderately light
+  300: 15,
   // Base + 10% = slightly lighter
+  400: 7.5,
+  // Base + 5% = slightly lighter
   500: 0,
   // Base (original color)
-  600: -10,
-  // Base - 10% = slightly darker
-  700: -20,
-  // Base - 20% = dark
-  800: -30,
-  // Base - 30% = very dark
-  900: -40
-  // Base - 40% = extremely dark
+  600: -7.5,
+  // Base - 5% = slightly darker
+  700: -15,
+  // Base - 15% = dark
+  800: -22.5,
+  // Base - 20% = very dark
+  900: -30
+  // Base - 25% = extremely dark
 };
 function calculateSaturationMultiplier(baseVariant, targetVariant, baseSaturation) {
   if (targetVariant === baseVariant)
@@ -214,7 +214,8 @@ function generateAllColorScales(colors, prefix) {
     }
   }), colorScales;
 }
-function injectCSS(css, id = "maz-theme-vars") {
+var CSS_IDS = /* @__PURE__ */ ((CSS_IDS2) => (CSS_IDS2.FULL = "maz-theme-full", CSS_IDS2.CRITICAL = "maz-theme-critical", CSS_IDS2))(CSS_IDS || {});
+function injectCSS(css, id) {
   if (typeof document > "u")
     return;
   let styleElement = document.getElementById(id);
@@ -251,7 +252,7 @@ function getColorMode(colorMode) {
   return savedMode && ["light", "dark"].includes(savedMode) ? savedMode : getSystemPrefersDark();
 }
 function getSystemPrefersDark() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  return typeof globalThis.window < "u" && typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 function applyDarkMode(darkModeStrategy, isDark) {
   typeof document > "u" || darkModeStrategy !== "class" || (isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
@@ -260,18 +261,17 @@ function injectThemeCSS(finalPreset, config) {
   if (typeof document > "u")
     return;
   const cssOptions = {
-    mode: "both",
-    prefix: config.prefix
+    mode: config.mode
   };
   if (config.injectCriticalCSS) {
     const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
-    injectCSS(criticalCSS, "maz-theme-critical");
+    injectCSS(criticalCSS, CSS_IDS.CRITICAL);
   }
   if (!config.injectFullCSS)
     return;
   const fullCSS = generateFullCSS(finalPreset, cssOptions);
-  config.strategy === "runtime" ? injectCSS(fullCSS, "maz-theme-full") : config.strategy === "hybrid" && requestIdleCallback(() => {
-    injectCSS(fullCSS, "maz-theme-full");
+  config.strategy === "runtime" ? injectCSS(fullCSS, CSS_IDS.FULL) : config.strategy === "hybrid" && requestIdleCallback(() => {
+    injectCSS(fullCSS, CSS_IDS.FULL);
   }, { timeout: 100 });
 }
 function injectThemeState(app, themeState) {
@@ -283,20 +283,21 @@ const MazUiTheme = {
       preset: "maz-ui",
       strategy: "runtime",
       darkModeStrategy: "class",
-      colorMode: "auto",
-      prefix: "maz",
+      colorMode: options.mode !== "both" ? options.mode : options.colorMode,
       injectCriticalCSS: !0,
       injectFullCSS: !0,
+      mode: "both",
       ...options
-    }, colorMode = getColorMode(config.colorMode), isDark = colorMode === "auto" ? getSystemPrefersDark() === "dark" : colorMode === "dark", themeState = reactive({
+    }, colorMode = config.mode !== "both" ? config.mode : getColorMode(config.colorMode), isDark = colorMode === "auto" && config.mode === "both" ? getSystemPrefersDark() === "dark" : colorMode === "dark" || config.mode === "dark", themeState = reactive({
       // @ts-expect-error - empty currentPreset to avoid error
       currentPreset: {},
+      mode: config.mode,
       colorMode,
       isDark,
       strategy: config.strategy,
       darkModeStrategy: config.darkModeStrategy
     });
-    applyDarkMode(config.darkModeStrategy, themeState.isDark), injectThemeState(app, themeState);
+    applyDarkMode(config.darkModeStrategy, isDark), injectThemeState(app, themeState);
     const preset = await getPreset(config.preset), finalPreset = config.overrides ? {
       ...preset,
       foundation: {
@@ -310,157 +311,163 @@ const MazUiTheme = {
     } : preset;
     themeState.currentPreset = finalPreset, config.strategy !== "buildtime" && injectThemeCSS(finalPreset, config);
   }
-}, defaultLocaleLoaders = {
-  en: () => import("../chunks/en.BzBlrE0C.js"),
-  fr: () => import("../chunks/fr.BVPG-7Dk.js"),
-  es: () => import("../chunks/es.BV1TlfTw.js"),
-  de: () => import("../chunks/de.B15Maq8Z.js"),
-  it: () => import("../chunks/it.Be9xhI4P.js"),
-  pt: () => import("../chunks/pt.CfaFSxVt.js"),
-  "zh-CN": () => import("../chunks/zh-CN.CCkuvk-E.js"),
-  ja: () => import("../chunks/ja.CWU7KYEA.js")
-};
-function get(obj, path) {
+}, defaultLocalesLoaders = {
+  "./locales/de.ts": () => import("../chunks/de.B15Maq8Z.js").then((m) => ({ default: m.default })),
+  "./locales/en.ts": () => import("../chunks/en.Q_4-KljL.js").then((m) => ({ default: m.default })),
+  "./locales/es.ts": () => import("../chunks/es.BV1TlfTw.js").then((m) => ({ default: m.default })),
+  "./locales/fr.ts": () => import("../chunks/fr.BVPG-7Dk.js").then((m) => ({ default: m.default })),
+  "./locales/it.ts": () => import("../chunks/it.Be9xhI4P.js").then((m) => ({ default: m.default })),
+  "./locales/ja.ts": () => import("../chunks/ja.CWU7KYEA.js").then((m) => ({ default: m.default })),
+  "./locales/pt.ts": () => import("../chunks/pt.CfaFSxVt.js").then((m) => ({ default: m.default })),
+  "./locales/zh-CN.ts": () => import("../chunks/zh-CN.CCkuvk-E.js").then((m) => ({ default: m.default }))
+}, defaultMessagesCache = /* @__PURE__ */ new Map(), globalState = reactive({
+  loadedLocales: /* @__PURE__ */ new Set(),
+  messages: {},
+  userMessages: {},
+  loadingPromises: /* @__PURE__ */ new Map()
+});
+function getMessage(obj, path) {
   return path.split(".").reduce((current, key) => current?.[key], obj);
 }
-function set(obj, path, value) {
+function setMessage(obj, path, value) {
   const keys = path.split("."), lastKey = keys.pop(), target = keys.reduce((current, key) => ((!current[key] || typeof current[key] != "object") && (current[key] = {}), current[key]), obj);
   target[lastKey] = value;
 }
-function isFlattened(obj) {
+function isFlattenedObject(obj) {
   return !obj || typeof obj != "object" ? !1 : Object.keys(obj).some((key) => key.includes("."));
 }
 function flattenToNested(flatObj) {
-  if (!isFlattened(flatObj))
+  if (!isFlattenedObject(flatObj))
     return flatObj;
   const nested = {};
   for (const [key, value] of Object.entries(flatObj))
-    key.includes(".") ? set(nested, key, value) : nested[key] = value;
+    key.includes(".") ? setMessage(nested, key, value) : nested[key] = value;
   return nested;
 }
-function merge(target, source) {
+function mergeMessages(target, source) {
   const normalizedSource = flattenToNested(source), result = { ...flattenToNested(target) };
   for (const key in normalizedSource)
-    normalizedSource[key] && typeof normalizedSource[key] == "object" ? result[key] = merge(result[key] || {}, normalizedSource[key]) : result[key] = normalizedSource[key];
+    normalizedSource[key] && typeof normalizedSource[key] == "object" ? result[key] = mergeMessages(result[key] || {}, normalizedSource[key]) : result[key] = normalizedSource[key];
   return result;
 }
 function interpolate(message, variables) {
   return variables ? message.replace(/\{(\w+)\}/g, (match, key) => variables[key] !== void 0 ? String(variables[key]) : match) : message;
 }
-async function createMazTranslations(options = {}) {
+async function loadDefaultMessages(locale) {
+  if (defaultMessagesCache.has(locale))
+    return defaultMessagesCache.get(locale);
+  const loaderPath = `./locales/${locale}.ts`, loader = defaultLocalesLoaders[loaderPath];
+  if (!loader)
+    return {};
+  try {
+    const messages = (await loader()).default;
+    return defaultMessagesCache.set(locale, messages), messages;
+  } catch (error) {
+    return console.error(`Failed to load default messages for locale "${locale}":`, error), {};
+  }
+}
+function loadLocale(targetLocale) {
+  if (globalState.loadedLocales.has(targetLocale))
+    return Promise.resolve();
+  if (globalState.loadingPromises.has(targetLocale))
+    return globalState.loadingPromises.get(targetLocale);
+  const loadingPromise = (async () => {
+    try {
+      const localeDefaultMessages = await loadDefaultMessages(targetLocale);
+      let localeUserMessages = {};
+      const userLoader = globalState.userMessages[targetLocale];
+      if (userLoader)
+        if (typeof userLoader == "function")
+          try {
+            const userMessages = await userLoader();
+            localeUserMessages = "default" in userMessages ? userMessages.default : userMessages;
+          } catch (error) {
+            console.error(`Failed to load user translations for locale "${targetLocale}":`, error), localeUserMessages = {};
+          }
+        else
+          localeUserMessages = userLoader;
+      globalState.messages[targetLocale] = mergeMessages(localeDefaultMessages, localeUserMessages), globalState.loadedLocales.add(targetLocale);
+    } catch (error) {
+      console.error(`Failed to load translations for locale "${targetLocale}":`, error), globalState.messages[targetLocale] = {}, globalState.loadedLocales.add(targetLocale);
+    } finally {
+      globalState.loadingPromises.delete(targetLocale);
+    }
+  })();
+  return globalState.loadingPromises.set(targetLocale, loadingPromise), loadingPromise;
+}
+function createMazTranslations(options = {}) {
   const {
     locale: initialLocale = "en",
     fallbackLocale = "en",
     preloadFallback = !0,
     messages = {}
-  } = options, locale = ref(initialLocale), messagesRef = ref({}), loadedLocales = ref(/* @__PURE__ */ new Set()), loadingPromises = ref(/* @__PURE__ */ new Map()), userMessageLoaders = ref({});
+  } = options, locale = ref(initialLocale);
   for (const [loc, msgs] of Object.entries(messages))
-    userMessageLoaders.value[loc] = typeof msgs == "function" ? msgs : () => Promise.resolve(msgs);
-  function loadLocaleMessages(targetLocale) {
-    if (loadedLocales.value.has(targetLocale))
-      return;
-    if (loadingPromises.value.has(targetLocale))
-      return loadingPromises.value.get(targetLocale);
-    const loadingPromise = (async () => {
-      try {
-        let defaultMessages = {}, userMessages = {};
-        defaultLocaleLoaders[targetLocale] && (defaultMessages = (await defaultLocaleLoaders[targetLocale]()).default);
-        const userLoader = userMessageLoaders.value[targetLocale];
-        userLoader && (typeof userLoader == "function" ? userMessages = await userLoader() : userMessages = userLoader), messagesRef.value[targetLocale] = merge(defaultMessages, userMessages), loadedLocales.value.add(targetLocale);
-      } catch (error) {
-        console.error(`Failed to load translations for locale "${targetLocale}":`, error), messagesRef.value[targetLocale] = {}, loadedLocales.value.add(targetLocale);
-      } finally {
-        loadingPromises.value.delete(targetLocale);
-      }
-    })();
-    return loadingPromises.value.set(targetLocale, loadingPromise), loadingPromise;
-  }
-  const localePromises = [];
-  return localePromises.push(loadLocaleMessages(initialLocale)), preloadFallback && fallbackLocale !== initialLocale && localePromises.push(loadLocaleMessages(fallbackLocale)), await Promise.all(localePromises), { locale, t: (key, variables) => {
-    let message = get(messagesRef.value[locale.value], key);
-    if (!message && locale.value !== fallbackLocale) {
-      if (!loadedLocales.value.has(fallbackLocale))
-        return loadLocaleMessages(fallbackLocale)?.catch(console.error), console.warn(`Fallback locale "${fallbackLocale}" not loaded yet for key "${key}", loading...`), key;
-      message = get(messagesRef.value[fallbackLocale], key);
+    globalState.userMessages[loc] = msgs, msgs && typeof msgs == "object" && (globalState.messages[loc] = { ...globalState.messages[loc], ...msgs });
+  setTimeout(() => {
+    loadLocale(initialLocale).catch(console.error), preloadFallback && fallbackLocale !== initialLocale && loadLocale(fallbackLocale).catch(console.error);
+  }, 0);
+  function t(key, variables) {
+    let message = getMessage(globalState.messages[locale.value], key);
+    if (!message && fallbackLocale && locale.value !== fallbackLocale) {
+      if (!globalState.loadedLocales.has(fallbackLocale))
+        return loadLocale(fallbackLocale).catch(console.error), key;
+      message = getMessage(globalState.messages[fallbackLocale], key);
     }
     if (!message && fallbackLocale !== "en" && locale.value !== "en") {
-      if (!loadedLocales.value.has("en"))
-        return loadLocaleMessages("en")?.catch(console.error), console.warn(`English fallback not loaded yet for key "${key}", loading...`), key;
-      message = get(messagesRef.value.en, key);
+      if (!globalState.loadedLocales.has("en"))
+        return loadLocale("en").catch(console.error), key;
+      message = getMessage(globalState.messages.en, key);
     }
-    return message ? interpolate(String(message), variables) : (console.warn(`Translation key "${key}" not found for locale "${locale.value}"`), key);
-  }, setLocale: async (newLocale) => {
-    loadedLocales.value.has(newLocale) || await loadLocaleMessages(newLocale), locale.value = newLocale;
-  } };
+    return message ? interpolate(String(message), variables) : (console.warn(`[@maz-ui/translations] Translation not found for key: ${key}`), key);
+  }
+  async function setLocale(newLocale) {
+    globalState.loadedLocales.has(newLocale) || await loadLocale(newLocale), locale.value = newLocale;
+  }
+  function isLocaleLoaded(localeToCheck) {
+    return globalState.loadedLocales.has(localeToCheck);
+  }
+  function isLocaleLoading(localeToCheck) {
+    return globalState.loadingPromises.has(localeToCheck);
+  }
+  function getAvailableLocales() {
+    const locales = /* @__PURE__ */ new Set();
+    for (const [path, loader] of Object.entries(defaultLocalesLoaders))
+      loader && typeof loader == "function" && locales.add(path.replace("./locales/", "").replace(".ts", ""));
+    for (const path of Object.keys(globalState.userMessages))
+      locales.add(path);
+    return Array.from(locales);
+  }
+  function getMessages() {
+    return globalState.messages;
+  }
+  function getLoadedLocales() {
+    return Object.keys(globalState.messages);
+  }
+  function setLocaleMessage(targetLocale, messages2) {
+    globalState.messages[targetLocale] || (globalState.messages[targetLocale] = {}), globalState.messages[targetLocale] = mergeMessages(globalState.messages[targetLocale], messages2), globalState.loadedLocales.add(targetLocale);
+  }
+  return {
+    locale,
+    t,
+    setLocale,
+    isLocaleLoaded,
+    isLocaleLoading,
+    getAvailableLocales,
+    setLocaleMessage,
+    getMessages,
+    getLoadedLocales
+  };
 }
 const MazTranslations = {
-  async install(app, options = {}) {
-    const i18n = await createMazTranslations(options);
+  install(app, options = {}) {
+    const i18n = createMazTranslations(options);
     return app.config.globalProperties.$mazTranslations = i18n, app.provide("mazTranslations", i18n), i18n;
   }
 }, MazUi = {
-  // eslint-disable-next-line complexity, sonarjs/cognitive-complexity
-  async install(app, options = {}) {
+  install(app, options = {}) {
     const { theme, translations } = options;
     app.use(MazUiTheme, theme), app.use(MazTranslations, translations);
-    const pluginPromises = [];
-    if (options.plugins?.dialog) {
-      const dialogOptions = typeof options.plugins.dialog == "boolean" ? void 0 : options.plugins.dialog;
-      pluginPromises.push(
-        import("./dialog.js").then(({ DialogPlugin }) => {
-          app.use(DialogPlugin, dialogOptions);
-        })
-      );
-    }
-    if (options.plugins?.toast) {
-      const toastOptions = typeof options.plugins.toast == "boolean" ? void 0 : options.plugins.toast;
-      pluginPromises.push(
-        import("./toast.js").then(({ ToastPlugin }) => {
-          app.use(ToastPlugin, toastOptions);
-        })
-      );
-    }
-    if (options.plugins?.wait && pluginPromises.push(
-      import("./wait.js").then(({ WaitPlugin }) => {
-        app.use(WaitPlugin);
-      })
-    ), options.plugins?.aos) {
-      const aosOptions = typeof options.plugins.aos == "boolean" ? void 0 : options.plugins.aos;
-      pluginPromises.push(
-        import("./aos.js").then(({ AosPlugin }) => {
-          app.use(AosPlugin, aosOptions);
-        })
-      );
-    }
-    if (options.directives?.vTooltip) {
-      const vTooltipOptions = typeof options.directives.vTooltip == "boolean" ? void 0 : options.directives.vTooltip;
-      pluginPromises.push(
-        import("../directives/vTooltip.js").then(({ vTooltipInstall }) => {
-          app.use(vTooltipInstall, vTooltipOptions);
-        })
-      );
-    }
-    if (options.directives?.vLazyImg) {
-      const vLazyImgOptions = typeof options.directives.vLazyImg == "boolean" ? void 0 : options.directives.vLazyImg;
-      pluginPromises.push(
-        import("../directives/vLazyImg.js").then(({ vLazyImgInstall }) => {
-          app.use(vLazyImgInstall, vLazyImgOptions);
-        })
-      );
-    }
-    options.directives?.vClickOutside && pluginPromises.push(
-      import("../directives/vClickOutside.js").then(({ vClickOutsideInstall }) => {
-        app.use(vClickOutsideInstall);
-      })
-    ), options.directives?.vFullscreenImg && pluginPromises.push(
-      import("../directives/vFullscreenImg.js").then(({ vFullscreenImgInstall }) => {
-        app.use(vFullscreenImgInstall);
-      })
-    ), options.directives?.vZoomImg && pluginPromises.push(
-      import("../directives/vZoomImg.js").then(({ vZoomImgInstall }) => {
-        app.use(vZoomImgInstall);
-      })
-    ), await Promise.all(pluginPromises);
   }
 };
 export {

package/dist/plugins/toast.js

@@ -3,7 +3,7 @@ import { defineComponent, defineAsyncComponent, ref, computed, watch, onMounted,
 import { MazExclamationCircle, MazCheckCircle, MazInformationCircle, MazExclamationTriangle, MazXMark, MazArrowTopRightOnSquare, MazLinkIcon } from "@maz-ui/icons";
 import { useTimer } from "../composables/useTimer.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
+import '../assets/toast.CC2VQab8.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
   key: 1,
   class: "m-toast__progress-bar"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -148,8 +148,8 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
             class: "m-toast__button",
             onMouseover: _cache[0] || (_cache[0] = ($event) => toggleTimer(!0)),
             onMouseleave: _cache[1] || (_cache[1] = ($event) => toggleTimer(!1)),
-            onTouchstart: _cache[2] || (_cache[2] = ($event) => toggleTimer(!0)),
-            onTouchend: _cache[3] || (_cache[3] = ($event) => toggleTimer(!1)),
+            onTouchstartPassive: _cache[2] || (_cache[2] = ($event) => toggleTimer(!0)),
+            onTouchendPassive: _cache[3] || (_cache[3] = ($event) => toggleTimer(!1)),
             onClick: _cache[4] || (_cache[4] = withModifiers(($event) => click($event), ["stop"]))
           }, [
             iconComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {
@@ -161,13 +161,10 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
               textContent: toDisplayString(_ctx.html ? void 0 : _ctx.message),
               innerHTML: _ctx.html ? _ctx.message : void 0
             }, null, 8, _hoisted_1),
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(internalButtons.value, (_button, index) => (openBlock(), createBlock(unref(MazBtn), mergeProps({
-              key: index,
-              ref_for: !0
-            }, _button, {
-              loading: isActionLoading.value || _button.loading,
-              "right-icon": getButtonRightIcon(_button),
-              onClick: withModifiers(($event) => onButtonClick(_button, $event), ["stop"])
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(internalButtons.value, (toastButton, index) => (openBlock(), createBlock(unref(MazBtn), mergeProps({ key: index }, { ref_for: !0 }, toastButton, {
+              loading: isActionLoading.value || toastButton.loading,
+              "right-icon": getButtonRightIcon(toastButton),
+              onClick: withModifiers(($event) => onButtonClick(toastButton, $event), ["stop"])
             }), null, 16, ["loading", "right-icon", "onClick"]))), 128)),
             typeof _ctx.timeout == "number" && _ctx.timeout > 0 && !_ctx.persistent ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createElementVNode("div", {
@@ -191,7 +188,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
       _: 1
     }, 8, ["name"]));
   }
-}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d17b7c4b"]]), DEFAULT_OPTIONS = {
+}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7235a0f8"]]), DEFAULT_OPTIONS = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1

package/dist/resolvers/MazComponentsResolver.js

@@ -1,4 +1,10 @@
-import { p as pascalCase } from "../chunks/pascalCase.D_nuQ66I.js";
+import { c as capitalize } from "../chunks/capitalize.BF6CDS_4.js";
+function camelCase(str) {
+  return str.replaceAll(/-(\w)/g, (_, c) => c ? c.toUpperCase() : "");
+}
+function pascalCase(str) {
+  return capitalize(camelCase(str));
+}
 const a = [
   "MazAcademicCap",
   "MazAdjustmentsHorizontal",

package/dist/resolvers/MazDirectivesResolver.js

@@ -4,7 +4,7 @@ function MazDirectivesResolver(options) {
     type: "directive",
     resolve: (name) => {
       const { devMode = !1, prefix = "" } = options || {};
-      return { from: devMode ? "maz-ui/src/directives/index.ts" : "maz-ui/directives", as: `v${capitalize(prefix)}${name.replace(/^v/, "")}`, name: `v${name}` };
+      return { from: devMode ? "maz-ui/src/directives/index.ts" : "maz-ui/directives", as: `v${capitalize(prefix)}${capitalize(name.replace(/^v/, ""))}`, name: `v${name}` };
     }
   };
 }

package/dist/resolvers/MazModulesResolver.js

@@ -18,9 +18,11 @@ const composablesMap = {
   useDisplayNames: !0,
   useFreezeValue: !0,
   useDialog: !0,
-  useMountComponent: !0
+  useMountComponent: !0,
+  useDropzone: !0
 }, modulesMap = {
   capitalize: !0,
+  getErrorMessage: !0,
   checkAvailability: !0,
   countryCodeToUnicodeFlag: !0,
   formatCurrency: !0,

package/dist/tailwindcss/tailwind.config.js

@@ -67,7 +67,7 @@ function requirePlugin() {
 }
 var pluginExports = /* @__PURE__ */ requirePlugin();
 const plugin = /* @__PURE__ */ getDefaultExportFromCjs(pluginExports);
-function defineMazTailwindConfig(config) {
+function defineMazTailwindConfig(config, { utilities: utilities$1 } = {}) {
   return {
     darkMode: ["class", '[class~="dark"]'],
     content: [],
@@ -81,7 +81,10 @@ function defineMazTailwindConfig(config) {
     },
     plugins: [
       plugin(({ addUtilities }) => {
-        addUtilities(utilities);
+        addUtilities({
+          ...utilities,
+          ...utilities$1
+        });
       })
     ],
     ...config

package/dist/tailwindcss/variables/design-tokens.js

@@ -6,6 +6,9 @@ const designTokens = {
     lg: "calc(var(--maz-radius) + 4px)",
     xl: "calc(var(--maz-radius) + 8px)"
   },
+  borderColor: {
+    DEFAULT: "hsl(var(--maz-border) / <alpha-value>)"
+  },
   // Bordures
   borderWidth: {
     DEFAULT: "var(--maz-border-width)",

package/dist/types/components/MazAccordion.vue.d.ts

@@ -3,7 +3,20 @@ export interface MazAccordionProps {
     modelValue?: number;
     contentClass?: unknown;
 }
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`title-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & Partial<Record<`content-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & {
+        content?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
@@ -13,7 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps,
     id: string;
     modelValue: number;
     contentClass: undefined;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/MazBtn.vue.d.ts

@@ -89,6 +89,7 @@ declare function __VLS_template(): {
         icon?(_: {}): any;
         default?(_: {}): any;
         'right-icon'?(_: {}): any;
+        loader?(_: {}): any;
     };
     refs: {};
     rootEl: any;

package/dist/types/components/MazCard.vue.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'vue';
-import { MazGalleryProps } from './MazGallery.vue';
 import { RouterLinkProps } from 'vue-router';
+import { MazGalleryProps } from './MazGallery.vue';
 type __VLS_Props = MazCardProps;
 export interface MazCardProps {
     /** Card variant: Must be `column | row | row-reverse | column-reverse` */

package/dist/types/components/MazCheckbox.vue.d.ts

@@ -30,12 +30,6 @@ export interface MazCheckboxProps<T = boolean | (string | number)[]> {
     warning?: boolean;
     /** The hint text to display below the input. */
     hint?: string;
-    /**
-     * The tabindex of the checkbox
-     * @default 0
-     * @type {HTMLAttributes['tabindex']}
-     */
-    tabindex?: HTMLAttributes['tabindex'];
 }
 declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/types/components/MazChecklist.vue.d.ts

@@ -1,6 +1,6 @@
 import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
+import { NormalizeStringOptions } from '@maz-ui/utils/src/helpers/normalizeString.js';
 import { DeepPartial } from '@maz-ui/utils/src/ts-helpers/DeepPartial.js';
-import { NormalizeStringOptions } from '@maz-ui/utils/src/utils/normalizeString.js';
 import { MazInputProps } from './MazInput.vue';
 import { MazColor } from './types';
 export type MazChecklistItemOption = {