@maz-ui/themes 4.0.0-beta.8 → 4.0.1

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,103 +1,109 @@
-import { ref as n, computed as a, watchEffect as g, inject as p, getCurrentInstance as c } from "vue";
-import { setCookie as v } from "../utils/cookie-storage.js";
-import { generateCriticalCSS as k, generateFullCSS as M, injectCSS as l } from "../utils/css-generator.js";
-import { getColorMode as h, getSystemPrefersDark as y } from "../utils/get-color-mode.js";
-import { getPreset as S } from "../utils/get-preset.js";
-import { mergePresets as P } from "../utils/preset-merger.js";
-function T() {
-  return typeof document > "u" || typeof globalThis.window > "u";
+import { ref as g, computed as a, watchEffect as p, inject as v, getCurrentInstance as c, watch as y } from "vue";
+import { setCookie as k } 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 h, isSystemPrefersDark as P } 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"));
 }
-const r = n();
-function d() {
-  typeof document > "u" || !r.value || r.value.darkModeStrategy === "media" || (r.value.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 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 = h(e.colorMode), o = t === "auto" ? y() === "dark" : t === "dark";
-  u({
+  const t = h(e.colorMode), o = t === "auto" ? P() : t === "dark";
+  l({
     currentPreset: e.currentPreset,
     colorMode: t,
+    mode: e.mode,
     isDark: o,
     strategy: e.strategy,
     darkModeStrategy: e.darkModeStrategy
   });
 }
-function u(e) {
+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();
   }
-  g(() => {
-    r.value && (d(), C());
+  p(() => {
+    r.value && (d(r.value), w());
   });
 }
-const z = a(() => r.value?.currentPreset), w = a({
+const z = a({
   get: () => r.value?.colorMode,
-  set: (e) => i(e)
-}), D = a(() => r.value?.isDark ?? !1), x = a(() => r.value?.strategy);
-async function E(e) {
+  set: (e) => n(e)
+}), E = a(() => r.value?.isDark ?? !1), L = a(() => r.value?.strategy), x = a(() => r.value?.mode), I = a(() => r.value?.darkModeStrategy), D = a(() => r.value?.currentPreset?.name);
+async function F(e) {
   if (!r.value)
     return;
-  const t = typeof e == "string" ? await S(e) : e, o = "name" in t && t.name !== r.value.currentPreset.name ? t : P(r.value.currentPreset, t);
+  const t = typeof e == "string" ? await C(e) : e;
+  if (!t || !r.value.currentPreset) {
+    console.error("[@maz-ui/themes] No preset found - If you are using the buildtime strategy, you must provide a complete preset");
+    return;
+  }
+  const 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 s = {
-      mode: r.value.colorMode === "auto" ? "both" : r.value.colorMode,
+    const i = {
+      mode: r.value.mode,
+      darkSelectorStrategy: r.value.darkModeStrategy,
       prefix: "maz"
-    }, f = k(o, s), m = M(o, s);
-    l(f, "maz-theme-critical"), l(m, "maz-theme-full");
+    }, m = S(o, i), f = M(o, i);
+    s(u.CRITICAL, m), s(u.FULL, f);
   }
 }
-function i(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(), v("maz-color-mode", e));
+function n(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), k("maz-color-mode", e));
 }
-function F() {
-  r.value && i(r.value.isDark ? "light" : "dark");
+function U() {
+  r.value && n(r.value.isDark ? "light" : "dark");
 }
 function O() {
   let e;
   try {
-    if (e = p("mazThemeState", void 0), !e)
+    if (e = v("mazThemeState", void 0), !e)
       throw new Error("mazThemeState not found");
   } catch {
     const t = c();
     t?.appContext?.app?.config?.globalProperties && (e = t.appContext.app.config.globalProperties.$mazThemeState);
   }
-  return e && (r.value ? T() && (r.value.colorMode = e.colorMode, r.value.isDark = e.isDark, r.value.currentPreset = e.currentPreset) : b(e)), r.value ? {
-    currentPreset: z,
-    colorMode: w,
-    isDark: D,
-    strategy: x,
-    updateTheme: E,
-    setColorMode: i,
-    toggleDarkMode: F
-  } : (console.error("[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin before using useTheme composable"), {
-    currentPreset: n({}),
-    colorMode: n("light"),
-    isDark: a(() => !1),
-    strategy: a(() => "hybrid"),
-    updateTheme: () => Promise.resolve(),
-    setColorMode: () => {
-    },
-    toggleDarkMode: () => {
-    }
-  });
+  if (e && (r.value ? (typeof document > "u" || typeof globalThis.window > "u") && (r.value = {
+    ...r.value,
+    ...e
+  }) : b(e)), y(() => 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 {
+    presetName: D,
+    colorMode: z,
+    isDark: E,
+    strategy: L,
+    updateTheme: F,
+    setColorMode: n,
+    toggleDarkMode: U,
+    mode: x,
+    darkModeStrategy: I
+  };
 }
 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 s, CSS_IDS as c, 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,55 +10,47 @@ function k(r, t) {
   if (typeof document > "u")
     return;
   const e = {
-    mode: t.colorMode === "auto" ? "both" : t.colorMode
+    mode: t.mode,
+    darkSelectorStrategy: t.darkModeStrategy
   };
   if (t.injectCriticalCSS) {
-    const i = d(r, e);
-    n(i, "maz-theme-critical");
+    const a = l(r, e);
+    s(c.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" ? s(c.FULL, o) : t.strategy === "hybrid" && requestIdleCallback(() => {
+    s(c.FULL, o);
   }, { timeout: 100 });
 }
-function y(r, t) {
+function M(r, t) {
   r.provide("mazThemeState", t), r.config.globalProperties.$mazThemeState = t;
 }
-const j = {
-  async install(r, t = {}) {
+const L = {
+  async install(r, t) {
     const e = {
-      preset: "maz-ui",
       strategy: "runtime",
+      overrides: {},
       darkModeStrategy: "class",
-      colorMode: "auto",
+      colorMode: (t?.mode !== "both" ? t?.mode : t?.colorMode) ?? "auto",
       injectCriticalCSS: !0,
       injectFullCSS: !0,
+      mode: "both",
       ...t
-    }, o = u(e.colorMode), i = o === "auto" ? S() === "dark" : o === "dark", s = l({
-      // @ts-expect-error - empty currentPreset to avoid error
-      currentPreset: {},
+    }, o = e.mode !== "both" ? e.mode : u(e.colorMode), a = o === "auto" && e.mode === "both" ? f() : o === "dark" || e.mode === "dark", m = n({
+      currentPreset: void 0,
+      mode: e.mode,
       colorMode: o,
-      isDark: i,
+      isDark: a,
       strategy: e.strategy,
       darkModeStrategy: e.darkModeStrategy
     });
-    g(e.darkModeStrategy, s.isDark), y(r, s);
-    const a = await f(e.preset), c = e.overrides ? {
-      ...a,
-      foundation: {
-        ...a.foundation,
-        ...e.overrides.foundation
-      },
-      colors: {
-        light: { ...a.colors.light, ...e.overrides.colors?.light },
-        dark: { ...a.colors.dark, ...e.overrides.colors?.dark }
-      }
-    } : a;
-    s.currentPreset = c, e.strategy !== "buildtime" && k(c, e);
+    g(e.darkModeStrategy, a), M(r, m);
+    const i = e.strategy === "buildtime" ? e.preset : await y(e.preset), d = Object.keys(e.overrides).length > 0 && i ? C(i, e.overrides) : i;
+    d && (m.currentPreset = d), !(e.strategy === "buildtime" || !d) && k(d, e);
   }
 };
 export {
-  j as MazUiTheme
+  L as MazUiTheme
 };

package/dist/presets/mazUi.js

@@ -20,7 +20,7 @@ const r = {
       "success-foreground": "210 8% 14%",
       warning: "40 97% 59%",
       "warning-foreground": "210 8% 14%",
-      destructive: "1 100% 71%",
+      destructive: "356.95 95.91% 57.73%",
       "destructive-foreground": "0 0% 100%",
       info: "188 78% 41%",
       "info-foreground": "0 0% 100%",

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,24 +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').Ref<{}, {}>;
-    colorMode: import('vue').Ref<string, string>;
-    isDark: import('vue').ComputedRef<boolean>;
-    strategy: import('vue').ComputedRef<string>;
-    updateTheme: () => Promise<void>;
-    setColorMode: () => void;
-    toggleDarkMode: () => void;
-} | {
-    currentPreset: import('vue').ComputedRef<ThemePreset>;
+    presetName: import('vue').ComputedRef<string | undefined>;
     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;;;;;;;;;;;;;;;;EAmDvB"}
+{"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,iBA8BtF;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,5 +1,5 @@
+import { Plugin } from 'vue';
 import { ThemeConfig, ThemeState } from './types';
-import { App } from 'vue';
 export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
     /**
      * Inject critical CSS
@@ -28,10 +28,8 @@ export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
  * })
  * ```
  */
-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,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;iBACF,GAAG,YAAW,iBAAiB;CAsDnD,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,CAgDlD,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,6 +63,7 @@ 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 {
@@ -74,11 +75,11 @@ export interface ThemeConfig {
      */
     prefix?: string;
     /**
-     * Theme preset to use
+     * Theme preset to use - Optional if you use buildtime strategy
      * @description Can be a predefined preset name or a custom preset object
-     * @default mazUi preset
+     * @default undefined
      */
-    preset?: ThemePreset | ThemePresetName;
+    preset?: ThemePreset;
     /**
      * Custom preset overrides
      * @description Allows customizing specific parts of the preset without redefining it entirely
@@ -103,7 +104,7 @@ export interface ThemeConfig {
      */
     darkModeStrategy?: DarkModeStrategy;
     /**
-     * Color mode
+     * Initial color mode to use
      * @description
      * - `light`: Light mode
      * - `dark`: Dark mode
@@ -111,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;
@@ -123,10 +133,12 @@ export interface ColorScale {
     700: string;
     800: string;
     900: string;
+    950: string;
 }
 export interface ThemeState {
-    currentPreset: ThemePreset;
+    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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"}