@maz-ui/themes 4.4.0 → 4.7.0-beta.0

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

@@ -0,0 +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,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CA0BhE;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;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACd,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/composables/index.js

@@ -1,4 +1,4 @@
-import "../chunks/isServer.BAlEcRRr.js";
+import "@maz-ui/utils/helpers/isServer";
 import "vue";
 import "../utils/cookie-storage.js";
 import "../utils/css-generator.js";

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AAwBzG,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBA4BtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAOzC;AAED,iBAAS,cAAc,SAEtB;AAiCD,wBAAgB,QAAQ;IAkBpB;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;EAGN"}

package/dist/composables/useTheme.js

@@ -1,5 +1,5 @@
-import { i as isServer } from "../chunks/isServer.BAlEcRRr.js";
-import { ref, computed, inject, getCurrentInstance } from "vue";
+import { isServer } from "@maz-ui/utils/helpers/isServer";
+import { ref, computed, inject, watch, getCurrentInstance } from "vue";
 import { setCookie } from "../utils/cookie-storage.js";
 import { generateCSS, injectCSS, CSS_ID } from "../utils/css-generator.js";
 import { getPreset } from "../utils/get-preset.js";
@@ -33,11 +33,14 @@ function setColorMode(colorMode2) {
 function toggleDarkMode() {
   setColorMode(isDark.value ? "light" : "dark");
 }
+let stopInjectedWatch;
 function setThemeStateFromGlobalProperties() {
-  themeState.value = void 0;
+  themeState.value = void 0, stopInjectedWatch?.(), stopInjectedWatch = void 0;
   try {
     const injectedState = inject("mazThemeState", void 0);
-    if (themeState.value = injectedState?.value, !themeState.value)
+    if (themeState.value = injectedState?.value, injectedState && (stopInjectedWatch = watch(injectedState, (newState) => {
+      newState && (themeState.value = newState);
+    }, { deep: !0 })), !themeState.value)
       throw new Error("mazThemeState not found");
   } catch {
     const instance = getCurrentInstance();
@@ -45,8 +48,13 @@ function setThemeStateFromGlobalProperties() {
   }
 }
 function useTheme() {
-  if (isServer() && (themeState.value = void 0), themeState.value || setThemeStateFromGlobalProperties(), !themeState.value)
-    throw new Error("[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin before using useTheme composable");
+  isServer() && (themeState.value = void 0);
+  try {
+    if (themeState.value || setThemeStateFromGlobalProperties(), !themeState.value)
+      throw new Error("[@maz-ui/themes] no theme state found");
+  } catch {
+    throw new Error("[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin, or wrap your components in a MazUiProvider, before using useTheme composable");
+  }
   return {
     /**
      * Current theme preset

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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,12 @@
+export * from './build';
+export * from './composables/useTheme';
+export * from './define-preset';
+export * from './plugin';
+export * from './presets';
+export * from './types';
+export * from './utils/color-utils';
+export * from './utils/css-generator';
+export * from './utils/inject-theme-css';
+export * from './utils/preset-merger';
+export * from './utils/setup-theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"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,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -4,7 +4,9 @@ import { definePreset } from "./define-preset.js";
 import { MazUiTheme } from "./plugin.js";
 import { adjustColorLightness, formatHSL, generateColorScale, getContrastColor, parseHSL } from "./utils/color-utils.js";
 import { CSS_ID, generateCSS, injectCSS, removeCSS } from "./utils/css-generator.js";
+import { injectThemeCSS } from "./utils/inject-theme-css.js";
 import { deepMerge, mergePresets } from "./utils/preset-merger.js";
+import { defaultOptions, setupTheme } from "./utils/setup-theme.js";
 import { mazUi } from "./presets/mazUi.js";
 import { obsidian } from "./presets/obsidian.js";
 import { ocean } from "./presets/ocean.js";
@@ -17,6 +19,7 @@ export {
   buildThemeCSS,
   createThemeStylesheet,
   deepMerge,
+  defaultOptions,
   definePreset,
   formatHSL,
   generateCSS,
@@ -24,6 +27,7 @@ export {
   generateThemeBundle,
   getContrastColor,
   injectCSS,
+  injectThemeCSS,
   mazUi,
   mergePresets,
   obsidian,
@@ -31,5 +35,6 @@ export {
   parseHSL,
   pristine,
   removeCSS,
+  setupTheme,
   useTheme
 };

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAItD,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;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAKlD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;KAChC;CACF"}

package/dist/plugin.js

@@ -1,133 +1,9 @@
-import { i as isServer } from "./chunks/isServer.BAlEcRRr.js";
-import { ref, onMounted, computed, toValue, watch, nextTick } from "vue";
-import { generateCSS, injectCSS, CSS_ID } from "./utils/css-generator.js";
-import { getSavedColorMode, getSystemColorMode, getColorMode } from "./utils/get-color-mode.js";
-import { updateDocumentClass } from "./utils/update-document-class.js";
-import { getPreset } from "./utils/get-preset.js";
-import { mergePresets } from "./utils/preset-merger.js";
-function isClient() {
-  return typeof document < "u";
-}
-function truthyFilter(value) {
-  return !!value;
-}
-function useMutationObserver(target, callback, options = {}) {
-  const {
-    internalWindow = isClient() ? globalThis : void 0,
-    ...mutationOptions
-  } = options;
-  let observer;
-  const isSupported = ref((internalWindow && "MutationObserver" in internalWindow) ?? !1);
-  isSupported.value || onMounted(() => {
-    isSupported.value = (internalWindow && "MutationObserver" in internalWindow) ?? !1;
-  });
-  const cleanup = () => {
-    observer && (observer.disconnect(), observer = void 0);
-  }, targets = computed(() => {
-    const value = toValue(target);
-    let element;
-    return value && "$el" in value ? element = value.$el : value && (element = value), new Set([element].filter(truthyFilter));
-  }), stopWatch = watch(
-    [targets, isSupported],
-    ([newTargets, isSupported2]) => {
-      cleanup(), isSupported2 && newTargets.size && (observer = new MutationObserver(callback), newTargets.forEach((el) => observer?.observe(el, mutationOptions)));
-    },
-    { immediate: !0, flush: "post" }
-  );
-  return {
-    isSupported,
-    stop: () => {
-      stopWatch(), cleanup();
-    },
-    takeRecords: () => observer?.takeRecords()
-  };
-}
-function injectThemeCSS(finalPreset, config) {
-  if (typeof document > "u")
-    return;
-  const cssOptions = {
-    mode: config.mode,
-    darkSelectorStrategy: config.darkModeStrategy,
-    darkClass: config.darkClass
-  };
-  if (config.injectCriticalCSS) {
-    const criticalCSS = generateCSS(finalPreset, {
-      ...cssOptions,
-      onlyCritical: !0
-    });
-    injectCSS(CSS_ID, criticalCSS);
-  }
-  if (!config.injectFullCSS)
-    return;
-  const fullCSS = generateCSS(finalPreset, cssOptions);
-  config.strategy === "runtime" ? injectCSS(CSS_ID, fullCSS) : config.strategy === "hybrid" && (typeof requestIdleCallback < "u" ? requestIdleCallback(() => {
-    injectCSS(CSS_ID, fullCSS);
-  }, { timeout: 100 }) : nextTick(() => {
-    injectCSS(CSS_ID, fullCSS);
-  }));
-}
-function injectThemeState(app, themeState) {
-  app.provide("mazThemeState", themeState), app.config.globalProperties.$mazThemeState = themeState;
-}
-function watchColorSchemeFromMedia(themeState) {
-  if (!isServer()) {
-    if (themeState.value && themeState.value.colorMode === "auto") {
-      const mediaQuery = globalThis.matchMedia("(prefers-color-scheme: dark)"), updateFromMedia = () => {
-        if (themeState.value.colorMode === "auto") {
-          const newColorMode = mediaQuery.matches ? "dark" : "light";
-          updateDocumentClass(newColorMode === "dark", themeState.value), themeState.value.isDark = newColorMode === "dark";
-        }
-      };
-      mediaQuery.addEventListener("change", updateFromMedia);
-    }
-    watch(() => themeState.value.colorMode, (colorMode) => {
-      updateDocumentClass(
-        colorMode === "auto" ? getSystemColorMode() === "dark" : colorMode === "dark",
-        themeState.value
-      );
-    });
-  }
-}
-function watchMutationClassOnHtmlElement(themeState) {
-  isServer() || useMutationObserver(
-    document.documentElement,
-    () => {
-      if (isServer() || !themeState.value)
-        return;
-      const activeColorMode = document.documentElement.classList.contains(themeState.value.darkClass) ? "dark" : "light";
-      themeState.value.isDark = activeColorMode === "dark", themeState.value.colorMode !== activeColorMode && themeState.value.colorMode !== "auto" && (themeState.value.colorMode = activeColorMode);
-    },
-    {
-      attributes: !0
-    }
-  );
-}
+import { setupTheme } from "./utils/setup-theme.js";
+import { injectThemeState } from "./utils/inject.js";
 const MazUiTheme = {
   async install(app, options) {
-    const config = {
-      strategy: "hybrid",
-      overrides: {},
-      darkModeStrategy: "class",
-      preset: void 0,
-      injectCriticalCSS: !0,
-      injectFullCSS: !0,
-      mode: "both",
-      darkClass: "dark",
-      ...options,
-      colorMode: getSavedColorMode() ?? options.colorMode ?? (options.mode === "dark" ? "dark" : "auto")
-    }, isDark = config.colorMode === "auto" && config.mode === "both" ? getSystemColorMode() === "dark" || getColorMode(config.colorMode) === "dark" : getColorMode(config.colorMode) === "dark" || config.mode === "dark", themeState = ref({
-      strategy: config.strategy,
-      darkClass: config.darkClass,
-      darkModeStrategy: config.darkModeStrategy,
-      colorMode: config.colorMode,
-      mode: config.mode,
-      preset: void 0,
-      // @ts-expect-error _isDark is a private property
-      isDark: options._isDark || isDark
-    });
-    injectThemeState(app, themeState), updateDocumentClass(themeState.value.isDark, themeState.value);
-    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.value.preset = finalPreset), !(config.strategy === "buildtime" || !finalPreset) && (injectThemeCSS(finalPreset, config), watchColorSchemeFromMedia(themeState), watchMutationClassOnHtmlElement(themeState));
+    const { themeState } = await setupTheme(options);
+    injectThemeState({ app, themeState });
   }
 };
 export {

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/presets/mazUi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mazUi.d.ts","sourceRoot":"","sources":["../../src/presets/mazUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,KAAK,EAAE,WA0DnB,CAAA"}

package/dist/presets/obsidian.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"obsidian.d.ts","sourceRoot":"","sources":["../../src/presets/obsidian.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,QAAQ,EAAE,WA2DtB,CAAA"}

package/dist/presets/ocean.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ocean.d.ts","sourceRoot":"","sources":["../../src/presets/ocean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,KAAK,EAAE,WA0DnB,CAAA"}

package/dist/presets/pristine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pristine.d.ts","sourceRoot":"","sources":["../../src/presets/pristine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,QAAQ,EAAE,WA0DtB,CAAA"}

package/dist/types/index.d.ts

@@ -1,10 +1,191 @@
-export * from './build';
-export * from './composables/useTheme';
-export * from './define-preset';
-export * from './plugin';
-export * from './presets';
-export * from './types';
-export * from './utils/color-utils';
-export * from './utils/css-generator';
-export * from './utils/preset-merger';
+export type HSL = `${number} ${number}% ${number}%`;
+export type SizeUnit = `${number}${'rem' | 'px' | 'em' | 'vw' | 'vh' | 'vmin' | 'vmax' | '%'}`;
+export interface ThemeColors {
+    'background': HSL;
+    'foreground': HSL;
+    'primary': HSL;
+    'primary-foreground': HSL;
+    'secondary': HSL;
+    'secondary-foreground': HSL;
+    'accent': HSL;
+    'accent-foreground': HSL;
+    'info': HSL;
+    'info-foreground': HSL;
+    'contrast': HSL;
+    'contrast-foreground': HSL;
+    'destructive': HSL;
+    'destructive-foreground': HSL;
+    'success': HSL;
+    'success-foreground': HSL;
+    'warning': HSL;
+    'warning-foreground': HSL;
+    'overlay': HSL;
+    'muted': HSL;
+    'border': HSL;
+    'shadow': HSL;
+}
+export interface ThemeFoundation {
+    'base-font-size'?: SizeUnit;
+    'radius': SizeUnit;
+    'border-width': SizeUnit;
+    'font-family'?: string;
+}
+export interface ThemePresetOverrides {
+    /**
+     * Theme name
+     * @default undefined
+     */
+    name?: string;
+    /**
+     * Theme colors
+     * @default undefined
+     */
+    colors?: {
+        light?: Partial<ThemeColors>;
+        dark?: Partial<ThemeColors>;
+    };
+    /**
+     * Theme foundation
+     * @default undefined
+     */
+    foundation?: Partial<ThemeFoundation>;
+}
+export interface ThemePreset {
+    /**
+     * Theme name
+     */
+    name: string;
+    colors: {
+        light: ThemeColors;
+        dark: ThemeColors;
+    };
+    foundation: ThemeFoundation;
+}
+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';
+interface BaseThemeConfig {
+    /**
+     * CSS variables prefix
+     * @description Prefix for CSS variables
+     * @default 'maz'
+     * @private
+     */
+    prefix?: string;
+    /**
+     * Theme preset to use - Optional if you use buildtime strategy
+     * @description Can be a predefined preset name or a custom preset object
+     * @default undefined
+     */
+    preset?: ThemePreset;
+    /**
+     * Custom preset overrides
+     * @description Allows customizing specific parts of the preset without redefining it entirely
+     * @default undefined
+     */
+    overrides?: ThemePresetOverrides;
+    /**
+     * CSS generation strategy
+     * @description
+     * - `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'
+     */
+    strategy?: Strategy;
+    /**
+     * Dark mode class
+     * @description Class added to the document root when dark mode is active
+     * @default 'dark'
+     */
+    darkClass?: string;
+    /**
+     * Dark mode handling
+     * @description
+     * - `class`: Dark mode activated with `.dark` class
+     * - `media`: Dark mode based on `prefers-color-scheme` (automatic detection of system preferences)
+     * @default 'class'
+     */
+    darkModeStrategy?: DarkModeStrategy;
+    /**
+     * Initial color mode to use
+     * @description
+     * - `light`: Light mode
+     * - `dark`: Dark mode
+     * - `auto`: Automatic detection of system preferences
+     * @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 type ThemeConfig = (BaseThemeConfig & {
+    strategy?: Exclude<Strategy, 'buildtime'>;
+}) | (Omit<BaseThemeConfig, 'preset'> & {
+    preset?: ThemePreset;
+    strategy: 'buildtime';
+});
+export interface ColorScale {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+}
+export interface ThemeState {
+    /**
+     * Current preset
+     * @description The preset used
+     */
+    preset?: ThemePreset;
+    /**
+     * Color mode
+     * @description The color mode chosen
+     * @values 'light', 'dark', 'auto'
+     */
+    colorMode: ColorMode;
+    /**
+     * Whether the current color mode is dark
+     */
+    isDark: boolean;
+    /**
+     * Theme mode
+     * @description The theme mode chosen
+     * @values 'light', 'dark', 'both'
+     */
+    mode: ThemeMode;
+    /**
+     * CSS generation strategy
+     * @description The strategy used to generate CSS
+     * @values 'runtime', 'buildtime', 'hybrid'
+     */
+    strategy: Strategy;
+    /**
+     * Dark mode strategy
+     * @description The strategy used to handle dark mode
+     * @values 'class', 'media'
+     */
+    darkModeStrategy: DarkModeStrategy;
+    /**
+     * Dark class
+     * @description The class added to the document root when dark mode is active
+     */
+    darkClass: string;
+}
+export {};
 //# sourceMappingURL=index.d.ts.map

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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,MAAM,KAAK,MAAM,GAAG,CAAA;AACnD,MAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAA;AAE9F,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,GAAG,CAAA;IACjB,YAAY,EAAE,GAAG,CAAA;IACjB,SAAS,EAAE,GAAG,CAAA;IACd,oBAAoB,EAAE,GAAG,CAAA;IACzB,WAAW,EAAE,GAAG,CAAA;IAChB,sBAAsB,EAAE,GAAG,CAAA;IAC3B,QAAQ,EAAE,GAAG,CAAA;IACb,mBAAmB,EAAE,GAAG,CAAA;IACxB,MAAM,EAAE,GAAG,CAAA;IACX,iBAAiB,EAAE,GAAG,CAAA;IACtB,UAAU,EAAE,GAAG,CAAA;IACf,qBAAqB,EAAE,GAAG,CAAA;IAC1B,aAAa,EAAE,GAAG,CAAA;IAClB,wBAAwB,EAAE,GAAG,CAAA;IAC7B,SAAS,EAAE,GAAG,CAAA;IACd,oBAAoB,EAAE,GAAG,CAAA;IACzB,SAAS,EAAE,GAAG,CAAA;IACd,oBAAoB,EAAE,GAAG,CAAA;IACzB,SAAS,EAAE,GAAG,CAAA;IACd,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,GAAG,CAAA;IACb,QAAQ,EAAE,GAAG,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,QAAQ,CAAA;IAC3B,QAAQ,EAAE,QAAQ,CAAA;IAClB,cAAc,EAAE,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;QAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC5B,CAAA;IAED;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE;QACN,KAAK,EAAE,WAAW,CAAA;QAClB,IAAI,EAAE,WAAW,CAAA;KAClB,CAAA;IACD,UAAU,EAAE,eAAe,CAAA;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEpF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;AAEzD,UAAU,eAAe;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAEhC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IAEnC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,MAAM,WAAW,GACjB,CAAC,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;CAAE,CAAC,GACjE,CAAC,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,EAAE,WAAW,CAAA;CACtB,CAAC,CAAA;AAEN,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;;;OAIG;IACH,SAAS,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,IAAI,EAAE,SAAS,CAAA;IACf;;;;OAIG;IACH,QAAQ,EAAE,QAAQ,CAAA;IAClB;;;;OAIG;IACH,gBAAgB,EAAE,gBAAgB,CAAA;IAClC;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB"}

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

@@ -0,0 +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;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/utils/cookie-storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-storage.d.ts","sourceRoot":"","sources":["../../src/utils/cookie-storage.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAUpD;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAK1D"}

package/dist/utils/cookie-storage.js

@@ -1,4 +1,4 @@
-import { i as isServer } from "../chunks/isServer.BAlEcRRr.js";
+import { isServer } from "@maz-ui/utils/helpers/isServer";
 function getCookie(key) {
   if (isServer())
     return null;

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

@@ -0,0 +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,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAItG,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gFAAgF;IAChF,cAAc,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,CAAA;IACtC,qFAAqF;IACrF,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;IACf,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,sBAAsB;IACtB,SAAS,EAAE,MAAM,CAAA;CAClB;AAmCD,wBAAgB,WAAW,CACzB,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,UAKR,GACA,MAAM,CAwCR;AA0KD,eAAO,MAAM,MAAM,kBAAkB,CAAA;AAErC,wBAAgB,SAAS,CAAC,EAAE,oBAAS,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CA2BxD;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAS3C"}

package/dist/utils/css-generator.js

@@ -1,4 +1,4 @@
-import { i as isServer } from "../chunks/isServer.BAlEcRRr.js";
+import { isServer } from "@maz-ui/utils/helpers/isServer";
 import { generateColorScale } from "./color-utils.js";
 const DEFAULT_CRITICAL_COLORS = [
   "background",

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

@@ -0,0 +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;AAIzC,wBAAgB,iBAAiB,IAAI,SAAS,GAAG,SAAS,CAOzD;AAED,wBAAgB,YAAY,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAW7D;AAED,wBAAgB,kBAAkB,qBAMjC"}

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

@@ -1,4 +1,4 @@
-import { i as isServer } from "../chunks/isServer.BAlEcRRr.js";
+import { isServer } from "@maz-ui/utils/helpers/isServer";
 import { getCookie } from "./cookie-storage.js";
 function getSavedColorMode() {
   const savedMode = getCookie("maz-color-mode");

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

@@ -0,0 +1 @@
+{"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/{types/utils → utils}/index.d.ts

@@ -2,7 +2,10 @@ export * from './color-utils';
 export * from './cookie-storage';
 export * from './css-generator';
 export * from './get-preset';
+export * from './inject';
+export * from './inject-theme-css';
 export * from './no-transition';
 export * from './preset-merger';
+export * from './setup-theme';
 export * from './update-document-class';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,yBAAyB,CAAA"}

package/dist/utils/index.js

@@ -2,13 +2,17 @@ import { adjustColorLightness, formatHSL, generateColorScale, getContrastColor,
 import { getCookie, setCookie } from "./cookie-storage.js";
 import { CSS_ID, generateCSS, injectCSS, removeCSS } from "./css-generator.js";
 import { getPreset, isPresetObject } from "./get-preset.js";
+import { injectThemeState } from "./inject.js";
+import { injectThemeCSS } from "./inject-theme-css.js";
 import { noTransition } from "./no-transition.js";
 import { deepMerge, mergePresets } from "./preset-merger.js";
+import { defaultOptions, setupTheme } from "./setup-theme.js";
 import { updateDocumentClass } from "./update-document-class.js";
 export {
   CSS_ID,
   adjustColorLightness,
   deepMerge,
+  defaultOptions,
   formatHSL,
   generateCSS,
   generateColorScale,
@@ -16,11 +20,14 @@ export {
   getCookie,
   getPreset,
   injectCSS,
+  injectThemeCSS,
+  injectThemeState,
   isPresetObject,
   mergePresets,
   noTransition,
   parseHSL,
   removeCSS,
   setCookie,
+  setupTheme,
   updateDocumentClass
 };

package/dist/utils/inject-theme-css.d.ts

@@ -0,0 +1,4 @@
+import { MazUiThemeOptions } from '../plugin';
+import { ThemePreset } from '../types';
+export declare function injectThemeCSS(finalPreset: ThemePreset, config: Required<Omit<MazUiThemeOptions, 'preset'>> & Pick<MazUiThemeOptions, 'preset'>): void;
+//# sourceMappingURL=inject-theme-css.d.ts.map

package/dist/utils/inject-theme-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-theme-css.d.ts","sourceRoot":"","sources":["../../src/utils/inject-theme-css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAK3C,wBAAgB,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAuC/I"}

package/dist/utils/inject-theme-css.js

@@ -0,0 +1,29 @@
+import { nextTick } from "vue";
+import { generateCSS, injectCSS, CSS_ID } from "./css-generator.js";
+function injectThemeCSS(finalPreset, config) {
+  if (typeof document > "u")
+    return;
+  const cssOptions = {
+    mode: config.mode,
+    darkSelectorStrategy: config.darkModeStrategy,
+    darkClass: config.darkClass
+  };
+  if (config.injectCriticalCSS) {
+    const criticalCSS = generateCSS(finalPreset, {
+      ...cssOptions,
+      onlyCritical: !0
+    });
+    injectCSS(CSS_ID, criticalCSS);
+  }
+  if (!config.injectFullCSS)
+    return;
+  const fullCSS = generateCSS(finalPreset, cssOptions);
+  config.strategy === "runtime" ? injectCSS(CSS_ID, fullCSS) : config.strategy === "hybrid" && (typeof requestIdleCallback < "u" ? requestIdleCallback(() => {
+    injectCSS(CSS_ID, fullCSS);
+  }, { timeout: 100 }) : nextTick(() => {
+    injectCSS(CSS_ID, fullCSS);
+  }));
+}
+export {
+  injectThemeCSS
+};

package/dist/utils/inject.d.ts

@@ -0,0 +1,7 @@
+import { App, Ref } from 'vue';
+import { ThemeState } from '../types';
+export declare function injectThemeState({ app, themeState, }: {
+    app?: App;
+    themeState: Ref<ThemeState>;
+}): void;
+//# sourceMappingURL=inject.d.ts.map

package/dist/utils/inject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.d.ts","sourceRoot":"","sources":["../../src/utils/inject.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,UAAU,GACX,EAAE;IACD,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;CAC5B,QAOA"}

package/dist/utils/inject.js

@@ -0,0 +1,11 @@
+function injectThemeState({
+  app,
+  themeState
+}) {
+  if (!app)
+    throw new Error("[@maz-ui/themes](injectThemeState) No app provided");
+  app.provide("mazThemeState", themeState), app.config.globalProperties.$mazThemeState = themeState;
+}
+export {
+  injectThemeState
+};

package/dist/utils/no-transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-transition.d.ts","sourceRoot":"","sources":["../../src/utils/no-transition.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI,QAmB1C"}