@maz-ui/themes 4.0.0-beta.3 → 4.0.0-beta.35

package/README.md

@@ -1,6 +1,6 @@
 # @maz-ui/themes
 
-High-performance and typed theme system for Maz-UI, inspired by Shadcn and PrimeVue.
+High-performance and typed theme system for Maz-UI.
 
 ## Features
 

package/dist/build/index.js

@@ -1,52 +1,56 @@
-import { generateCriticalCSS as c, generateFullCSS as m } from "../utils/css-generator.js";
-function o(t) {
+import { generateCriticalCSS as o, generateFullCSS as d } from "../utils/css-generator.js";
+function s(t) {
   const {
     preset: e,
-    mode: i = "both",
+    mode: a = "both",
+    darkSelector: l = "class",
     prefix: r = "maz",
-    criticalOnly: n = !1
-  } = t, l = {
-    mode: i,
+    criticalOnly: i = !1
+  } = t, c = {
+    mode: a,
+    darkSelectorStrategy: l,
     prefix: r
   };
-  if (n)
-    return c(e, l);
-  const a = c(e, l), s = m(e, l);
-  return `${a}
-${s}`;
+  if (i)
+    return o(e, c);
+  const n = o(e, c), m = d(e, c);
+  return `${n}
+${m}`;
 }
 function u(t, e = {}) {
   const {
-    mode: i = "both",
+    mode: a = "both",
+    darkSelector: l = "class",
     prefix: r = "maz",
-    criticalOnly: n = !1
+    criticalOnly: i = !1
   } = e;
-  return t.reduce((l, a) => (l[a.name] = o({
-    preset: a,
-    mode: i,
+  return t.reduce((c, n) => (c[n.name] = s({
+    preset: n,
+    mode: a,
+    darkSelector: l,
     prefix: r,
-    criticalOnly: n
-  }), l), {});
+    criticalOnly: i
+  }), c), {});
 }
 function f(t, e = {}) {
-  const { id: i = "maz-theme", media: r } = e;
-  let n = `<style id="${i}"`;
-  return r && (n += ` media="${r}"`), n += `>
+  const { id: a = "maz-theme", media: l } = e;
+  let r = `<style id="${a}"`;
+  return l && (r += ` media="${l}"`), r += `>
 ${t}
-</style>`, n;
+</style>`, r;
 }
-function S(t, e = {}) {
-  const { prefix: i = "maz", darkSelector: r = "class" } = e, n = { prefix: i, darkSelector: r };
+function h(t, e = {}) {
+  const { prefix: a = "maz", darkSelector: l = "class" } = e, r = { prefix: a, darkSelectorStrategy: l };
   return {
-    critical: c(t, { ...n, mode: "both" }),
-    full: m(t, { ...n, mode: "both" }),
-    lightOnly: o({ preset: t, mode: "light", ...e }),
-    darkOnly: o({ preset: t, mode: "dark", ...e })
+    critical: o(t, { ...r, mode: "both" }),
+    full: d(t, { ...r, mode: "both" }),
+    lightOnly: s({ preset: t, mode: "light", ...e }),
+    darkOnly: s({ preset: t, mode: "dark", ...e })
   };
 }
 export {
-  S as buildSeparateThemeFiles,
-  o as buildThemeCSS,
+  h as buildSeparateThemeFiles,
+  s as buildThemeCSS,
   f as createThemeStylesheet,
   u as generateThemeBundle
 };

package/dist/composables/index.js

@@ -1,10 +1,10 @@
-import { initThemeState as T, useTheme as a } from "./useTheme.js";
 import "vue";
 import "../utils/cookie-storage.js";
 import "../utils/css-generator.js";
 import "../utils/get-color-mode.js";
 import "../utils/get-preset.js";
 import "../utils/preset-merger.js";
+import { initThemeState as T, useTheme as a } from "./useTheme.js";
 export {
   T as initThemeState,
   a as useTheme

package/dist/composables/useTheme.js

@@ -1,71 +1,71 @@
-import { ref as m, computed as a, watchEffect as p, inject as v, getCurrentInstance as c } from "vue";
-import { setCookie as g } from "../utils/cookie-storage.js";
-import { generateCriticalCSS as k, generateFullCSS as M, injectCSS as s } from "../utils/css-generator.js";
-import { getColorMode as y, getSystemPrefersDark as S } from "../utils/get-color-mode.js";
-import { getPreset as P } from "../utils/get-preset.js";
-import { mergePresets as h } from "../utils/preset-merger.js";
-function w() {
-  return typeof document > "u" || typeof window > "u";
-}
-const r = m();
-function l() {
-  typeof document > "u" || !r.value || r.value.darkModeStrategy === "media" || (r.value.isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
+import { ref as g, computed as a, watchEffect as p, inject as v, getCurrentInstance as c, watch as k } from "vue";
+import { setCookie as y } from "../utils/cookie-storage.js";
+import { generateCriticalCSS as S, generateFullCSS as M, injectCSS as s, CSS_IDS as u } from "../utils/css-generator.js";
+import { getColorMode as P, isSystemPrefersDark as h } from "../utils/get-color-mode.js";
+import { getPreset as C } from "../utils/get-preset.js";
+import { mergePresets as T } from "../utils/preset-merger.js";
+const r = g();
+function d(e) {
+  typeof document > "u" || !e || e.darkModeStrategy === "media" || e.mode === "light" || (e.isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
 }
-function C() {
+function w() {
   const e = c()?.appContext.app;
   e && r.value && (e.config.globalProperties.$mazThemeState = r.value);
 }
-function z(e) {
+function b(e) {
   if (e.currentPreset && e.colorMode !== void 0) {
-    u({
+    l({
       currentPreset: e.currentPreset,
       colorMode: e.colorMode,
+      mode: e.mode,
       isDark: e.isDark,
       strategy: e.strategy,
       darkModeStrategy: e.darkModeStrategy
     });
     return;
   }
-  const t = y(e.colorMode), o = t === "auto" ? S() === "dark" : t === "dark";
-  u({
+  const t = P(e.colorMode), o = t === "auto" ? h() : t === "dark";
+  l({
     currentPreset: e.currentPreset,
     colorMode: t,
+    mode: e.mode,
     isDark: o,
     strategy: e.strategy,
     darkModeStrategy: e.darkModeStrategy
   });
 }
-function u(e) {
-  if (r.value = e, typeof window < "u" && r.value.colorMode === "auto") {
-    const t = window.matchMedia("(prefers-color-scheme: dark)"), o = () => {
+function l(e) {
+  if (r.value = e, typeof globalThis.window < "u" && r.value.colorMode === "auto") {
+    const t = globalThis.matchMedia("(prefers-color-scheme: dark)"), o = () => {
       r.value && r.value.colorMode === "auto" && (r.value.isDark = t.matches);
     };
     t.addEventListener("change", o), o();
   }
   p(() => {
-    r.value && (l(), C());
+    r.value && (d(r.value), w());
   });
 }
-const T = a(() => r.value?.currentPreset), b = a({
+const z = a({
   get: () => r.value?.colorMode,
   set: (e) => n(e)
-}), D = a(() => r.value?.isDark ?? !1), E = a(() => r.value?.strategy);
-async function x(e) {
+}), E = a(() => r.value?.isDark ?? !1), L = a(() => r.value?.strategy), x = a(() => r.value?.mode), D = a(() => r.value?.darkModeStrategy), F = a(() => r.value?.currentPreset.name);
+async function I(e) {
   if (!r.value)
     return;
-  const t = typeof e == "string" ? await P(e) : e, o = "name" in t && t.name !== r.value.currentPreset.name ? t : h(r.value.currentPreset, t);
+  const t = typeof e == "string" ? await C(e) : e, o = "name" in t && t.name !== r.value.currentPreset.name ? t : T(r.value.currentPreset, t);
   if (r.value.currentPreset = o, r.value.strategy === "runtime" || r.value.strategy === "hybrid") {
     const i = {
-      mode: "both",
+      mode: r.value.mode,
+      darkSelectorStrategy: r.value.darkModeStrategy,
       prefix: "maz"
-    }, d = k(o, i), f = M(o, i);
-    s(d, "maz-theme-critical"), s(f, "maz-theme-full");
+    }, f = S(o, i), m = M(o, i);
+    s(u.CRITICAL, f), s(u.FULL, m);
   }
 }
 function n(e) {
-  r.value && (r.value.colorMode = e, e === "auto" ? r.value.isDark = typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches : r.value.isDark = e === "dark", l(), g("maz-color-mode", e));
+  r.value && (r.value.colorMode = e, e === "auto" ? r.value.isDark = typeof globalThis.window < "u" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches : r.value.isDark = e === "dark", d(r.value), y("maz-color-mode", e));
 }
-function F() {
+function U() {
   r.value && n(r.value.isDark ? "light" : "dark");
 }
 function O() {
@@ -77,19 +77,28 @@ function O() {
     const t = c();
     t?.appContext?.app?.config?.globalProperties && (e = t.appContext.app.config.globalProperties.$mazThemeState);
   }
-  if (e && (r.value ? w() && (r.value.colorMode = e.colorMode, r.value.isDark = e.isDark, r.value.currentPreset = e.currentPreset) : z(e)), !r.value)
-    throw new Error("You must install the MazUi or MazUiTheme plugin before using useTheme composable");
+  if (e && (r.value ? (typeof document > "u" || typeof globalThis.window > "u") && (r.value = {
+    ...r.value,
+    ...e
+  }) : b(e)), k(() => e?.currentPreset, (t) => {
+    r.value && t && (r.value.currentPreset = t);
+  }, {
+    once: !0
+  }), !r.value)
+    throw new Error("[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin before using useTheme composable");
   return {
-    currentPreset: T,
-    colorMode: b,
-    isDark: D,
-    strategy: E,
-    updateTheme: x,
+    presetName: F,
+    colorMode: z,
+    isDark: E,
+    strategy: L,
+    updateTheme: I,
     setColorMode: n,
-    toggleDarkMode: F
+    toggleDarkMode: U,
+    mode: x,
+    darkModeStrategy: D
   };
 }
 export {
-  u as initThemeState,
+  l as initThemeState,
   O as useTheme
 };

package/dist/index.js

@@ -1,36 +1,37 @@
-import { buildSeparateThemeFiles as o, buildThemeCSS as t, createThemeStylesheet as m, generateThemeBundle as a } from "./build/index.js";
-import { initThemeState as S, useTheme as p } from "./composables/useTheme.js";
+import { buildSeparateThemeFiles as o, buildThemeCSS as t, createThemeStylesheet as m, generateThemeBundle as S } from "./build/index.js";
+import { initThemeState as i, useTheme as p } from "./composables/useTheme.js";
 import { definePreset as n } from "./define-preset.js";
 import { MazUiTheme as l } from "./plugin.js";
 import { adjustColorLightness as C, formatHSL as h, generateColorScale as g, getContrastColor as d, parseHSL as T } from "./utils/color-utils.js";
-import { generateCriticalCSS as c, generateFullCSS as b, injectCSS as L, removeCSS as j } from "./utils/css-generator.js";
-import { deepMerge as F, mergePresets as H } from "./utils/preset-merger.js";
-import { mazUi as P } from "./presets/mazUi.js";
-import { obsidian as v } from "./presets/obsidian.js";
-import { ocean as B } from "./presets/ocean.js";
-import { pristine as q } from "./presets/pristine.js";
+import { CSS_IDS as c, generateCriticalCSS as b, generateFullCSS as L, injectCSS as j, removeCSS as z } from "./utils/css-generator.js";
+import { deepMerge as H, mergePresets as M } from "./utils/preset-merger.js";
+import { mazUi as U } from "./presets/mazUi.js";
+import { obsidian as y } from "./presets/obsidian.js";
+import { ocean as D } from "./presets/ocean.js";
+import { pristine as _ } from "./presets/pristine.js";
 export {
+  c as CSS_IDS,
   l as MazUiTheme,
   C as adjustColorLightness,
   o as buildSeparateThemeFiles,
   t as buildThemeCSS,
   m as createThemeStylesheet,
-  F as deepMerge,
+  H as deepMerge,
   n as definePreset,
   h as formatHSL,
   g as generateColorScale,
-  c as generateCriticalCSS,
-  b as generateFullCSS,
-  a as generateThemeBundle,
+  b as generateCriticalCSS,
+  L as generateFullCSS,
+  S as generateThemeBundle,
   d as getContrastColor,
-  S as initThemeState,
-  L as injectCSS,
-  P as mazUi,
-  H as mergePresets,
-  v as obsidian,
-  B as ocean,
+  i as initThemeState,
+  j as injectCSS,
+  U as mazUi,
+  M as mergePresets,
+  y as obsidian,
+  D as ocean,
   T as parseHSL,
-  q as pristine,
-  j as removeCSS,
+  _ as pristine,
+  z as removeCSS,
   p as useTheme
 };

package/dist/plugin/index.js

@@ -2,7 +2,8 @@ import "vue";
 import "../utils/css-generator.js";
 import "../utils/get-color-mode.js";
 import "../utils/get-preset.js";
-import { MazUiTheme as e } from "../plugin.js";
+import "../utils/preset-merger.js";
+import { MazUiTheme as a } from "../plugin.js";
 export {
-  e as MazUiTheme
+  a as MazUiTheme
 };

package/dist/plugin.js

@@ -1,7 +1,8 @@
-import { reactive as l } from "vue";
-import { generateCriticalCSS as d, injectCSS as n, generateFullCSS as m } from "./utils/css-generator.js";
-import { getColorMode as u, getSystemPrefersDark as S } from "./utils/get-color-mode.js";
-import { getPreset as f } from "./utils/get-preset.js";
+import { reactive as n } from "vue";
+import { generateCriticalCSS as l, injectCSS as d, CSS_IDS as i, generateFullCSS as S } from "./utils/css-generator.js";
+import { getColorMode as u, isSystemPrefersDark as f } from "./utils/get-color-mode.js";
+import { getPreset as y } from "./utils/get-preset.js";
+import { mergePresets as C } from "./utils/preset-merger.js";
 function g(r, t) {
   typeof document > "u" || r !== "class" || (t ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
 }
@@ -9,57 +10,48 @@ function k(r, t) {
   if (typeof document > "u")
     return;
   const e = {
-    mode: "both",
-    prefix: t.prefix
+    mode: t.mode,
+    darkSelectorStrategy: t.darkModeStrategy
   };
   if (t.injectCriticalCSS) {
-    const a = d(r, e);
-    n(a, "maz-theme-critical");
+    const a = l(r, e);
+    d(i.CRITICAL, a);
   }
   if (!t.injectFullCSS)
     return;
-  const o = m(r, e);
-  t.strategy === "runtime" ? n(o, "maz-theme-full") : t.strategy === "hybrid" && requestIdleCallback(() => {
-    n(o, "maz-theme-full");
+  const o = S(r, e);
+  t.strategy === "runtime" ? d(i.FULL, o) : t.strategy === "hybrid" && requestIdleCallback(() => {
+    d(i.FULL, o);
   }, { timeout: 100 });
 }
-function p(r, t) {
+function M(r, t) {
   r.provide("mazThemeState", t), r.config.globalProperties.$mazThemeState = t;
 }
-const z = {
-  async install(r, t = {}) {
+const v = {
+  async install(r, t) {
     const e = {
-      preset: "maz-ui",
       strategy: "runtime",
+      overrides: {},
       darkModeStrategy: "class",
-      colorMode: "auto",
-      prefix: "maz",
+      colorMode: (t?.mode !== "both" ? t?.mode : t?.colorMode) ?? "auto",
       injectCriticalCSS: !0,
       injectFullCSS: !0,
+      mode: "both",
       ...t
-    }, o = u(e.colorMode), a = o === "auto" ? S() === "dark" : o === "dark", s = l({
+    }, o = e.mode !== "both" ? e.mode : u(e.colorMode), a = o === "auto" && e.mode === "both" ? f() : o === "dark" || e.mode === "dark", s = n({
       // @ts-expect-error - empty currentPreset to avoid error
       currentPreset: {},
+      mode: e.mode,
       colorMode: o,
       isDark: a,
       strategy: e.strategy,
       darkModeStrategy: e.darkModeStrategy
     });
-    g(e.darkModeStrategy, s.isDark), p(r, s);
-    const i = await f(e.preset), c = e.overrides ? {
-      ...i,
-      foundation: {
-        ...i.foundation,
-        ...e.overrides.foundation
-      },
-      colors: {
-        light: { ...i.colors.light, ...e.overrides.colors?.light },
-        dark: { ...i.colors.dark, ...e.overrides.colors?.dark }
-      }
-    } : i;
-    s.currentPreset = c, e.strategy !== "buildtime" && k(c, e);
+    g(e.darkModeStrategy, a), M(r, s);
+    const c = await y(e.preset), m = Object.keys(e.overrides).length > 0 ? C(c, e.overrides) : c;
+    s.currentPreset = m, e.strategy !== "buildtime" && k(m, e);
   }
 };
 export {
-  z as MazUiTheme
+  v as MazUiTheme
 };

package/dist/presets/pristine.js

@@ -12,8 +12,8 @@ const r = {
       foreground: "0 0% 10%",
       primary: "220 10% 15%",
       "primary-foreground": "0 0% 100%",
-      contrast: "220 10% 92%",
-      "contrast-foreground": "0 0% 10%",
+      contrast: "0 0% 15%",
+      "contrast-foreground": "0 0% 95%",
       secondary: "220 10% 92%",
       "secondary-foreground": "0 0% 10%",
       muted: "0 0% 60%",
@@ -36,8 +36,8 @@ const r = {
       foreground: "0 0% 95%",
       primary: "0 0% 95%",
       "primary-foreground": "0 0% 10%",
-      contrast: "0 0% 15%",
-      "contrast-foreground": "0 0% 95%",
+      contrast: "220 10% 92%",
+      "contrast-foreground": "0 0% 10%",
       secondary: "0 0% 18%",
       "secondary-foreground": "0 0% 95%",
       muted: "0 0% 60%",

package/dist/types/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/build/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAwBhE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE;IACnE,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkB9B;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACV,GAAG,MAAM,CAYd;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC5B,GAAG;IACL,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAWF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/build/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAwBhE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE;IACnE,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkB9B;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACV,GAAG,MAAM,CAYd;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC5B,GAAG;IACP,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAWA"}

package/dist/types/composables/useTheme.d.ts

@@ -1,16 +1,18 @@
-import { ColorMode, Strategy, ThemePreset, ThemePresetName, ThemePresetOverrides, ThemeState } from '../types';
+import { ColorMode, DarkModeStrategy, Strategy, ThemeMode, ThemePreset, ThemePresetName, ThemePresetOverrides, ThemeState } from '../types';
 export declare function initThemeState(initialState: ThemeState): void;
 declare function updateTheme(preset: ThemePreset | ThemePresetOverrides | ThemePresetName): Promise<void>;
-declare function setColorMode(mode: ColorMode): void;
+declare function setColorMode(colorMode: ColorMode): void;
 declare function toggleDarkMode(): void;
 export declare function useTheme(): {
-    currentPreset: import('vue').ComputedRef<ThemePreset>;
+    presetName: import('vue').ComputedRef<string>;
     colorMode: import('vue').WritableComputedRef<ColorMode, ColorMode>;
     isDark: import('vue').ComputedRef<boolean>;
     strategy: import('vue').ComputedRef<Strategy>;
     updateTheme: typeof updateTheme;
     setColorMode: typeof setColorMode;
     toggleDarkMode: typeof toggleDarkMode;
+    mode: import('vue').ComputedRef<ThemeMode>;
+    darkModeStrategy: import('vue').ComputedRef<DarkModeStrategy>;
 };
 export {};
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/types/composables/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA0DnH,wBAAgB,cAAc,CAAC,YAAY,EAAE,UAAU,QAsBtD;AAYD,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBAyBtF;AAED,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QAgBpC;AAED,iBAAS,cAAc,SAKtB;AAED,wBAAgB,QAAQ;;;;;;;;EAyCvB"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA2DhJ,wBAAgB,cAAc,CAAC,YAAY,EAAE,UAAU,QAsBtD;AAaD,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBAyBtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAgBzC;AAED,iBAAS,cAAc,SAKtB;AAED,wBAAgB,QAAQ;;;;;;;;;;EAoDvB"}

package/dist/types/define-preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../../src/define-preset.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,WAAW,CAAA;AAEf,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA"}
+{"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../../src/define-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,WAAW,CAAA;AAEf,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA"}

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export * from './build';
 export * from './composables/useTheme';
-export { definePreset } from './define-preset';
+export * from './define-preset';
 export * from './plugin';
 export * from './presets';
 export * from './types';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}

package/dist/types/plugin.d.ts

@@ -1,13 +1,6 @@
+import { Plugin } from 'vue';
 import { ThemeConfig, ThemeState } from './types';
-import { App } from 'vue';
-export interface MazUiThemeOptions extends ThemeConfig {
-    /**
-     * CSS variables prefix
-     * @description Prefix for CSS variables
-     * @default 'maz'
-     * @private
-     */
-    prefix?: string;
+export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
     /**
      * Inject critical CSS
      * @description Inject critical CSS to prevent FOUC
@@ -35,10 +28,8 @@ export interface MazUiThemeOptions extends ThemeConfig {
  * })
  * ```
  */
-export declare const MazUiTheme: {
-    install(app: App, options?: MazUiThemeOptions): Promise<void>;
-};
-declare module '@vue/runtime-core' {
+export declare const MazUiTheme: Plugin<[MazUiThemeOptions]>;
+declare module 'vue' {
     interface ComponentCustomProperties {
         /**
          * Maz theme plugin options

package/dist/types/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,WAAW,EAAe,UAAU,EAAE,MAAM,SAAS,CAAA;AACrF,OAAO,EAAE,KAAK,GAAG,EAAY,MAAM,KAAK,CAAA;AASxC,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAkDD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU;iBACF,GAAG,YAAW,iBAAiB;CAuDnD,CAAA;AAED,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,UAAU,CAAA;KAC3B;CACF"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,KAAK,EAAoB,WAAW,EAAe,UAAU,EAAE,MAAM,SAAS,CAAA;AAarF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACpE;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAiDD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,iBAAiB,CAAC,CA+ClD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,UAAU,CAAA;KAC3B;CACF"}

package/dist/types/types/index.d.ts

@@ -63,15 +63,23 @@ export interface ThemePreset {
 }
 export type ThemePresetName = 'mazUi' | 'ocean' | 'pristine' | 'obsidian' | 'maz-ui';
 export type ColorMode = 'light' | 'dark' | 'auto';
+export type ThemeMode = 'light' | 'dark' | 'both';
 export type DarkModeStrategy = 'class' | 'media';
 export type Strategy = 'runtime' | 'buildtime' | 'hybrid';
 export interface ThemeConfig {
+    /**
+     * CSS variables prefix
+     * @description Prefix for CSS variables
+     * @default 'maz'
+     * @private
+     */
+    prefix?: string;
     /**
      * Theme preset to use
      * @description Can be a predefined preset name or a custom preset object
      * @default mazUi preset
      */
-    preset?: ThemePreset | ThemePresetName;
+    preset: ThemePreset;
     /**
      * Custom preset overrides
      * @description Allows customizing specific parts of the preset without redefining it entirely
@@ -81,7 +89,7 @@ export interface ThemeConfig {
     /**
      * CSS generation strategy
      * @description
-     * - `runtime`: CSS generated and injected dynamically on client-side
+     * - `runtime`: CSS generated (critical and full) injected immediately
      * - `buildtime`: CSS generated at build time and included in bundle
      * - `hybrid`: Critical CSS injected inline, full CSS loaded asynchronously (recommended)
      * @default 'hybrid'
@@ -96,7 +104,7 @@ export interface ThemeConfig {
      */
     darkModeStrategy?: DarkModeStrategy;
     /**
-     * Color mode
+     * Initial color mode to use
      * @description
      * - `light`: Light mode
      * - `dark`: Dark mode
@@ -104,6 +112,15 @@ export interface ThemeConfig {
      * @default 'auto'
      */
     colorMode?: ColorMode;
+    /**
+     * Supported color modes to use
+     * @description
+     * - `light`: Will inject only light CSS variables
+     * - `dark`: Will inject only dark CSS variables
+     * - `both`: Will inject both light and dark CSS variables
+     * @default 'both'
+     */
+    mode?: ThemeMode;
 }
 export interface ColorScale {
     50: string;
@@ -116,10 +133,12 @@ export interface ColorScale {
     700: string;
     800: string;
     900: string;
+    950: string;
 }
 export interface ThemeState {
     currentPreset: ThemePreset;
     colorMode: ColorMode;
+    mode: ThemeMode;
     isDark: boolean;
     strategy: Strategy;
     darkModeStrategy: DarkModeStrategy;

package/dist/types/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/types/utils/color-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/color-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKjE;AAsCD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAgChE;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAIlF"}
+{"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/color-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKjE;AAkCD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAyChE;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAIlF"}

package/dist/types/utils/css-generator.d.ts

@@ -1,14 +1,13 @@
-import { DarkModeStrategy, ThemeColors, ThemeFoundation, ThemePreset } from '../types';
-type ThemeMode = 'light' | 'dark' | 'both';
+import { DarkModeStrategy, ThemeColors, ThemeFoundation, ThemeMode, ThemePreset } from '../types';
 export interface CriticalCSSOptions {
     /** Critical color variables to include */
     criticalColors?: (keyof ThemeColors)[];
     /** Critical foundation variables to include */
     criticalFoundation?: (keyof ThemeFoundation)[];
     /** Theme mode to generate */
-    mode?: ThemeMode;
+    mode: ThemeMode;
     /** Dark mode selector: 'class' (.dark) | 'media' (@media) */
-    darkSelectorStrategy?: DarkModeStrategy;
+    darkSelectorStrategy: DarkModeStrategy;
     /** CSS variables prefix */
     prefix?: string;
 }
@@ -16,31 +15,20 @@ export interface FullCSSOptions {
     /** Critical variables to exclude (to avoid duplication) */
     excludeCritical?: (keyof ThemeColors | keyof ThemeFoundation)[];
     /** Theme mode to generate */
-    mode?: ThemeMode;
+    mode: ThemeMode;
     /** Dark mode selector: 'class' (.dark) | 'media' (@media) */
-    darkSelectorStrategy?: DarkModeStrategy;
+    darkSelectorStrategy: DarkModeStrategy;
     /** CSS variables prefix */
     prefix?: string;
     /** Include color scales (50-900) */
     includeColorScales?: boolean;
 }
-/**
- * Generates critical CSS to prevent FOUC
- * Contains only essential variables
- */
 export declare function generateCriticalCSS(preset: ThemePreset, options?: CriticalCSSOptions): string;
-/**
- * Generates full CSS without critical variables
- * Avoids duplication with critical CSS
- */
 export declare function generateFullCSS(preset: ThemePreset, options?: FullCSSOptions): string;
-/**
- * Injects CSS into the DOM
- */
-export declare function injectCSS(css: string, id?: string): void;
-/**
- * Supprime le CSS du DOM
- */
-export declare function removeCSS(id?: string): void;
-export {};
+export declare enum CSS_IDS {
+    FULL = "maz-theme-full",
+    CRITICAL = "maz-theme-critical"
+}
+export declare function injectCSS(id: CSS_IDS, css: string): void;
+export declare function removeCSS(id: CSS_IDS): void;
 //# sourceMappingURL=css-generator.d.ts.map

package/dist/types/utils/css-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAO3F,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,CAAA;IACtC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,MAAM,eAAe,CAAC,EAAE,CAAA;IAC9C,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,gBAAgB,CAAA;IACvC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,EAAE,CAAA;IAC/D,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,gBAAgB,CAAA;IACvC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAoCD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,kBAAuB,GAC/B,MAAM,CAsCR;AAMD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,cAAmB,GAC3B,MAAM,CA0CR;AA+ID;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,GAAE,MAAyB,GAAG,IAAI,CAa1E;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,GAAE,MAAyB,GAAG,IAAI,CAQ7D"}
+{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtG,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,CAAA;IACtC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,MAAM,eAAe,CAAC,EAAE,CAAA;IAC9C,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,EAAE,CAAA;IAC/D,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAmCD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,kBAGR,GACA,MAAM,CAwCR;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,cAGR,GACA,MAAM,CA4CR;AAoHD,oBAAY,OAAO;IACjB,IAAI,mBAAmB;IACvB,QAAQ,uBAAuB;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAaxD;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAQ3C"}

package/dist/types/utils/get-color-mode.d.ts

@@ -1,4 +1,4 @@
 import { ColorMode } from '../types';
 export declare function getColorMode(colorMode?: ColorMode): ColorMode;
-export declare function getSystemPrefersDark(): "light" | "dark";
+export declare function isSystemPrefersDark(): boolean;
 //# sourceMappingURL=get-color-mode.d.ts.map

package/dist/types/utils/get-color-mode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-color-mode.d.ts","sourceRoot":"","sources":["../../../src/utils/get-color-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGzC,wBAAgB,YAAY,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAW7D;AAED,wBAAgB,oBAAoB,qBAInC"}
+{"version":3,"file":"get-color-mode.d.ts","sourceRoot":"","sources":["../../../src/utils/get-color-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGzC,wBAAgB,YAAY,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAW7D;AAED,wBAAgB,mBAAmB,YAElC"}

package/dist/types/utils/get-preset.d.ts

@@ -1,5 +1,4 @@
-import { MazUiThemeOptions } from '../plugin';
-import { ThemePreset, ThemePresetOverrides } from '../types';
-export declare function isPresetObject(preset: MazUiThemeOptions['preset'] | ThemePresetOverrides): preset is ThemePreset;
-export declare function getPreset(preset?: MazUiThemeOptions['preset']): Promise<ThemePreset>;
+import { ThemePreset, ThemePresetName, ThemePresetOverrides } from '../types';
+export declare function isPresetObject(preset?: ThemePresetName | ThemePreset | ThemePresetOverrides): preset is ThemePreset;
+export declare function getPreset(preset?: ThemePresetName | ThemePreset): Promise<ThemePreset>;
 //# sourceMappingURL=get-preset.d.ts.map

package/dist/types/utils/get-preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-preset.d.ts","sourceRoot":"","sources":["../../../src/utils/get-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEjE,wBAAgB,cAAc,CAAC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,oBAAoB,GAAG,MAAM,IAAI,WAAW,CAEhH;AAED,wBAAsB,SAAS,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,wBA0BnE"}
+{"version":3,"file":"get-preset.d.ts","sourceRoot":"","sources":["../../../src/utils/get-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAElF,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,WAAW,GAAG,oBAAoB,GAAG,MAAM,IAAI,WAAW,CAEnH;AAED,wBAAsB,SAAS,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,WAAW,wBA0BrE"}

package/dist/utils/color-utils.js

@@ -8,70 +8,61 @@ function l(n) {
     l: Number.parseFloat(t[3])
   };
 }
-function i(n, t, o) {
-  const r = Math.round(n * 10) / 10, s = Math.round(t * 10) / 10, e = Math.round(o * 10) / 10;
-  return `${r} ${s}% ${e}%`;
+function i(n, t, r) {
+  const o = Math.round(n * 10) / 10, s = Math.round(t * 10) / 10, e = Math.round(r * 10) / 10;
+  return `${o} ${s}% ${e}%`;
 }
-const M = {
-  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,
-  // Base + 10% = slightly lighter
+const d = {
+  50: 37.5,
+  100: 30,
+  200: 22.5,
+  300: 15,
+  400: 7.5,
   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,
+  700: -15,
+  800: -22.5,
+  900: -30,
+  950: -37.5
 };
-function S(n, t, o) {
+function p(n, t, r) {
   if (t === n)
     return 1;
-  const r = Math.min(o / 100, 1), s = Math.abs(t - n);
+  const o = Math.min(r / 100, 1), s = Math.abs(t - n);
   if (t < n) {
-    const e = s / 500 * 0.25 * r;
+    const e = s / 500 * 0.25 * o;
     return Math.max(0.3, 1 - e);
   } else {
-    const e = s / 400 * 0.15 * r;
+    const e = s / 400 * 0.15 * o;
     return Math.min(1.3, 1 + e);
   }
 }
-function L(n) {
-  const { h: t, s: o, l: r } = l(n), s = 500, e = r, d = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900], c = {};
-  return d.forEach((a) => {
-    if (a === s)
-      c[a.toString()] = i(t, o, r);
+function b(n) {
+  const { h: t, s: r, l: o } = l(n), s = 500, e = o, m = Object.keys(d).map(Number), u = {};
+  return m.forEach((c) => {
+    if (c === s)
+      u[c] = i(t, r, o);
     else {
-      const h = M[a];
-      let u = e + h;
-      u = Math.min(95, Math.max(5, u));
-      const m = S(s, a, o), f = Math.min(100, Math.max(5, o * m));
-      c[a.toString()] = i(t, f, u);
+      const h = c < s, f = c > s, M = d[c];
+      let a;
+      h && o >= 100 ? a = e : a = e + M, f && o <= 0 && (a = 0), a = Math.min(100, Math.max(0, a));
+      const S = p(s, c, r), L = Math.min(100, Math.max(5, r * S));
+      u[c] = i(t, L, a);
     }
-  }), c;
+  }), u;
 }
-function p(n) {
+function F(n) {
   const { l: t } = l(n);
   return t > 50 ? "0 0% 0%" : "0 0% 100%";
 }
-function F(n, t) {
-  const { h: o, s: r, l: s } = l(n), e = Math.max(0, Math.min(100, s + t));
-  return i(o, r, e);
+function x(n, t) {
+  const { h: r, s: o, l: s } = l(n), e = Math.max(0, Math.min(100, s + t));
+  return i(r, o, e);
 }
 export {
-  F as adjustColorLightness,
+  x as adjustColorLightness,
   i as formatHSL,
-  L as generateColorScale,
-  p as getContrastColor,
+  b as generateColorScale,
+  F as getContrastColor,
   l as parseHSL
 };

package/dist/utils/cookie-storage.js

@@ -5,7 +5,7 @@ function c(e) {
   return t ? decodeURIComponent(t.split("=")[1]) : null;
 }
 function u(e, o) {
-  typeof document > "u" || (document.cookie = `${e}=${encodeURIComponent(o)}; path=/; max-age=${60 * 60 * 24 * 365}; SameSite=Lax`);
+  typeof document > "u" || (document.cookie = `${e}=${encodeURIComponent(o)}; path=/; max-age=${3600 * 24 * 365}; SameSite=Lax`);
 }
 export {
   c as getCookie,

package/dist/utils/css-generator.js

@@ -1,4 +1,4 @@
-import { generateColorScale as C } from "./color-utils.js";
+import { generateColorScale as b } from "./color-utils.js";
 const h = [
   "background",
   "foreground",
@@ -21,146 +21,170 @@ const h = [
   "muted",
   "shadow",
   "border"
-], b = [
+], C = [
   "radius",
   "font-family",
   "base-font-size",
   "border-width"
 ], S = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
-function O(r, o = {}) {
+function j(e, o = {
+  mode: "both",
+  darkSelectorStrategy: "class"
+}) {
   const {
-    criticalColors: e = h,
-    criticalFoundation: c = b,
-    mode: n = "both",
-    darkSelectorStrategy: a = "class",
+    criticalColors: r = h,
+    criticalFoundation: c = C,
+    mode: t,
+    darkSelectorStrategy: s,
     prefix: i = "maz"
-  } = o, d = m(r.colors.light, e), s = m(r.colors.dark, e), l = y(r.foundation, c);
-  let t = `@layer maz-ui-theme {
+  } = o, l = y(e.foundation, c);
+  let n = `@layer maz-ui-theme {
 `;
-  return (n === "light" || n === "both") && (t += f({
-    selector: ":root",
-    colors: d,
-    foundation: l,
-    prefix: i
-  })), (n === "dark" || n === "both") && (t += f({
-    selector: a === "media" ? ":root" : ".dark",
-    mediaQuery: a === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-    colors: s,
-    foundation: l,
-    prefix: i
-  })), t += `}
-`, t;
+  if (t === "light" || t === "both") {
+    const a = m(e.colors.light, r);
+    n += f({
+      selector: ":root",
+      colors: a,
+      foundation: l,
+      prefix: i
+    });
+  }
+  if (t === "dark" || t === "both") {
+    const a = m(e.colors.dark, r);
+    n += f({
+      selector: s === "media" ? ":root" : ".dark",
+      mediaQuery: s === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
+      colors: a,
+      foundation: l,
+      prefix: i
+    });
+  }
+  return n += `}
+`, n;
 }
-function j(r, o = {}) {
+function p(e, o = {
+  mode: "both",
+  darkSelectorStrategy: "class"
+}) {
   const {
-    excludeCritical: e = h,
-    mode: c = "both",
-    darkSelectorStrategy: n = "class",
-    prefix: a = "maz",
+    excludeCritical: r = h,
+    mode: c,
+    darkSelectorStrategy: t,
+    prefix: s = "maz",
     includeColorScales: i = !0
-  } = o, d = g(r.colors.light, e), s = g(r.colors.dark, e), l = k(r.foundation, b);
-  let t = `@layer maz-ui-theme {
+  } = o, l = k(e.foundation, C);
+  let n = `@layer maz-ui-theme {
 `;
-  return (c === "light" || c === "both") && (t += f({
-    selector: ":root",
-    colors: d,
-    foundation: l,
-    prefix: a,
-    includeScales: i,
-    preset: r
-  })), (c === "dark" || c === "both") && (t += f({
-    selector: n === "media" ? ":root" : ".dark",
-    mediaQuery: n === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-    colors: s,
-    foundation: c === "dark" ? l : void 0,
-    // Appearance only if dark mode only
-    prefix: a,
-    includeScales: i,
-    preset: r,
-    isDark: !0
-  })), t += `}
-`, t;
+  if (c === "light" || c === "both") {
+    const a = g(e.colors.light, r);
+    n += f({
+      selector: ":root",
+      colors: a,
+      foundation: l,
+      prefix: s,
+      includeScales: i,
+      preset: e
+    });
+  }
+  if (c === "dark" || c === "both") {
+    const a = g(e.colors.dark, r);
+    n += f({
+      selector: t === "media" ? ":root" : ".dark",
+      mediaQuery: t === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
+      colors: a,
+      foundation: c === "dark" ? l : void 0,
+      // Appearance only if dark mode only
+      prefix: s,
+      includeScales: i,
+      preset: e,
+      isDark: !0
+    });
+  }
+  return n += `}
+`, n;
 }
-function m(r, o) {
+function m(e, o) {
   return Object.fromEntries(
-    o.filter((e) => r[e]).map((e) => [e, r[e]])
+    o.filter((r) => e[r]).map((r) => [r, e[r]])
   );
 }
-function y(r, o) {
-  return r ? Object.fromEntries(
-    o.filter((e) => r[e]).map((e) => [e, r[e]])
+function y(e, o) {
+  return e ? Object.fromEntries(
+    o.filter((r) => e[r]).map((r) => [r, e[r]])
   ) : {};
 }
-function g(r, o) {
+function g(e, o) {
   return Object.fromEntries(
-    Object.entries(r).filter(([e]) => !o.includes(e))
+    Object.entries(e).filter(([r]) => !o.includes(r))
   );
 }
-function k(r, o) {
-  return r ? Object.fromEntries(
-    Object.entries(r).filter(([e]) => !o.includes(e))
+function k(e, o) {
+  return e ? Object.fromEntries(
+    Object.entries(e).filter(([r]) => !o.includes(r))
   ) : {};
 }
 function f({
-  selector: r,
+  selector: e,
   mediaQuery: o,
-  colors: e,
+  colors: r,
   foundation: c,
-  prefix: n,
-  includeScales: a = !1,
+  prefix: t,
+  includeScales: s = !1,
   preset: i,
-  isDark: d = !1
+  isDark: l = !1
 }) {
-  const s = [];
-  if (e && Object.entries(e).forEach(([t, u]) => {
-    u && s.push(`  --${n}-${t}: ${u};`);
-  }), c && Object.entries(c).forEach(([t, u]) => {
-    u && s.push(`  --${n}-${t}: ${u};`);
-  }), a && i) {
-    const t = d ? i.colors.dark : i.colors.light, u = E(t, n);
-    s.push(...u);
+  const n = [];
+  if (r && Object.entries(r).forEach(([u, d]) => {
+    d && n.push(`  --${t}-${u}: ${d};`);
+  }), c && Object.entries(c).forEach(([u, d]) => {
+    d && n.push(`  --${t}-${u}: ${d};`);
+  }), s && i) {
+    const u = l ? i.colors.dark : i.colors.light, d = E(u, t);
+    n.push(...d);
   }
-  const l = s.join(`
+  const a = n.join(`
 `);
   return o ? `
   ${o} {
-    ${r} {
-${l.replace(/^/gm, "  ")}
+    ${e} {
+${a.replace(/^/gm, "  ")}
     }
   }
 ` : `
-  ${r} {
-${l}
+  ${e} {
+${a}
   }
 `;
 }
-function E(r, o) {
-  const e = [];
+function E(e, o) {
+  const r = [];
   return S.forEach((c) => {
-    const n = r[c];
-    if (n) {
-      const a = C(n);
-      Object.entries(a).forEach(([i, d]) => {
-        e.push(`  --${o}-${c}-${i}: ${d};`);
+    const t = e[c];
+    if (t) {
+      const s = b(t);
+      Object.entries(s).forEach(([i, l]) => {
+        r.push(`  --${o}-${c}-${i}: ${l};`);
       });
     }
-  }), e;
+  }), r;
 }
-function p(r, o = "maz-theme-vars") {
+var $ = /* @__PURE__ */ ((e) => (e.FULL = "maz-theme-full", e.CRITICAL = "maz-theme-critical", e))($ || {});
+function v(e, o) {
   if (typeof document > "u")
     return;
-  let e = document.getElementById(o);
-  e || (e = document.createElement("style"), e.id = o, document.head.appendChild(e)), e.textContent = r;
+  let r = document.getElementById(e);
+  r || (r = document.createElement("style"), r.id = e, document.head.appendChild(r)), r.textContent = o;
 }
-function v(r = "maz-theme-vars") {
+function F(e) {
   if (typeof document > "u")
     return;
-  const o = document.getElementById(r);
+  const o = document.getElementById(e);
   o && o.remove();
 }
 export {
-  O as generateCriticalCSS,
-  j as generateFullCSS,
-  p as injectCSS,
-  v as removeCSS
+  $ as CSS_IDS,
+  j as generateCriticalCSS,
+  p as generateFullCSS,
+  v as injectCSS,
+  F as removeCSS
 };

package/dist/utils/get-color-mode.js

@@ -1,14 +1,14 @@
-import { getCookie as t } from "./cookie-storage.js";
+import { getCookie as r } from "./cookie-storage.js";
 function o(e) {
   if (e && ["light", "dark"].includes(e))
     return e;
-  const r = t("maz-color-mode");
-  return r && ["light", "dark"].includes(r) ? r : i();
+  const t = r("maz-color-mode");
+  return t && ["light", "dark"].includes(t) ? t : "auto";
 }
-function i() {
-  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+function n() {
+  return typeof globalThis.window < "u" && typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches;
 }
 export {
   o as getColorMode,
-  i as getSystemPrefersDark
+  n as isSystemPrefersDark
 };

package/dist/utils/index.js

@@ -1,22 +1,23 @@
-import { adjustColorLightness as o, formatHSL as t, generateColorScale as s, getContrastColor as C, parseHSL as S } from "./color-utils.js";
+import { adjustColorLightness as o, formatHSL as t, generateColorScale as S, getContrastColor as C, parseHSL as s } from "./color-utils.js";
 import { getCookie as g, setCookie as m } from "./cookie-storage.js";
-import { generateCriticalCSS as l, generateFullCSS as p, injectCSS as f, removeCSS as n } from "./css-generator.js";
-import { getPreset as c, isPresetObject as j } from "./get-preset.js";
-import { deepMerge as P, mergePresets as d } from "./preset-merger.js";
+import { CSS_IDS as l, generateCriticalCSS as p, generateFullCSS as f, injectCSS as n, removeCSS as x } from "./css-generator.js";
+import { getPreset as j, isPresetObject as L } from "./get-preset.js";
+import { deepMerge as d, mergePresets as k } from "./preset-merger.js";
 export {
+  l as CSS_IDS,
   o as adjustColorLightness,
-  P as deepMerge,
+  d as deepMerge,
   t as formatHSL,
-  s as generateColorScale,
-  l as generateCriticalCSS,
-  p as generateFullCSS,
+  S as generateColorScale,
+  p as generateCriticalCSS,
+  f as generateFullCSS,
   C as getContrastColor,
   g as getCookie,
-  c as getPreset,
-  f as injectCSS,
-  j as isPresetObject,
-  d as mergePresets,
-  S as parseHSL,
-  n as removeCSS,
+  j as getPreset,
+  n as injectCSS,
+  L as isPresetObject,
+  k as mergePresets,
+  s as parseHSL,
+  x as removeCSS,
   m as setCookie
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/themes",
   "type": "module",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.35",
   "description": "Theme system for Maz-UI with TypeScript support and CSS variables",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -61,8 +61,7 @@
     "./plugin": {
       "types": "./dist/types/plugin.d.ts",
       "import": "./dist/plugin/index.js"
-    },
-    "./*": "./*"
+    }
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -76,13 +75,13 @@
   },
   "scripts": {
     "build": "vite build",
-    "vite:dev": "vite build --watch",
+    "build:watch": "vite build --watch",
     "typecheck": "vue-tsc --noEmit",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
+    "lint": "cross-env NODE_ENV=production eslint .",
+    "lint:fix": "pnpm lint --fix",
     "pre-commit": "lint-staged",
     "test": "vitest",
-    "test:unit": "vitest",
+    "test:unit": "vitest run",
     "test:unit:watch": "vitest watch",
     "test:unit:coverage": "vitest run --coverage",
     "test:unit:coverage:watch": "vitest watch --coverage",
@@ -91,17 +90,17 @@
   "peerDependencies": {
     "vue": "^3.5.0"
   },
+  "dependencies": {
+    "@maz-ui/utils": "4.0.0-beta.35"
+  },
   "devDependencies": {
     "glob": "^11.0.3",
-    "typescript": "^5.8.3",
-    "vue": "^3.5.17",
-    "vue-tsc": "^2.2.10"
-  },
-  "pnpm": {
-    "catalog": false
+    "typescript": "^5.9.2",
+    "vue": "^3.5.18",
+    "vue-tsc": "^3.0.5"
   },
   "lint-staged": {
-    "*.{js,ts,vue,mjs,mts,cjs,md}": "cross-env NODE_ENV=production eslint --fix"
+    "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
   },
-  "gitHead": "f244a338c386a818da90b083800e0fe5f37bf655"
+  "gitHead": "c27390faa3370a981efb0bd908d712871e654f1e"
 }