maz-ui 4.0.0-beta.3 → 4.0.0-beta.31

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)
@@ -95,58 +95,80 @@ const DEFAULT_CRITICAL_COLORS = [
   "base-font-size",
   "border-width"
 ], scaleColors = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
-function generateCriticalCSS(preset, options = {}) {
+function generateCriticalCSS(preset, options = {
+  mode: "both",
+  darkSelectorStrategy: "class"
+}) {
   const {
     criticalColors = DEFAULT_CRITICAL_COLORS,
     criticalFoundation = DEFAULT_CRITICAL_FOUNDATION,
-    mode = "both",
-    darkSelectorStrategy = "class",
+    mode,
+    darkSelectorStrategy,
     prefix = "maz"
-  } = options, lightCritical = extractCriticalVariables(preset.colors.light, criticalColors), darkCritical = extractCriticalVariables(preset.colors.dark, criticalColors), foundationCritical = extractCriticalFoundation(preset.foundation, criticalFoundation);
+  } = options, foundationCritical = extractCriticalFoundation(preset.foundation, criticalFoundation);
   let css = `@layer maz-ui-theme {
 `;
-  return (mode === "light" || mode === "both") && (css += generateVariablesBlock({
-    selector: ":root",
-    colors: lightCritical,
-    foundation: foundationCritical,
-    prefix
-  })), (mode === "dark" || mode === "both") && (css += generateVariablesBlock({
-    selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
-    mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-    colors: darkCritical,
-    foundation: foundationCritical,
-    prefix
-  })), css += `}
+  if (mode === "light" || mode === "both") {
+    const lightCritical = extractCriticalVariables(preset.colors.light, criticalColors);
+    css += generateVariablesBlock({
+      selector: ":root",
+      colors: lightCritical,
+      foundation: foundationCritical,
+      prefix
+    });
+  }
+  if (mode === "dark" || mode === "both") {
+    const darkCritical = extractCriticalVariables(preset.colors.dark, criticalColors);
+    css += generateVariablesBlock({
+      selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
+      mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
+      colors: darkCritical,
+      foundation: foundationCritical,
+      prefix
+    });
+  }
+  return css += `}
 `, css;
 }
-function generateFullCSS(preset, options = {}) {
+function generateFullCSS(preset, options = {
+  mode: "both",
+  darkSelectorStrategy: "class"
+}) {
   const {
     excludeCritical = DEFAULT_CRITICAL_COLORS,
-    mode = "both",
-    darkSelectorStrategy = "class",
+    mode,
+    darkSelectorStrategy,
     prefix = "maz",
     includeColorScales = !0
-  } = options, lightColors = excludeVariables(preset.colors.light, excludeCritical), darkColors = excludeVariables(preset.colors.dark, excludeCritical), foundation = excludeFoundationVariables(preset.foundation, DEFAULT_CRITICAL_FOUNDATION);
+  } = options, foundation = excludeFoundationVariables(preset.foundation, DEFAULT_CRITICAL_FOUNDATION);
   let css = `@layer maz-ui-theme {
 `;
-  return (mode === "light" || mode === "both") && (css += generateVariablesBlock({
-    selector: ":root",
-    colors: lightColors,
-    foundation,
-    prefix,
-    includeScales: includeColorScales,
-    preset
-  })), (mode === "dark" || mode === "both") && (css += generateVariablesBlock({
-    selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
-    mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-    colors: darkColors,
-    foundation: mode === "dark" ? foundation : void 0,
-    // Appearance only if dark mode only
-    prefix,
-    includeScales: includeColorScales,
-    preset,
-    isDark: !0
-  })), css += `}
+  if (mode === "light" || mode === "both") {
+    const lightColors = excludeVariables(preset.colors.light, excludeCritical);
+    css += generateVariablesBlock({
+      selector: ":root",
+      colors: lightColors,
+      foundation,
+      prefix,
+      includeScales: includeColorScales,
+      preset
+    });
+  }
+  if (mode === "dark" || mode === "both") {
+    const darkColors = excludeVariables(preset.colors.dark, excludeCritical);
+    css += generateVariablesBlock({
+      selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
+      mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
+      colors: darkColors,
+      foundation: mode === "dark" ? foundation : void 0,
+      // Appearance only if dark mode only
+      prefix,
+      includeScales: includeColorScales,
+      preset,
+      isDark: !0
+    });
+  }
+  return css += `}
 `, css;
 }
 function extractCriticalVariables(colors, criticalKeys) {
@@ -214,7 +236,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(id, css) {
   if (typeof document > "u")
     return;
   let styleElement = document.getElementById(id);
@@ -235,7 +258,7 @@ async function getPreset(preset) {
     return ocean;
   }
   if (preset === "pristine") {
-    const { pristine } = await import("../chunks/pristine.ylgbwjxO.js");
+    const { pristine } = await import("../chunks/pristine.CxBZzgUG.js");
     return pristine;
   }
   if (preset === "obsidian") {
@@ -244,14 +267,33 @@ async function getPreset(preset) {
   }
   throw new TypeError(`[@maz-ui/themes] Preset ${preset} not found`);
 }
+function mergePresets(base, overrides) {
+  return {
+    name: overrides.name || base.name,
+    foundation: {
+      ...base.foundation,
+      ...overrides.foundation
+    },
+    colors: {
+      light: mergeColors(base.colors.light, overrides.colors?.light),
+      dark: mergeColors(base.colors.dark, overrides.colors?.dark)
+    }
+  };
+}
+function mergeColors(base, overrides) {
+  return overrides ? {
+    ...base,
+    ...overrides
+  } : base;
+}
 function getColorMode(colorMode) {
   if (colorMode && ["light", "dark"].includes(colorMode))
     return colorMode;
   const savedMode = getCookie("maz-color-mode");
-  return savedMode && ["light", "dark"].includes(savedMode) ? savedMode : getSystemPrefersDark();
+  return savedMode && ["light", "dark"].includes(savedMode) ? savedMode : "auto";
 }
-function getSystemPrefersDark() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+function isSystemPrefersDark() {
+  return typeof globalThis.window < "u" && typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches;
 }
 function applyDarkMode(darkModeStrategy, isDark) {
   typeof document > "u" || darkModeStrategy !== "class" || (isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
@@ -260,18 +302,18 @@ function injectThemeCSS(finalPreset, config) {
   if (typeof document > "u")
     return;
   const cssOptions = {
-    mode: "both",
-    prefix: config.prefix
+    mode: config.mode,
+    darkSelectorStrategy: config.darkModeStrategy
   };
   if (config.injectCriticalCSS) {
     const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
-    injectCSS(criticalCSS, "maz-theme-critical");
+    injectCSS(CSS_IDS.CRITICAL, criticalCSS);
   }
   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(CSS_IDS.FULL, fullCSS) : config.strategy === "hybrid" && requestIdleCallback(() => {
+    injectCSS(CSS_IDS.FULL, fullCSS);
   }, { timeout: 100 });
 }
 function injectThemeState(app, themeState) {
@@ -282,185 +324,183 @@ const MazUiTheme = {
     const config = {
       preset: "maz-ui",
       strategy: "runtime",
+      overrides: {},
       darkModeStrategy: "class",
-      colorMode: "auto",
-      prefix: "maz",
+      colorMode: (options.mode !== "both" ? options.mode : options.colorMode) ?? "auto",
       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" ? isSystemPrefersDark() : 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);
-    const preset = await getPreset(config.preset), finalPreset = config.overrides ? {
-      ...preset,
-      foundation: {
-        ...preset.foundation,
-        ...config.overrides.foundation
-      },
-      colors: {
-        light: { ...preset.colors.light, ...config.overrides.colors?.light },
-        dark: { ...preset.colors.dark, ...config.overrides.colors?.dark }
-      }
-    } : preset;
+    applyDarkMode(config.darkModeStrategy, isDark), injectThemeState(app, themeState);
+    const preset = await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 ? mergePresets(preset, config.overrides) : 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.DH9mbkvs.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
   key: 1,
   class: "m-toast__progress-bar"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -78,7 +78,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
         case "warning":
           return "maz-bg-warning-700";
         default:
-          return "maz-bg-contrast-700";
+          return "maz-bg-contrast-foreground";
       }
     }
     watch(
@@ -115,8 +115,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
       container && !container?.hasChildNodes() && container.remove();
     }
     function getButtonRightIcon(button) {
-      if (!(!button.to && !button.href))
-        return button.target === "_blank" ? MazArrowTopRightOnSquare : MazLinkIcon;
+      return !button.to && !button.href ? button.rightIcon : button.target === "_blank" ? MazArrowTopRightOnSquare : MazLinkIcon;
     }
     return __expose({
       /**
@@ -148,8 +147,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 +160,13 @@ 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,
+              onClick: void 0
+            }, {
+              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 +190,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-dbba0109"]]), DEFAULT_OPTIONS = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1

package/dist/resolvers/MazComponentsResolver.js

@@ -1,4 +1,4 @@
-import { p as pascalCase } from "../chunks/pascalCase.D_nuQ66I.js";
+import { p as pascalCase } from "../chunks/pascalCase.GdDKKQ-O.js";
 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}` };
     }
   };
 }