maz-ui 4.1.7-beta.2 → 4.1.7-beta.4

package/dist/plugins/aos.js

@@ -1,5 +1,5 @@
-import { e } from "../chunks/isClient.8V3qjGdO.js";
-import { n } from "../chunks/sleep.Ci7GE4BQ.js";
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+import { s as sleep } from "../chunks/sleep.BLRH1qZG.js";
 const DEFAULT_OPTIONS = {
   delay: 100,
   observer: {
@@ -56,7 +56,7 @@ class AosHandler {
     }
   }
   async handleObserver() {
-    await n(this.options.delay);
+    await sleep(this.options.delay);
     const observer = new IntersectionObserver(this.handleIntersect.bind(this), this.options.observer);
     for (const element of document.querySelectorAll("[data-maz-aos]")) {
       const anchorAttr = element.getAttribute("data-maz-aos-anchor");
@@ -68,7 +68,7 @@ class AosHandler {
     }
   }
   runAnimations() {
-    if (e())
+    if (isClient())
       return this.handleObserver();
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
@@ -76,7 +76,7 @@ class AosHandler {
 let instance;
 const AosPlugin = {
   install: (app, options) => {
-    instance = new AosHandler(options), app.provide("mazAos", instance), app.config.globalProperties.$mazAos = instance, e() && (options?.router ? options.router.afterEach(() => {
+    instance = new AosHandler(options), app.provide("mazAos", instance), app.config.globalProperties.$mazAos = instance, isClient() && (options?.router ? options.router.afterEach(() => {
       instance.runAnimations();
     }) : instance.runAnimations());
   }

package/dist/plugins/maz-ui.js

@@ -1,20 +1,20 @@
 import { reactive } from "vue";
 import { MazUiTranslations } from "@maz-ui/translations";
-function l(n2) {
-  const t2 = n2.match(/^(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);
-  if (!t2)
-    throw new Error(`Invalid HSL format: ${n2}`);
+function parseHSL(hsl) {
+  const match = hsl.match(/^(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);
+  if (!match)
+    throw new Error(`Invalid HSL format: ${hsl}`);
   return {
-    h: Number.parseFloat(t2[1]),
-    s: Number.parseFloat(t2[2]),
-    l: Number.parseFloat(t2[3])
+    h: Number.parseFloat(match[1]),
+    s: Number.parseFloat(match[2]),
+    l: Number.parseFloat(match[3])
   };
 }
-function i(n2, t2, r) {
-  const o2 = Math.round(n2 * 10) / 10, s = Math.round(t2 * 10) / 10, e = Math.round(r * 10) / 10;
-  return `${o2} ${s}% ${e}%`;
+function formatHSL(h, s, l) {
+  const roundedH = Math.round(h * 10) / 10, roundedS = Math.round(s * 10) / 10, roundedL = Math.round(l * 10) / 10;
+  return `${roundedH} ${roundedS}% ${roundedL}%`;
 }
-const d = {
+const LUMINOSITY_OFFSETS = {
   50: 37.5,
   100: 30,
   200: 22.5,
@@ -27,33 +27,33 @@ const d = {
   900: -30,
   950: -37.5
 };
-function p$1(n2, t2, r) {
-  if (t2 === n2)
+function calculateSaturationMultiplier(baseVariant, targetVariant, baseSaturation) {
+  if (targetVariant === baseVariant)
     return 1;
-  const o2 = Math.min(r / 100, 1), s = Math.abs(t2 - n2);
-  if (t2 < n2) {
-    const e = s / 500 * 0.25 * o2;
-    return Math.max(0.3, 1 - e);
+  const saturationFactor = Math.min(baseSaturation / 100, 1), variantDiff = Math.abs(targetVariant - baseVariant);
+  if (targetVariant < baseVariant) {
+    const reduction = variantDiff / 500 * 0.25 * saturationFactor;
+    return Math.max(0.3, 1 - reduction);
   } else {
-    const e = s / 400 * 0.15 * o2;
-    return Math.min(1.3, 1 + e);
+    const increase = variantDiff / 400 * 0.15 * saturationFactor;
+    return Math.min(1.3, 1 + increase);
   }
 }
-function b(n2) {
-  const { h: t2, s: r, l: o2 } = l(n2), s = 500, e = o2, m2 = Object.keys(d).map(Number), u2 = {};
-  return m2.forEach((c2) => {
-    if (c2 === s)
-      u2[c2] = i(t2, r, o2);
+function generateColorScale(baseColor) {
+  const { h, s, l } = parseHSL(baseColor), baseVariant = 500, baseLuminosity = l, variants = Object.keys(LUMINOSITY_OFFSETS).map(Number), scale = {};
+  return variants.forEach((variant) => {
+    if (variant === baseVariant)
+      scale[variant] = formatHSL(h, s, l);
     else {
-      const h2 = c2 < s, f2 = c2 > s, M2 = d[c2];
-      let a;
-      h2 && o2 >= 100 ? a = e : a = e + M2, f2 && o2 <= 0 && (a = 0), a = Math.min(100, Math.max(0, a));
-      const S2 = p$1(s, c2, r), L2 = Math.min(100, Math.max(5, r * S2));
-      u2[c2] = i(t2, L2, a);
+      const isUnderBase = variant < baseVariant, isOverBase = variant > baseVariant, luminosityOffset = LUMINOSITY_OFFSETS[variant];
+      let targetLuminosity;
+      isUnderBase && l >= 100 ? targetLuminosity = baseLuminosity : targetLuminosity = baseLuminosity + luminosityOffset, isOverBase && l <= 0 && (targetLuminosity = 0), targetLuminosity = Math.min(100, Math.max(0, targetLuminosity));
+      const saturationMultiplier = calculateSaturationMultiplier(baseVariant, variant, s), adjustedSaturation = Math.min(100, Math.max(5, s * saturationMultiplier));
+      scale[variant] = formatHSL(h, adjustedSaturation, targetLuminosity);
     }
-  }), u2;
+  }), scale;
 }
-const h = [
+const DEFAULT_CRITICAL_COLORS = [
   "background",
   "foreground",
   "primary",
@@ -75,282 +75,282 @@ const h = [
   "muted",
   "shadow",
   "border"
-], C = [
+], DEFAULT_CRITICAL_FOUNDATION = [
   "radius",
   "font-family",
   "base-font-size",
   "border-width"
-], S = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
-function j(r, t2 = {
+], scaleColors = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
+function generateCriticalCSS(preset, options = {
   mode: "both",
   darkSelectorStrategy: "class"
 }) {
   const {
-    criticalColors: e = h,
-    criticalFoundation: o2 = C,
-    mode: n2,
-    darkSelectorStrategy: l2,
-    prefix: i2 = "maz"
-  } = t2, s = y(r.foundation, o2);
-  let c2 = `@layer maz-ui-theme {
+    criticalColors = DEFAULT_CRITICAL_COLORS,
+    criticalFoundation = DEFAULT_CRITICAL_FOUNDATION,
+    mode,
+    darkSelectorStrategy,
+    prefix = "maz"
+  } = options, foundationCritical = extractCriticalFoundation(preset.foundation, criticalFoundation);
+  let css = `@layer maz-ui-theme {
 `;
-  if (n2 === "light" || n2 === "both") {
-    const a = m(r.colors.light, e);
-    c2 += f$1({
+  if (mode === "light" || mode === "both") {
+    const lightCritical = extractCriticalVariables(preset.colors.light, criticalColors);
+    css += generateVariablesBlock({
       selector: ":root",
-      colors: a,
-      foundation: s,
-      prefix: i2
+      colors: lightCritical,
+      foundation: foundationCritical,
+      prefix
     });
   }
-  if (n2 === "dark" || n2 === "both") {
-    const a = m(r.colors.dark, e);
-    c2 += f$1({
-      selector: l2 === "media" ? ":root" : ".dark",
-      mediaQuery: l2 === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-      colors: a,
-      foundation: s,
-      prefix: i2
+  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 c2 += `}
-`, c2;
+  return css += `}
+`, css;
 }
-function p(r, t2 = {
+function generateFullCSS(preset, options = {
   mode: "both",
   darkSelectorStrategy: "class"
 }) {
   const {
-    excludeCritical: e = h,
-    mode: o2,
-    darkSelectorStrategy: n2,
-    prefix: l2 = "maz",
-    includeColorScales: i2 = !0
-  } = t2, s = k$1(r.foundation, C);
-  let c2 = `@layer maz-ui-theme {
+    excludeCritical = DEFAULT_CRITICAL_COLORS,
+    mode,
+    darkSelectorStrategy,
+    prefix = "maz",
+    includeColorScales = !0
+  } = options, foundation = excludeFoundationVariables(preset.foundation, DEFAULT_CRITICAL_FOUNDATION);
+  let css = `@layer maz-ui-theme {
 `;
-  if (o2 === "light" || o2 === "both") {
-    const a = g$1(r.colors.light, e);
-    c2 += f$1({
+  if (mode === "light" || mode === "both") {
+    const lightColors = excludeVariables(preset.colors.light, excludeCritical);
+    css += generateVariablesBlock({
       selector: ":root",
-      colors: a,
-      foundation: s,
-      prefix: l2,
-      includeScales: i2,
-      preset: r
+      colors: lightColors,
+      foundation,
+      prefix,
+      includeScales: includeColorScales,
+      preset
     });
   }
-  if (o2 === "dark" || o2 === "both") {
-    const a = g$1(r.colors.dark, e);
-    c2 += f$1({
-      selector: n2 === "media" ? ":root" : ".dark",
-      mediaQuery: n2 === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-      colors: a,
-      foundation: o2 === "dark" ? s : void 0,
+  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: l2,
-      includeScales: i2,
-      preset: r,
+      prefix,
+      includeScales: includeColorScales,
+      preset,
       isDark: !0
     });
   }
-  return c2 += `}
-`, c2;
+  return css += `}
+`, css;
 }
-function m(r, t2) {
+function extractCriticalVariables(colors, criticalKeys) {
   return Object.fromEntries(
-    t2.filter((e) => r[e]).map((e) => [e, r[e]])
+    criticalKeys.filter((key) => colors[key]).map((key) => [key, colors[key]])
   );
 }
-function y(r, t2) {
-  return r ? Object.fromEntries(
-    t2.filter((e) => r[e]).map((e) => [e, r[e]])
+function extractCriticalFoundation(foundation, criticalKeys) {
+  return foundation ? Object.fromEntries(
+    criticalKeys.filter((key) => foundation[key]).map((key) => [key, foundation[key]])
   ) : {};
 }
-function g$1(r, t2) {
+function excludeVariables(colors, excludeKeys) {
   return Object.fromEntries(
-    Object.entries(r).filter(([e]) => !t2.includes(e))
+    Object.entries(colors).filter(([key]) => !excludeKeys.includes(key))
   );
 }
-function k$1(r, t2) {
-  return r ? Object.fromEntries(
-    Object.entries(r).filter(([e]) => !t2.includes(e))
+function excludeFoundationVariables(foundation, excludeKeys) {
+  return foundation ? Object.fromEntries(
+    Object.entries(foundation).filter(([key]) => !excludeKeys.includes(key))
   ) : {};
 }
-function f$1({
-  selector: r,
-  mediaQuery: t2,
-  colors: e,
-  foundation: o2,
-  prefix: n2,
-  includeScales: l2 = !1,
-  preset: i2,
-  isDark: s = !1
+function generateVariablesBlock({
+  selector,
+  mediaQuery,
+  colors,
+  foundation,
+  prefix,
+  includeScales = !1,
+  preset,
+  isDark = !1
 }) {
-  const c2 = [];
-  if (e && Object.entries(e).forEach(([u2, d2]) => {
-    d2 && c2.push(`  --${n2}-${u2}: ${d2};`);
-  }), o2 && Object.entries(o2).forEach(([u2, d2]) => {
-    d2 && c2.push(`  --${n2}-${u2}: ${d2};`);
-  }), l2 && i2) {
-    const u2 = s ? i2.colors.dark : i2.colors.light, d2 = $(u2, n2);
-    c2.push(...d2);
+  const variables = [];
+  if (colors && Object.entries(colors).forEach(([key, value]) => {
+    value && variables.push(`  --${prefix}-${key}: ${value};`);
+  }), foundation && Object.entries(foundation).forEach(([key, value]) => {
+    value && variables.push(`  --${prefix}-${key}: ${value};`);
+  }), includeScales && preset) {
+    const sourceColors = isDark ? preset.colors.dark : preset.colors.light, colorScales = generateAllColorScales(sourceColors, prefix);
+    variables.push(...colorScales);
   }
-  const a = c2.join(`
+  const content = variables.join(`
 `);
-  return t2 ? `
-  ${t2} {
-    ${r} {
-${a.replace(/^/gm, "  ")}
+  return mediaQuery ? `
+  ${mediaQuery} {
+    ${selector} {
+${content.replace(/^/gm, "  ")}
     }
   }
 ` : `
-  ${r} {
-${a}
+  ${selector} {
+${content}
   }
 `;
 }
-function $(r, t2) {
-  const e = [];
-  return S.forEach((o2) => {
-    const n2 = r[o2];
-    if (n2) {
-      const l2 = b(n2);
-      Object.entries(l2).forEach(([i2, s]) => {
-        e.push(`  --${t2}-${o2}-${i2}: ${s};`);
+function generateAllColorScales(colors, prefix) {
+  const colorScales = [];
+  return scaleColors.forEach((colorName) => {
+    const baseColor = colors[colorName];
+    if (baseColor) {
+      const scale = generateColorScale(baseColor);
+      Object.entries(scale).forEach(([scaleKey, scaleValue]) => {
+        colorScales.push(`  --${prefix}-${colorName}-${scaleKey}: ${scaleValue};`);
       });
     }
-  }), e;
+  }), colorScales;
 }
-var E = /* @__PURE__ */ ((r) => (r.FULL = "maz-theme-full", r.CRITICAL = "maz-theme-critical", r))(E || {});
-function v(r, t2) {
+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;
-  const e = document.querySelectorAll(`#${r}`);
-  if (!e || e.length === 0) {
-    const o2 = document.createElement("style");
-    o2.id = r, document.head.appendChild(o2), o2.textContent = t2;
+  const styleElements = document.querySelectorAll(`#${id}`);
+  if (!styleElements || styleElements.length === 0) {
+    const element = document.createElement("style");
+    element.id = id, document.head.appendChild(element), element.textContent = css;
     return;
   }
-  if (e.length === 1) {
-    e[0].textContent = t2;
+  if (styleElements.length === 1) {
+    styleElements[0].textContent = css;
     return;
   }
-  if (e.length > 1) {
-    for (let o2 = 0; o2 < e.length - 1; o2++)
-      e[o2].remove();
-    e[e.length - 1].textContent = t2;
+  if (styleElements.length > 1) {
+    for (let i = 0; i < styleElements.length - 1; i++)
+      styleElements[i].remove();
+    styleElements[styleElements.length - 1].textContent = css;
   }
 }
-function c(e) {
+function getCookie(key) {
   if (typeof document > "u")
     return null;
-  const t2 = document.cookie.split(";").find((n2) => n2.trim().startsWith(`${e}=`));
-  return t2 ? decodeURIComponent(t2.split("=")[1]) : null;
+  const cookie = document.cookie.split(";").find((c) => c.trim().startsWith(`${key}=`));
+  return cookie ? decodeURIComponent(cookie.split("=")[1]) : null;
 }
-function o$1(e) {
-  if (e && ["light", "dark"].includes(e))
-    return e;
-  const t2 = c("maz-color-mode");
-  return t2 && ["light", "dark"].includes(t2) ? t2 : "auto";
+function getColorMode(colorMode) {
+  if (colorMode && ["light", "dark"].includes(colorMode))
+    return colorMode;
+  const savedMode = getCookie("maz-color-mode");
+  return savedMode && ["light", "dark"].includes(savedMode) ? savedMode : "auto";
 }
-function n() {
+function isSystemPrefersDark() {
   return typeof globalThis.window < "u" && typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function t(i2) {
-  return typeof i2 == "object" && i2 !== null && !!i2.name;
+function isPresetObject(preset) {
+  return typeof preset == "object" && preset !== null && !!preset.name;
 }
-async function o(i2) {
-  if (t(i2))
-    return i2;
-  if (i2 === "mazUi" || !i2 || i2 === "maz-ui") {
-    const { mazUi: n2 } = await import("../chunks/mazUi.CaSMOKic.js");
-    return n2;
+async function getPreset(preset) {
+  if (isPresetObject(preset))
+    return preset;
+  if (preset === "mazUi" || !preset || preset === "maz-ui") {
+    const { mazUi } = await import("../chunks/mazUi.raWwR54O.js");
+    return mazUi;
   }
-  if (i2 === "ocean") {
-    const { ocean: n2 } = await import("../chunks/ocean.ehMlC0HV.js");
-    return n2;
+  if (preset === "ocean") {
+    const { ocean } = await import("../chunks/ocean.pHrY5H_S.js");
+    return ocean;
   }
-  if (i2 === "pristine") {
-    const { pristine: n2 } = await import("../chunks/pristine.DMG3eBuN.js");
-    return n2;
+  if (preset === "pristine") {
+    const { pristine } = await import("../chunks/pristine.CxBZzgUG.js");
+    return pristine;
   }
-  if (i2 === "obsidian") {
-    const { obsidian: n2 } = await import("../chunks/obsidian.C6upWOVF.js");
-    return n2;
+  if (preset === "obsidian") {
+    const { obsidian } = await import("../chunks/obsidian.Cy0R8RHy.js");
+    return obsidian;
   }
-  throw new TypeError(`[@maz-ui/themes] Preset ${i2} not found`);
+  throw new TypeError(`[@maz-ui/themes] Preset ${preset} not found`);
 }
-function f(n2, o2) {
+function mergePresets(base, overrides) {
   return {
-    name: o2.name || n2.name,
+    name: overrides.name || base.name,
     foundation: {
-      ...n2.foundation,
-      ...o2.foundation
+      ...base.foundation,
+      ...overrides.foundation
     },
     colors: {
-      light: u(n2.colors.light, o2.colors?.light),
-      dark: u(n2.colors.dark, o2.colors?.dark)
+      light: mergeColors(base.colors.light, overrides.colors?.light),
+      dark: mergeColors(base.colors.dark, overrides.colors?.dark)
     }
   };
 }
-function u(n2, o2) {
-  return o2 ? {
-    ...n2,
-    ...o2
-  } : n2;
+function mergeColors(base, overrides) {
+  return overrides ? {
+    ...base,
+    ...overrides
+  } : base;
 }
-function g(r, t2) {
-  typeof document > "u" || r !== "class" || (t2 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
+function applyDarkMode(darkModeStrategy, isDark) {
+  typeof document > "u" || darkModeStrategy !== "class" || (isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
 }
-function k(r, t2) {
+function injectThemeCSS(finalPreset, config) {
   if (typeof document > "u")
     return;
-  const e = {
-    mode: t2.mode,
-    darkSelectorStrategy: t2.darkModeStrategy
+  const cssOptions = {
+    mode: config.mode,
+    darkSelectorStrategy: config.darkModeStrategy
   };
-  if (t2.injectCriticalCSS) {
-    const a = j(r, e);
-    v(E.CRITICAL, a);
+  if (config.injectCriticalCSS) {
+    const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
+    injectCSS(CSS_IDS.CRITICAL, criticalCSS);
   }
-  if (!t2.injectFullCSS)
+  if (!config.injectFullCSS)
     return;
-  const o2 = p(r, e);
-  t2.strategy === "runtime" ? v(E.FULL, o2) : t2.strategy === "hybrid" && requestIdleCallback(() => {
-    v(E.FULL, o2);
+  const fullCSS = generateFullCSS(finalPreset, cssOptions);
+  config.strategy === "runtime" ? injectCSS(CSS_IDS.FULL, fullCSS) : config.strategy === "hybrid" && requestIdleCallback(() => {
+    injectCSS(CSS_IDS.FULL, fullCSS);
   }, { timeout: 100 });
 }
-function M(r, t2) {
-  r.provide("mazThemeState", t2), r.config.globalProperties.$mazThemeState = t2;
+function injectThemeState(app, themeState) {
+  app.provide("mazThemeState", themeState), app.config.globalProperties.$mazThemeState = themeState;
 }
-const L = {
-  async install(r, t2) {
-    const e = {
+const MazUiTheme = {
+  async install(app, options) {
+    const config = {
       strategy: "runtime",
       overrides: {},
       darkModeStrategy: "class",
-      colorMode: (t2?.mode !== "both" ? t2?.mode : t2?.colorMode) ?? "auto",
+      colorMode: (options?.mode !== "both" ? options?.mode : options?.colorMode) ?? "auto",
       injectCriticalCSS: !0,
       injectFullCSS: !0,
       mode: "both",
-      ...t2
-    }, o$2 = e.mode !== "both" ? e.mode : o$1(e.colorMode), a = o$2 === "auto" && e.mode === "both" ? n() : o$2 === "dark" || e.mode === "dark", m2 = reactive({
+      ...options
+    }, colorMode = config.mode !== "both" ? config.mode : getColorMode(config.colorMode), isDark = colorMode === "auto" && config.mode === "both" ? isSystemPrefersDark() : colorMode === "dark" || config.mode === "dark", themeState = reactive({
       currentPreset: void 0,
-      mode: e.mode,
-      colorMode: o$2,
-      isDark: a,
-      strategy: e.strategy,
-      darkModeStrategy: e.darkModeStrategy
+      mode: config.mode,
+      colorMode,
+      isDark,
+      strategy: config.strategy,
+      darkModeStrategy: config.darkModeStrategy
     });
-    g(e.darkModeStrategy, a), M(r, m2);
-    const i2 = e.strategy === "buildtime" ? e.preset : await o(e.preset), d2 = Object.keys(e.overrides).length > 0 && i2 ? f(i2, e.overrides) : i2;
-    d2 && (m2.currentPreset = d2), !(e.strategy === "buildtime" || !d2) && k(d2, e);
+    applyDarkMode(config.darkModeStrategy, isDark), injectThemeState(app, themeState);
+    const preset = config.strategy === "buildtime" ? config.preset : await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 && preset ? mergePresets(preset, config.overrides) : preset;
+    finalPreset && (themeState.currentPreset = finalPreset), !(config.strategy === "buildtime" || !finalPreset) && injectThemeCSS(finalPreset, config);
   }
 }, MazUi = {
   install(app, options) {
     const { theme, translations } = options;
-    app.use(L, theme), app.use(MazUiTranslations, translations);
+    app.use(MazUiTheme, theme), app.use(MazUiTranslations, translations);
   }
 };
 export {

package/dist/resolvers/MazComponentsResolver.js

@@ -1,5 +1,5 @@
-import { p } from "../chunks/pascalCase.BKTE3qqE.js";
-const a = [
+import { p as pascalCase } from "../chunks/pascalCase.GdDKKQ-O.js";
+const iconList = [
   "MazAcademicCap",
   "MazAdjustmentsHorizontal",
   "MazAdjustmentsVertical",
@@ -846,10 +846,10 @@ function MazComponentsResolver(options) {
     type: "component",
     resolve: (name) => {
       const { devMode = !1 } = options || {}, base = devMode ? "maz-ui/src/components" : "maz-ui/components", extension = devMode ? ".vue" : "";
-      if (/^(Maz[A-Z])/.test(name) && !a.includes(name))
+      if (/^(Maz[A-Z])/.test(name) && !iconList.includes(name))
         return { from: `${base}/${name}${extension}` };
       if (/^(maz-[a-z])/.test(name))
-        return { from: `${base}/${p(name)}` };
+        return { from: `${base}/${pascalCase(name)}` };
     }
   };
 }

package/dist/resolvers/MazDirectivesResolver.js

@@ -1,10 +1,10 @@
-import { r } from "../chunks/capitalize.CVQ1jDrh.js";
+import { c as capitalize } from "../chunks/capitalize.BF6CDS_4.js";
 function MazDirectivesResolver(options) {
   return {
     type: "directive",
     resolve: (name) => {
       const { devMode = !1, prefix = "" } = options || {};
-      return { from: devMode ? "maz-ui/src/directives/index.ts" : "maz-ui/directives", as: `v${r(prefix)}${r(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

@@ -1,4 +1,4 @@
-import { r } from "../chunks/capitalize.CVQ1jDrh.js";
+import { c as capitalize } from "../chunks/capitalize.BF6CDS_4.js";
 const composablesMap = {
   useInjectStrict: !0,
   useAos: !0,
@@ -59,13 +59,13 @@ function MazModulesResolver(options) {
       return {
         from: `${base}${extension}`,
         name,
-        as: `${prefix.toLowerCase()}${r(name)}`
+        as: `${prefix.toLowerCase()}${capitalize(name)}`
       };
     if (composablesMap[name] === !0)
       return {
         from: `${base}/composables${extension}`,
         name,
-        as: `use${r(prefix)}${name.replace(/^use/, "")}`
+        as: `use${capitalize(prefix)}${name.replace(/^use/, "")}`
       };
   };
 }