@maz-ui/themes 4.7.4 → 4.7.6-beta.0

package/dist/build/index.js

@@ -1,58 +1 @@
-import { generateCSS } from "../utils/css-generator.js";
-function buildThemeCSS(options) {
-  const {
-    preset,
-    mode = "both",
-    darkSelector = "class",
-    prefix = "maz",
-    darkClass = "dark",
-    criticalOnly = !1
-  } = options, cssOptions = {
-    mode,
-    darkSelectorStrategy: darkSelector,
-    prefix,
-    darkClass
-  }, criticalCSS = generateCSS(preset, { ...cssOptions, onlyCritical: !0 });
-  if (criticalOnly)
-    return criticalCSS;
-  const fullCSS = generateCSS(preset, cssOptions);
-  return `${criticalCSS}
-${fullCSS}`;
-}
-function generateThemeBundle(presets, options = {}) {
-  const {
-    mode = "both",
-    darkSelector = "class",
-    prefix = "maz",
-    criticalOnly = !1
-  } = options;
-  return presets.reduce((bundle, preset) => (bundle[preset.name] = buildThemeCSS({
-    preset,
-    mode,
-    darkSelector,
-    prefix,
-    criticalOnly
-  }), bundle), {});
-}
-function createThemeStylesheet(css, options = {}) {
-  const { id = "maz-theme", media } = options;
-  let styleTag = `<style id="${id}"`;
-  return media && (styleTag += ` media="${media}"`), styleTag += `>
-${css}
-</style>`, styleTag;
-}
-function buildSeparateThemeFiles(preset, options = {}) {
-  const { prefix = "maz", darkSelector = "class", darkClass = "dark" } = options, baseOptions = { prefix, darkSelectorStrategy: darkSelector, darkClass };
-  return {
-    critical: generateCSS(preset, { ...baseOptions, mode: "both", onlyCritical: !0 }),
-    full: generateCSS(preset, { ...baseOptions, mode: "both" }),
-    lightOnly: buildThemeCSS({ preset, mode: "light", ...options }),
-    darkOnly: buildThemeCSS({ preset, mode: "dark", ...options })
-  };
-}
-export {
-  buildSeparateThemeFiles,
-  buildThemeCSS,
-  createThemeStylesheet,
-  generateThemeBundle
-};
+import{generateCSS}from"../utils/css-generator.js";function buildThemeCSS(options){let{preset,mode=`both`,darkSelector=`class`,prefix=`maz`,darkClass=`dark`,criticalOnly=!1}=options;let cssOptions={mode,darkSelectorStrategy:darkSelector,prefix,darkClass};let criticalCSS=generateCSS(preset,{...cssOptions,onlyCritical:!0});return criticalOnly?criticalCSS:`${criticalCSS}\n${generateCSS(preset,cssOptions)}`}function generateThemeBundle(presets,options={}){let{mode=`both`,darkSelector=`class`,prefix=`maz`,criticalOnly=!1}=options;return presets.reduce((bundle,preset)=>(bundle[preset.name]=buildThemeCSS({preset,mode,darkSelector,prefix,criticalOnly}),bundle),{})}function createThemeStylesheet(css,options={}){let{id=`maz-theme`,media}=options;let styleTag=`<style id="${id}"`;return media&&(styleTag+=` media="${media}"`),styleTag+=`>\n${css}\n</style>`,styleTag}function buildSeparateThemeFiles(preset,options={}){let{prefix=`maz`,darkSelector=`class`,darkClass=`dark`}=options;let baseOptions={prefix,darkSelectorStrategy:darkSelector,darkClass};return{critical:generateCSS(preset,{...baseOptions,mode:`both`,onlyCritical:!0}),full:generateCSS(preset,{...baseOptions,mode:`both`}),lightOnly:buildThemeCSS({preset,mode:`light`,...options}),darkOnly:buildThemeCSS({preset,mode:`dark`,...options})}}export{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle};

package/dist/composables/index.js

@@ -1,10 +1 @@
-import "@maz-ui/utils/helpers/isServer";
-import "vue";
-import "../utils/cookie-storage.js";
-import "../utils/css-generator.js";
-import "../utils/get-preset.js";
-import "../utils/preset-merger.js";
-import { useTheme } from "./useTheme.js";
-export {
-  useTheme
-};
+import{useTheme}from"./useTheme.js";export{useTheme};

package/dist/composables/useTheme.js

@@ -1,115 +1 @@
-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";
-import { mergePresets } from "../utils/preset-merger.js";
-const themeState = ref(), colorMode = computed({
-  get: () => themeState.value?.colorMode,
-  set: (mode2) => setColorMode(mode2)
-}), isDark = computed(() => themeState.value?.isDark || !1), strategy = computed(() => themeState.value?.strategy), mode = computed(() => themeState.value?.mode), darkModeStrategy = computed(() => themeState.value?.darkModeStrategy), preset = computed(() => themeState.value?.preset), presetName = computed(() => preset.value?.name);
-async function updateTheme(preset2) {
-  if (!themeState.value)
-    return;
-  const _preset = typeof preset2 == "string" ? await getPreset(preset2) : preset2;
-  if (!_preset || !themeState.value.preset) {
-    console.error("[@maz-ui/themes] No preset found - If you are using the buildtime strategy, you must provide a complete preset");
-    return;
-  }
-  const newPreset = "name" in _preset && _preset.name !== themeState.value.preset.name ? _preset : mergePresets(themeState.value.preset, _preset);
-  if (themeState.value.preset = newPreset, themeState.value.strategy === "runtime" || themeState.value.strategy === "hybrid") {
-    const cssOptions = {
-      mode: themeState.value.mode,
-      darkSelectorStrategy: themeState.value.darkModeStrategy,
-      prefix: "maz",
-      darkClass: themeState.value.darkClass
-    }, fullCSS = generateCSS(newPreset, cssOptions);
-    injectCSS(CSS_ID, fullCSS);
-  }
-}
-function setColorMode(colorMode2) {
-  themeState.value && (themeState.value.colorMode = colorMode2, setCookie("maz-color-mode", colorMode2));
-}
-function toggleDarkMode() {
-  setColorMode(isDark.value ? "light" : "dark");
-}
-let stopInjectedWatch;
-function setThemeStateFromGlobalProperties() {
-  themeState.value = void 0, stopInjectedWatch?.(), stopInjectedWatch = void 0;
-  try {
-    const injectedState = inject("mazThemeState", void 0);
-    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();
-    instance?.appContext?.app?.config?.globalProperties && (themeState.value = instance.appContext.app.config.globalProperties.$mazThemeState.value);
-  }
-}
-function useTheme() {
-  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
-     */
-    preset,
-    /**
-     * Current theme name
-     */
-    presetName,
-    /**
-     * Current color mode
-     * @description The color mode - Can be 'auto', 'dark' or 'light'
-     */
-    colorMode,
-    /**
-     * Whether the current color mode is dark
-     */
-    isDark,
-    /**
-     * Strategy used to apply the theme
-     */
-    strategy,
-    /**
-     * Update the theme
-     * @param preset The new theme preset
-     * @description Update the theme with a new preset or override some tokens
-     */
-    updateTheme,
-    /**
-     * Set the color mode
-     * @description Set the color mode - Can be 'auto', 'dark' or 'light'
-     * @param colorMode The new color mode
-     */
-    setColorMode,
-    /**
-     * Toggle the dark mode
-     * @description Toggle the dark mode
-     */
-    toggleDarkMode,
-    /**
-     * Mode
-     * @description Supported themes - Can be 'both', 'light' or 'dark'
-     */
-    mode,
-    /**
-     * Dark mode strategy
-     * @description Strategy used to apply the dark mode - Can be 'class' or 'media'
-     */
-    darkModeStrategy,
-    /**
-     * @deprecated use `preset` instead
-     */
-    currentPreset: preset
-  };
-}
-export {
-  useTheme
-};
+import{setCookie}from"../utils/cookie-storage.js";import{CSS_ID,generateCSS,injectCSS}from"../utils/css-generator.js";import{getPreset}from"../utils/get-preset.js";import{mergePresets}from"../utils/preset-merger.js";import{isServer}from"@maz-ui/utils/helpers/isServer";import{computed,getCurrentInstance,inject,ref,watch}from"vue";var themeState=ref();var colorMode=computed({get:()=>themeState.value?.colorMode,set:mode=>setColorMode(mode)});var isDark=computed(()=>themeState.value?.isDark||!1);var strategy=computed(()=>themeState.value?.strategy);var mode=computed(()=>themeState.value?.mode);var darkModeStrategy=computed(()=>themeState.value?.darkModeStrategy);var preset=computed(()=>themeState.value?.preset);var presetName=computed(()=>preset.value?.name);async function updateTheme(preset){if(!themeState.value)return;let _preset=typeof preset==`string`?await getPreset(preset):preset;if(!_preset||!themeState.value.preset){console.error(`[@maz-ui/themes] No preset found - If you are using the buildtime strategy, you must provide a complete preset`);return}let newPreset=`name`in _preset&&_preset.name!==themeState.value.preset.name?_preset:mergePresets(themeState.value.preset,_preset);themeState.value.preset=newPreset,(themeState.value.strategy===`runtime`||themeState.value.strategy===`hybrid`)&&injectCSS(CSS_ID,generateCSS(newPreset,{mode:themeState.value.mode,darkSelectorStrategy:themeState.value.darkModeStrategy,prefix:`maz`,darkClass:themeState.value.darkClass}))}function setColorMode(colorMode){themeState.value&&(themeState.value.colorMode=colorMode,setCookie(`maz-color-mode`,colorMode))}function toggleDarkMode(){setColorMode(isDark.value?`light`:`dark`)}var stopInjectedWatch;function setThemeStateFromGlobalProperties(){themeState.value=void 0,stopInjectedWatch?.(),stopInjectedWatch=void 0;try{let injectedState=inject(`mazThemeState`,void 0);if(themeState.value=injectedState?.value,injectedState&&(stopInjectedWatch=watch(injectedState,newState=>{newState&&(themeState.value=newState)},{deep:!0})),!themeState.value)throw Error(`mazThemeState not found`)}catch{let instance=getCurrentInstance();instance?.appContext?.app?.config?.globalProperties&&(themeState.value=instance.appContext.app.config.globalProperties.$mazThemeState.value)}}function useTheme(){isServer()&&(themeState.value=void 0);try{if(themeState.value||setThemeStateFromGlobalProperties(),!themeState.value)throw Error(`[@maz-ui/themes] no theme state found`)}catch{throw Error(`[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin, or wrap your components in a MazUiProvider, before using useTheme composable`)}return{preset,presetName,colorMode,isDark,strategy,updateTheme,setColorMode,toggleDarkMode,mode,darkModeStrategy,currentPreset:preset}}export{useTheme};

package/dist/define-preset.js

@@ -1,11 +1 @@
-import { mergePresets } from "./utils/preset-merger.js";
-import { getPreset } from "./utils/get-preset.js";
-function definePreset({
-  base = "maz-ui",
-  overrides = {}
-}) {
-  return typeof base == "string" ? getPreset(base).then((basePreset) => mergePresets(basePreset, overrides)) : mergePresets(base, overrides);
-}
-export {
-  definePreset
-};
+import{getPreset}from"./utils/get-preset.js";import{mergePresets}from"./utils/preset-merger.js";function definePreset({base=`maz-ui`,overrides={}}){return typeof base==`string`?getPreset(base).then(basePreset=>mergePresets(basePreset,overrides)):mergePresets(base,overrides)}export{definePreset};

package/dist/index.js

@@ -1,40 +1 @@
-import { buildSeparateThemeFiles, buildThemeCSS, createThemeStylesheet, generateThemeBundle } from "./build/index.js";
-import { useTheme } from "./composables/useTheme.js";
-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";
-import { pristine } from "./presets/pristine.js";
-export {
-  CSS_ID,
-  MazUiTheme,
-  adjustColorLightness,
-  buildSeparateThemeFiles,
-  buildThemeCSS,
-  createThemeStylesheet,
-  deepMerge,
-  defaultOptions,
-  definePreset,
-  formatHSL,
-  generateCSS,
-  generateColorScale,
-  generateThemeBundle,
-  getContrastColor,
-  injectCSS,
-  injectThemeCSS,
-  mazUi,
-  mergePresets,
-  obsidian,
-  ocean,
-  parseHSL,
-  pristine,
-  removeCSS,
-  setupTheme,
-  useTheme
-};
+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{MazUiTheme}from"./plugin.js";import{definePreset}from"./define-preset.js";import{pristine}from"./presets/pristine.js";import{ocean}from"./presets/ocean.js";import{obsidian}from"./presets/obsidian.js";import{mazUi}from"./presets/mazUi.js";import{useTheme}from"./composables/useTheme.js";import{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle}from"./build/index.js";import"./presets/index.js";export{CSS_ID,MazUiTheme,adjustColorLightness,buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,deepMerge,defaultOptions,definePreset,formatHSL,generateCSS,generateColorScale,generateThemeBundle,getContrastColor,injectCSS,injectThemeCSS,mazUi,mergePresets,obsidian,ocean,parseHSL,pristine,removeCSS,setupTheme,useTheme};

package/dist/plugin.js

@@ -1,11 +1 @@
-import { setupTheme } from "./utils/setup-theme.js";
-import { injectThemeState } from "./utils/inject.js";
-const MazUiTheme = {
-  install(app, options) {
-    const { themeState } = setupTheme(options);
-    injectThemeState({ app, themeState });
-  }
-};
-export {
-  MazUiTheme
-};
+import{injectThemeState}from"./utils/inject.js";import{setupTheme}from"./utils/setup-theme.js";var MazUiTheme={install(app,options){let{themeState}=setupTheme(options);injectThemeState({app,themeState})}};export{MazUiTheme};

package/dist/presets/index.js

@@ -1,10 +1 @@
-import { mazUi } from "./mazUi.js";
-import { obsidian } from "./obsidian.js";
-import { ocean } from "./ocean.js";
-import { pristine } from "./pristine.js";
-export {
-  mazUi,
-  obsidian,
-  ocean,
-  pristine
-};
+import{pristine}from"./pristine.js";import{ocean}from"./ocean.js";import{obsidian}from"./obsidian.js";import{mazUi}from"./mazUi.js";export{mazUi,obsidian,ocean,pristine};

package/dist/presets/mazUi.js

@@ -1,62 +1 @@
-const mazUi = {
-  name: "maz-ui",
-  foundation: {
-    "base-font-size": "14px",
-    "font-family": "Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-    radius: "0.7rem",
-    "border-width": "1px"
-  },
-  colors: {
-    light: {
-      background: "0 0% 100%",
-      foreground: "210 8% 14%",
-      primary: "210 100% 56%",
-      "primary-foreground": "0 0% 100%",
-      secondary: "272 99% 54%",
-      "secondary-foreground": "0 0% 100%",
-      accent: "164 76% 46%",
-      "accent-foreground": "0 0% 100%",
-      success: "80 61% 50%",
-      "success-foreground": "210 8% 14%",
-      warning: "40 97% 59%",
-      "warning-foreground": "210 8% 14%",
-      destructive: "356.95 95.91% 57.73%",
-      "destructive-foreground": "0 0% 100%",
-      info: "188 78% 41%",
-      "info-foreground": "0 0% 100%",
-      contrast: "235 16% 15%",
-      "contrast-foreground": "255 0% 95%",
-      border: "220 13.04% 90.98%",
-      overlay: "0 0% 40%",
-      muted: "0 0% 54%",
-      shadow: "240 5.9% 10%"
-    },
-    dark: {
-      background: "235 16% 15%",
-      foreground: "0 0% 85%",
-      primary: "210 100% 56%",
-      "primary-foreground": "0 0% 100%",
-      secondary: "272 99% 54%",
-      "secondary-foreground": "0 0% 100%",
-      accent: "164 76% 46%",
-      "accent-foreground": "0 0% 100%",
-      success: "80 61% 50%",
-      "success-foreground": "210 8% 14%",
-      warning: "40 97% 59%",
-      "warning-foreground": "210 8% 14%",
-      destructive: "1 100% 71%",
-      "destructive-foreground": "0 0% 100%",
-      info: "188 78% 41%",
-      "info-foreground": "0 0% 100%",
-      contrast: "0 0% 100%",
-      "contrast-foreground": "210 8% 14%",
-      muted: "255 0% 54%",
-      border: "238 17% 25%",
-      overlay: "0 0% 15%",
-      shadow: "240 3.7% 15.9%"
-    }
-  }
-};
-export {
-  mazUi
-};
+var mazUi={name:`maz-ui`,foundation:{"base-font-size":`14px`,"font-family":`Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`,radius:`0.7rem`,"border-width":`1px`},colors:{light:{background:`0 0% 100%`,foreground:`210 8% 14%`,primary:`210 100% 56%`,"primary-foreground":`0 0% 100%`,secondary:`272 99% 54%`,"secondary-foreground":`0 0% 100%`,accent:`164 76% 46%`,"accent-foreground":`0 0% 100%`,success:`80 61% 50%`,"success-foreground":`210 8% 14%`,warning:`40 97% 59%`,"warning-foreground":`210 8% 14%`,destructive:`356.95 95.91% 57.73%`,"destructive-foreground":`0 0% 100%`,info:`188 78% 41%`,"info-foreground":`0 0% 100%`,contrast:`235 16% 15%`,"contrast-foreground":`255 0% 95%`,border:`220 13.04% 90.98%`,overlay:`0 0% 40%`,muted:`0 0% 54%`,shadow:`240 5.9% 10%`},dark:{background:`235 16% 15%`,foreground:`0 0% 85%`,primary:`210 100% 56%`,"primary-foreground":`0 0% 100%`,secondary:`272 99% 54%`,"secondary-foreground":`0 0% 100%`,accent:`164 76% 46%`,"accent-foreground":`0 0% 100%`,success:`80 61% 50%`,"success-foreground":`210 8% 14%`,warning:`40 97% 59%`,"warning-foreground":`210 8% 14%`,destructive:`1 100% 71%`,"destructive-foreground":`0 0% 100%`,info:`188 78% 41%`,"info-foreground":`0 0% 100%`,contrast:`0 0% 100%`,"contrast-foreground":`210 8% 14%`,muted:`255 0% 54%`,border:`238 17% 25%`,overlay:`0 0% 15%`,shadow:`240 3.7% 15.9%`}}};export{mazUi};

package/dist/presets/obsidian.js

@@ -1,65 +1 @@
-const obsidian = {
-  name: "obsidian",
-  foundation: {
-    "base-font-size": "14px",
-    radius: "0.6rem",
-    "border-width": "1px",
-    "font-family": "'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
-  },
-  colors: {
-    light: {
-      // On reste très sobre même en light mode, légèrement warm
-      background: "0 0% 98%",
-      foreground: "220 13% 15%",
-      primary: "220 100% 60%",
-      "primary-foreground": "0 0% 100%",
-      contrast: "220 13% 15%",
-      "contrast-foreground": "0 0% 100%",
-      secondary: "220 13% 90%",
-      "secondary-foreground": "220 13% 15%",
-      muted: "220 8% 50%",
-      accent: "280 100% 65%",
-      // une touche violet Linear-esque
-      "accent-foreground": "0 0% 100%",
-      destructive: "0 75% 55%",
-      "destructive-foreground": "0 0% 100%",
-      success: "160 60% 40%",
-      "success-foreground": "0 0% 100%",
-      warning: "40 100% 50%",
-      "warning-foreground": "0 0% 100%",
-      info: "200 100% 55%",
-      "info-foreground": "0 0% 100%",
-      border: "220 13% 90%",
-      overlay: "220 13% 15%",
-      shadow: "220 10% 20%"
-    },
-    dark: {
-      background: "220 13% 10%",
-      foreground: "0 0% 95%",
-      primary: "220 100% 70%",
-      "primary-foreground": "0 0% 10%",
-      contrast: "0 0% 100%",
-      "contrast-foreground": "220 13% 10%",
-      secondary: "220 13% 18%",
-      "secondary-foreground": "0 0% 95%",
-      muted: "220 8% 60%",
-      accent: "280 100% 65%",
-      // violet saturé (Linear)
-      "accent-foreground": "0 0% 100%",
-      destructive: "0 70% 60%",
-      "destructive-foreground": "0 0% 100%",
-      success: "160 60% 50%",
-      "success-foreground": "0 0% 100%",
-      warning: "40 100% 55%",
-      "warning-foreground": "0 0% 100%",
-      info: "200 100% 60%",
-      "info-foreground": "0 0% 100%",
-      border: "220 13% 20%",
-      overlay: "220 13% 10%",
-      shadow: "220 10% 5%"
-    }
-  }
-};
-export {
-  obsidian
-};
+var obsidian={name:`obsidian`,foundation:{"base-font-size":`14px`,radius:`0.6rem`,"border-width":`1px`,"font-family":`'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`},colors:{light:{background:`0 0% 98%`,foreground:`220 13% 15%`,primary:`220 100% 60%`,"primary-foreground":`0 0% 100%`,contrast:`220 13% 15%`,"contrast-foreground":`0 0% 100%`,secondary:`220 13% 90%`,"secondary-foreground":`220 13% 15%`,muted:`220 8% 50%`,accent:`280 100% 65%`,"accent-foreground":`0 0% 100%`,destructive:`0 75% 55%`,"destructive-foreground":`0 0% 100%`,success:`160 60% 40%`,"success-foreground":`0 0% 100%`,warning:`40 100% 50%`,"warning-foreground":`0 0% 100%`,info:`200 100% 55%`,"info-foreground":`0 0% 100%`,border:`220 13% 90%`,overlay:`220 13% 15%`,shadow:`220 10% 20%`},dark:{background:`220 13% 10%`,foreground:`0 0% 95%`,primary:`220 100% 70%`,"primary-foreground":`0 0% 10%`,contrast:`0 0% 100%`,"contrast-foreground":`220 13% 10%`,secondary:`220 13% 18%`,"secondary-foreground":`0 0% 95%`,muted:`220 8% 60%`,accent:`280 100% 65%`,"accent-foreground":`0 0% 100%`,destructive:`0 70% 60%`,"destructive-foreground":`0 0% 100%`,success:`160 60% 50%`,"success-foreground":`0 0% 100%`,warning:`40 100% 55%`,"warning-foreground":`0 0% 100%`,info:`200 100% 60%`,"info-foreground":`0 0% 100%`,border:`220 13% 20%`,overlay:`220 13% 10%`,shadow:`220 10% 5%`}}};export{obsidian};

package/dist/presets/ocean.js

@@ -1,63 +1 @@
-const ocean = {
-  name: "ocean",
-  foundation: {
-    "base-font-size": "16px",
-    radius: "1rem",
-    "border-width": "0.125rem",
-    "font-family": "'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
-  },
-  colors: {
-    light: {
-      background: "200 40% 98%",
-      foreground: "210 20% 12%",
-      primary: "195 60% 45%",
-      "primary-foreground": "0 0% 100%",
-      contrast: "210 20% 12%",
-      "contrast-foreground": "200 40% 98%",
-      secondary: "180 35% 92%",
-      "secondary-foreground": "210 20% 12%",
-      muted: "200 15% 55%",
-      accent: "25 60% 70%",
-      // plus doux, légèrement pêche pastel
-      "accent-foreground": "210 20% 12%",
-      destructive: "5 65% 50%",
-      "destructive-foreground": "0 0% 100%",
-      success: "160 50% 38%",
-      "success-foreground": "0 0% 100%",
-      warning: "35 60% 55%",
-      "warning-foreground": "210 20% 12%",
-      info: "190 60% 50%",
-      "info-foreground": "0 0% 100%",
-      border: "180 25% 85%",
-      overlay: "210 20% 12%",
-      shadow: "195 20% 25%"
-    },
-    dark: {
-      background: "210 20% 10%",
-      foreground: "180 20% 92%",
-      primary: "180 60% 50%",
-      "primary-foreground": "210 20% 10%",
-      contrast: "180 20% 92%",
-      "contrast-foreground": "210 20% 10%",
-      secondary: "200 30% 18%",
-      "secondary-foreground": "180 20% 92%",
-      muted: "200 10% 60%",
-      accent: "25 50% 65%",
-      "accent-foreground": "210 20% 10%",
-      destructive: "5 60% 55%",
-      "destructive-foreground": "0 0% 100%",
-      success: "160 45% 40%",
-      "success-foreground": "0 0% 100%",
-      warning: "35 55% 55%",
-      "warning-foreground": "210 20% 10%",
-      info: "190 50% 55%",
-      "info-foreground": "0 0% 100%",
-      border: "200 20% 25%",
-      overlay: "210 20% 10%",
-      shadow: "195 10% 5%"
-    }
-  }
-};
-export {
-  ocean
-};
+var ocean={name:`ocean`,foundation:{"base-font-size":`16px`,radius:`1rem`,"border-width":`0.125rem`,"font-family":`'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`},colors:{light:{background:`200 40% 98%`,foreground:`210 20% 12%`,primary:`195 60% 45%`,"primary-foreground":`0 0% 100%`,contrast:`210 20% 12%`,"contrast-foreground":`200 40% 98%`,secondary:`180 35% 92%`,"secondary-foreground":`210 20% 12%`,muted:`200 15% 55%`,accent:`25 60% 70%`,"accent-foreground":`210 20% 12%`,destructive:`5 65% 50%`,"destructive-foreground":`0 0% 100%`,success:`160 50% 38%`,"success-foreground":`0 0% 100%`,warning:`35 60% 55%`,"warning-foreground":`210 20% 12%`,info:`190 60% 50%`,"info-foreground":`0 0% 100%`,border:`180 25% 85%`,overlay:`210 20% 12%`,shadow:`195 20% 25%`},dark:{background:`210 20% 10%`,foreground:`180 20% 92%`,primary:`180 60% 50%`,"primary-foreground":`210 20% 10%`,contrast:`180 20% 92%`,"contrast-foreground":`210 20% 10%`,secondary:`200 30% 18%`,"secondary-foreground":`180 20% 92%`,muted:`200 10% 60%`,accent:`25 50% 65%`,"accent-foreground":`210 20% 10%`,destructive:`5 60% 55%`,"destructive-foreground":`0 0% 100%`,success:`160 45% 40%`,"success-foreground":`0 0% 100%`,warning:`35 55% 55%`,"warning-foreground":`210 20% 10%`,info:`190 50% 55%`,"info-foreground":`0 0% 100%`,border:`200 20% 25%`,overlay:`210 20% 10%`,shadow:`195 10% 5%`}}};export{ocean};

package/dist/presets/pristine.js

@@ -1,62 +1 @@
-const pristine = {
-  name: "pristine",
-  foundation: {
-    "base-font-size": "14px",
-    radius: "0.6rem",
-    "border-width": "1px",
-    "font-family": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
-  },
-  colors: {
-    light: {
-      background: "0 0% 99%",
-      foreground: "0 0% 10%",
-      primary: "220 10% 15%",
-      "primary-foreground": "0 0% 100%",
-      contrast: "0 0% 15%",
-      "contrast-foreground": "0 0% 95%",
-      secondary: "220 10% 92%",
-      "secondary-foreground": "0 0% 10%",
-      muted: "0 0% 60%",
-      accent: "210 15% 85%",
-      "accent-foreground": "0 0% 10%",
-      destructive: "0 70% 50%",
-      "destructive-foreground": "0 0% 100%",
-      success: "140 40% 45%",
-      "success-foreground": "0 0% 100%",
-      warning: "35 80% 55%",
-      "warning-foreground": "0 0% 10%",
-      info: "200 80% 50%",
-      "info-foreground": "0 0% 100%",
-      border: "220 10% 92%",
-      overlay: "0 0% 10%",
-      shadow: "0 0% 0%"
-    },
-    dark: {
-      background: "0 0% 10%",
-      foreground: "0 0% 95%",
-      primary: "0 0% 95%",
-      "primary-foreground": "0 0% 10%",
-      contrast: "220 10% 92%",
-      "contrast-foreground": "0 0% 10%",
-      secondary: "0 0% 18%",
-      "secondary-foreground": "0 0% 95%",
-      muted: "0 0% 60%",
-      accent: "210 15% 25%",
-      "accent-foreground": "0 0% 95%",
-      destructive: "0 70% 55%",
-      "destructive-foreground": "0 0% 100%",
-      success: "140 40% 45%",
-      "success-foreground": "0 0% 100%",
-      warning: "35 80% 55%",
-      "warning-foreground": "0 0% 10%",
-      info: "200 80% 55%",
-      "info-foreground": "0 0% 100%",
-      border: "0 0% 18%",
-      overlay: "0 0% 10%",
-      shadow: "0 0% 0%"
-    }
-  }
-};
-export {
-  pristine
-};
+var pristine={name:`pristine`,foundation:{"base-font-size":`14px`,radius:`0.6rem`,"border-width":`1px`,"font-family":`-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`},colors:{light:{background:`0 0% 99%`,foreground:`0 0% 10%`,primary:`220 10% 15%`,"primary-foreground":`0 0% 100%`,contrast:`0 0% 15%`,"contrast-foreground":`0 0% 95%`,secondary:`220 10% 92%`,"secondary-foreground":`0 0% 10%`,muted:`0 0% 60%`,accent:`210 15% 85%`,"accent-foreground":`0 0% 10%`,destructive:`0 70% 50%`,"destructive-foreground":`0 0% 100%`,success:`140 40% 45%`,"success-foreground":`0 0% 100%`,warning:`35 80% 55%`,"warning-foreground":`0 0% 10%`,info:`200 80% 50%`,"info-foreground":`0 0% 100%`,border:`220 10% 92%`,overlay:`0 0% 10%`,shadow:`0 0% 0%`},dark:{background:`0 0% 10%`,foreground:`0 0% 95%`,primary:`0 0% 95%`,"primary-foreground":`0 0% 10%`,contrast:`220 10% 92%`,"contrast-foreground":`0 0% 10%`,secondary:`0 0% 18%`,"secondary-foreground":`0 0% 95%`,muted:`0 0% 60%`,accent:`210 15% 25%`,"accent-foreground":`0 0% 95%`,destructive:`0 70% 55%`,"destructive-foreground":`0 0% 100%`,success:`140 40% 45%`,"success-foreground":`0 0% 100%`,warning:`35 80% 55%`,"warning-foreground":`0 0% 10%`,info:`200 80% 55%`,"info-foreground":`0 0% 100%`,border:`0 0% 18%`,overlay:`0 0% 10%`,shadow:`0 0% 0%`}}};export{pristine};

package/dist/utils/color-utils.js

@@ -1,68 +1 @@
-function parseHSL(hsl) {
-  const match = hsl.match(/^(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);
-  if (!match)
-    throw new Error(`Invalid HSL format: ${hsl}`);
-  return {
-    h: Number.parseFloat(match[1]),
-    s: Number.parseFloat(match[2]),
-    l: Number.parseFloat(match[3])
-  };
-}
-function formatHSL(h, s, l) {
-  const roundedH = Math.round(h * 10) / 10, roundedS = Math.round(s * 10) / 10, roundedL = Math.round(l * 10) / 10;
-  return `${roundedH} ${roundedS}% ${roundedL}%`;
-}
-const LUMINOSITY_OFFSETS = {
-  50: 37.5,
-  100: 30,
-  200: 22.5,
-  300: 15,
-  400: 7.5,
-  500: 0,
-  600: -7.5,
-  700: -15,
-  800: -22.5,
-  900: -30,
-  950: -37.5
-};
-function calculateSaturationMultiplier(baseVariant, targetVariant, baseSaturation) {
-  if (targetVariant === baseVariant)
-    return 1;
-  const saturationFactor = Math.min(baseSaturation / 100, 1), variantDiff = Math.abs(targetVariant - baseVariant);
-  if (targetVariant < baseVariant) {
-    const reduction = variantDiff / 500 * 0.25 * saturationFactor;
-    return Math.max(0.3, 1 - reduction);
-  } else {
-    const increase = variantDiff / 400 * 0.15 * saturationFactor;
-    return Math.min(1.3, 1 + increase);
-  }
-}
-function generateColorScale(baseColor) {
-  const { h, s, l } = parseHSL(baseColor), baseVariant = 500, baseLuminosity = l, variants = Object.keys(LUMINOSITY_OFFSETS).map(Number), scale = {};
-  return variants.forEach((variant) => {
-    if (variant === baseVariant)
-      scale[variant] = formatHSL(h, s, l);
-    else {
-      const isUnderBase = variant < baseVariant, isOverBase = variant > baseVariant, luminosityOffset = LUMINOSITY_OFFSETS[variant];
-      let targetLuminosity;
-      isUnderBase && l >= 100 ? targetLuminosity = baseLuminosity : targetLuminosity = baseLuminosity + luminosityOffset, isOverBase && l <= 0 && (targetLuminosity = 0), targetLuminosity = Math.min(100, Math.max(0, targetLuminosity));
-      const saturationMultiplier = calculateSaturationMultiplier(baseVariant, variant, s), adjustedSaturation = Math.min(100, Math.max(5, s * saturationMultiplier));
-      scale[variant] = formatHSL(h, adjustedSaturation, targetLuminosity);
-    }
-  }), scale;
-}
-function getContrastColor(baseColor) {
-  const { l } = parseHSL(baseColor);
-  return l > 50 ? "0 0% 0%" : "0 0% 100%";
-}
-function adjustColorLightness(baseColor, adjustment) {
-  const { h, s, l } = parseHSL(baseColor), newL = Math.max(0, Math.min(100, l + adjustment));
-  return formatHSL(h, s, newL);
-}
-export {
-  adjustColorLightness,
-  formatHSL,
-  generateColorScale,
-  getContrastColor,
-  parseHSL
-};
+function parseHSL(hsl){let match=hsl.match(/^(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);if(!match)throw Error(`Invalid HSL format: ${hsl}`);return{h:Number.parseFloat(match[1]),s:Number.parseFloat(match[2]),l:Number.parseFloat(match[3])}}function formatHSL(h,s,l){return`${Math.round(h*10)/10} ${Math.round(s*10)/10}% ${Math.round(l*10)/10}%`}var LUMINOSITY_OFFSETS={50:37.5,100:30,200:22.5,300:15,400:7.5,500:0,600:-7.5,700:-15,800:-22.5,900:-30,950:-37.5};function calculateSaturationMultiplier(baseVariant,targetVariant,baseSaturation){if(targetVariant===baseVariant)return 1;let saturationFactor=Math.min(baseSaturation/100,1);let variantDiff=Math.abs(targetVariant-baseVariant);if(targetVariant<baseVariant){let reduction=variantDiff/500*.25*saturationFactor;return Math.max(.3,1-reduction)}else{let increase=variantDiff/400*.15*saturationFactor;return Math.min(1.3,1+increase)}}function generateColorScale(baseColor){let{h,s,l}=parseHSL(baseColor);let baseLuminosity=l;let variants=Object.keys(LUMINOSITY_OFFSETS).map(Number);let scale={};return variants.forEach(variant=>{if(variant===500)scale[variant]=formatHSL(h,s,l);else{let isUnderBase=variant<500;let isOverBase=variant>500;let luminosityOffset=LUMINOSITY_OFFSETS[variant];let targetLuminosity;targetLuminosity=isUnderBase&&l>=100?baseLuminosity:baseLuminosity+luminosityOffset,isOverBase&&l<=0&&(targetLuminosity=0),targetLuminosity=Math.min(100,Math.max(0,targetLuminosity));let saturationMultiplier=calculateSaturationMultiplier(500,variant,s);scale[variant]=formatHSL(h,Math.min(100,Math.max(5,s*saturationMultiplier)),targetLuminosity)}}),scale}function getContrastColor(baseColor){let{l}=parseHSL(baseColor);return l>50?`0 0% 0%`:`0 0% 100%`}function adjustColorLightness(baseColor,adjustment){let{h,s,l}=parseHSL(baseColor);return formatHSL(h,s,Math.max(0,Math.min(100,l+adjustment)))}export{adjustColorLightness,formatHSL,generateColorScale,getContrastColor,parseHSL};

package/dist/utils/cookie-storage.js

@@ -1,14 +1 @@
-import { isServer } from "@maz-ui/utils/helpers/isServer";
-function getCookie(key) {
-  if (isServer())
-    return null;
-  const cookie = document.cookie.split(";").find((c) => c.trim().startsWith(`${key}=`));
-  return cookie ? decodeURIComponent(cookie.split("=")[1]) : null;
-}
-function setCookie(key, value) {
-  isServer() || (document.cookie = `${key}=${encodeURIComponent(value)}; path=/; max-age=${3600 * 24 * 365}; SameSite=Lax`);
-}
-export {
-  getCookie,
-  setCookie
-};
+import{isServer}from"@maz-ui/utils/helpers/isServer";function getCookie(key){if(isServer())return null;let cookie=document.cookie.split(`;`).find(c=>c.trim().startsWith(`${key}=`));return cookie?decodeURIComponent(cookie.split(`=`)[1]):null}function setCookie(key,value){isServer()||(document.cookie=`${key}=${encodeURIComponent(value)}; path=/; max-age=${3600*24*365}; SameSite=Lax`)}export{getCookie,setCookie};

package/dist/utils/css-generator.js

@@ -1,181 +1,4 @@
-import { isServer } from "@maz-ui/utils/helpers/isServer";
-import { generateColorScale } from "./color-utils.js";
-const DEFAULT_CRITICAL_COLORS = [
-  "background",
-  "foreground",
-  "primary",
-  "primary-foreground",
-  "secondary",
-  "secondary-foreground",
-  "accent",
-  "accent-foreground",
-  "destructive",
-  "destructive-foreground",
-  "success",
-  "success-foreground",
-  "warning",
-  "warning-foreground",
-  "info",
-  "info-foreground",
-  "contrast",
-  "contrast-foreground",
-  "muted",
-  "shadow",
-  "border"
-], DEFAULT_CRITICAL_FOUNDATION = [
-  "radius",
-  "font-family",
-  "base-font-size",
-  "border-width"
-], scaleColors = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
-function generateCSS(preset, options = {
-  onlyCritical: !1,
-  mode: "both",
-  darkSelectorStrategy: "class",
-  darkClass: "dark"
-}) {
-  const {
-    onlyCritical = !1,
-    criticalColors = DEFAULT_CRITICAL_COLORS,
-    criticalFoundation = DEFAULT_CRITICAL_FOUNDATION,
-    mode,
-    darkSelectorStrategy,
-    prefix = "maz",
-    includeColorScales = !0,
-    darkClass = "dark"
-  } = options;
-  let css = `@layer maz-ui-theme {
-`;
-  return (mode === "light" || mode === "both") && (css += generateLightThemeVariables(preset, {
-    onlyCritical,
-    criticalColors,
-    criticalFoundation,
-    prefix,
-    includeColorScales
-  })), (mode === "dark" || mode === "both") && (css += generateDarkThemeVariables(preset, {
-    onlyCritical,
-    criticalColors,
-    criticalFoundation,
-    mode,
-    darkSelectorStrategy,
-    prefix,
-    includeColorScales,
-    darkClass
-  })), css += `}
-`, css;
-}
-function generateLightThemeVariables(preset, options) {
-  const { onlyCritical, criticalColors, criticalFoundation, prefix, includeColorScales } = options, lightColors = onlyCritical ? extractCriticalVariables(preset.colors.light, criticalColors) : preset.colors.light, lightFoundation = onlyCritical ? extractCriticalFoundation(preset.foundation, criticalFoundation) : preset.foundation;
-  return generateVariablesBlock({
-    selector: ":root",
-    colors: lightColors,
-    foundation: lightFoundation,
-    prefix,
-    includeScales: !onlyCritical && includeColorScales,
-    preset: onlyCritical ? void 0 : preset
-  });
-}
-function generateDarkThemeVariables(preset, options) {
-  const { onlyCritical, criticalColors, criticalFoundation, mode, darkSelectorStrategy, prefix, includeColorScales, darkClass } = options, darkColors = onlyCritical ? extractCriticalVariables(preset.colors.dark, criticalColors) : preset.colors.dark, darkFoundation = getDarkFoundation(onlyCritical, mode, preset.foundation, criticalFoundation);
-  return generateVariablesBlock({
-    selector: darkSelectorStrategy === "media" ? ":root" : `.${darkClass}`,
-    mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
-    colors: darkColors,
-    foundation: darkFoundation,
-    prefix,
-    includeScales: !onlyCritical && includeColorScales,
-    preset: onlyCritical ? void 0 : preset,
-    isDark: !0
-  });
-}
-function getDarkFoundation(onlyCritical, mode, foundation, criticalFoundation) {
-  return onlyCritical ? extractCriticalFoundation(foundation, criticalFoundation) : mode === "dark" ? foundation : void 0;
-}
-function extractCriticalVariables(colors, criticalKeys) {
-  return Object.fromEntries(
-    criticalKeys.filter((key) => colors[key]).map((key) => [key, colors[key]])
-  );
-}
-function extractCriticalFoundation(foundation, criticalKeys) {
-  return foundation ? Object.fromEntries(
-    criticalKeys.filter((key) => foundation[key]).map((key) => [key, foundation[key]])
-  ) : {};
-}
-function generateVariablesBlock({
-  selector,
-  mediaQuery,
-  colors,
-  foundation,
-  prefix,
-  includeScales = !1,
-  preset,
-  isDark = !1
-}) {
-  const variables = [];
-  if (colors && Object.entries(colors).forEach(([key, value]) => {
-    value && variables.push(`  --${prefix}-${key}: ${value};`);
-  }), foundation && Object.entries(foundation).forEach(([key, value]) => {
-    value && variables.push(`  --${prefix}-${key}: ${value};`);
-  }), includeScales && preset) {
-    const sourceColors = isDark ? preset.colors.dark : preset.colors.light, colorScales = generateAllColorScales(sourceColors, prefix);
-    variables.push(...colorScales);
-  }
-  const content = variables.join(`
-`);
-  return mediaQuery ? `
-  ${mediaQuery} {
-    ${selector} {
-${content.replace(/^/gm, "  ")}
-    }
-  }
-` : `
-  ${selector} {
-${content}
-  }
-`;
-}
-function generateAllColorScales(colors, prefix) {
-  const colorScales = [];
-  return scaleColors.forEach((colorName) => {
-    const baseColor = colors[colorName];
-    if (baseColor) {
-      const scale = generateColorScale(baseColor);
-      Object.entries(scale).forEach(([scaleKey, scaleValue]) => {
-        colorScales.push(`  --${prefix}-${colorName}-${scaleKey}: ${scaleValue};`);
-      });
-    }
-  }), colorScales;
-}
-const CSS_ID = "maz-theme-css";
-function injectCSS(id = CSS_ID, css) {
-  if (isServer())
-    return;
-  const styleElements = document.querySelectorAll(`#${id}`);
-  if (!styleElements || styleElements.length === 0) {
-    const element = document.createElement("style");
-    element.id = id, document.head.appendChild(element), element.textContent = css;
-    return;
-  }
-  if (styleElements.length === 1) {
-    styleElements[0].textContent = css;
-    return;
-  }
-  if (styleElements.length > 1) {
-    for (let i = 0; i < styleElements.length - 1; i++)
-      styleElements[i].remove();
-    styleElements[styleElements.length - 1].textContent = css;
-  }
-}
-function removeCSS(id = CSS_ID) {
-  if (isServer())
-    return;
-  const styleElements = document.querySelectorAll(`#${id}`);
-  for (const styleElement of styleElements)
-    styleElement && styleElement.remove();
-}
-export {
-  CSS_ID,
-  generateCSS,
-  injectCSS,
-  removeCSS
-};
+import{generateColorScale}from"./color-utils.js";import{isServer}from"@maz-ui/utils/helpers/isServer";var DEFAULT_CRITICAL_COLORS=[`background`,`foreground`,`primary`,`primary-foreground`,`secondary`,`secondary-foreground`,`accent`,`accent-foreground`,`destructive`,`destructive-foreground`,`success`,`success-foreground`,`warning`,`warning-foreground`,`info`,`info-foreground`,`contrast`,`contrast-foreground`,`muted`,`shadow`,`border`];var DEFAULT_CRITICAL_FOUNDATION=[`radius`,`font-family`,`base-font-size`,`border-width`];var scaleColors=[`primary`,`secondary`,`accent`,`destructive`,`success`,`warning`,`info`,`contrast`,`background`,`foreground`,`border`,`muted`,`overlay`,`shadow`];function generateCSS(preset,options={onlyCritical:!1,mode:`both`,darkSelectorStrategy:`class`,darkClass:`dark`}){let{onlyCritical=!1,criticalColors=DEFAULT_CRITICAL_COLORS,criticalFoundation=DEFAULT_CRITICAL_FOUNDATION,mode,darkSelectorStrategy,prefix=`maz`,includeColorScales=!0,darkClass=`dark`}=options;let css=`@layer maz-ui-theme {
+`;return(mode===`light`||mode===`both`)&&(css+=generateLightThemeVariables(preset,{onlyCritical,criticalColors,criticalFoundation,prefix,includeColorScales})),(mode===`dark`||mode===`both`)&&(css+=generateDarkThemeVariables(preset,{onlyCritical,criticalColors,criticalFoundation,mode,darkSelectorStrategy,prefix,includeColorScales,darkClass})),css+=`}
+`,css}function generateLightThemeVariables(preset,options){let{onlyCritical,criticalColors,criticalFoundation,prefix,includeColorScales}=options;return generateVariablesBlock({selector:`:root`,colors:onlyCritical?extractCriticalVariables(preset.colors.light,criticalColors):preset.colors.light,foundation:onlyCritical?extractCriticalFoundation(preset.foundation,criticalFoundation):preset.foundation,prefix,includeScales:!onlyCritical&&includeColorScales,preset:onlyCritical?void 0:preset})}function generateDarkThemeVariables(preset,options){let{onlyCritical,criticalColors,criticalFoundation,mode,darkSelectorStrategy,prefix,includeColorScales,darkClass}=options;let darkColors=onlyCritical?extractCriticalVariables(preset.colors.dark,criticalColors):preset.colors.dark;let darkFoundation=getDarkFoundation(onlyCritical,mode,preset.foundation,criticalFoundation);return generateVariablesBlock({selector:darkSelectorStrategy===`media`?`:root`:`.${darkClass}`,mediaQuery:darkSelectorStrategy===`media`?`@media (prefers-color-scheme: dark)`:void 0,colors:darkColors,foundation:darkFoundation,prefix,includeScales:!onlyCritical&&includeColorScales,preset:onlyCritical?void 0:preset,isDark:!0})}function getDarkFoundation(onlyCritical,mode,foundation,criticalFoundation){return onlyCritical?extractCriticalFoundation(foundation,criticalFoundation):mode===`dark`?foundation:void 0}function extractCriticalVariables(colors,criticalKeys){return Object.fromEntries(criticalKeys.filter(key=>colors[key]).map(key=>[key,colors[key]]))}function extractCriticalFoundation(foundation,criticalKeys){return foundation?Object.fromEntries(criticalKeys.filter(key=>foundation[key]).map(key=>[key,foundation[key]])):{}}function generateVariablesBlock({selector,mediaQuery,colors,foundation,prefix,includeScales=!1,preset,isDark=!1}){let variables=[];if(colors&&Object.entries(colors).forEach(([key,value])=>{value&&variables.push(`  --${prefix}-${key}: ${value};`)}),foundation&&Object.entries(foundation).forEach(([key,value])=>{value&&variables.push(`  --${prefix}-${key}: ${value};`)}),includeScales&&preset){let colorScales=generateAllColorScales(isDark?preset.colors.dark:preset.colors.light,prefix);variables.push(...colorScales)}let content=variables.join(`
+`);return mediaQuery?`\n  ${mediaQuery} {\n    ${selector} {\n${content.replace(/^/gm,`  `)}\n    }\n  }\n`:`\n  ${selector} {\n${content}\n  }\n`}function generateAllColorScales(colors,prefix){let colorScales=[];return scaleColors.forEach(colorName=>{let baseColor=colors[colorName];if(baseColor){let scale=generateColorScale(baseColor);Object.entries(scale).forEach(([scaleKey,scaleValue])=>{colorScales.push(`  --${prefix}-${colorName}-${scaleKey}: ${scaleValue};`)})}}),colorScales}var CSS_ID=`maz-theme-css`;function injectCSS(id=CSS_ID,css){if(isServer())return;let styleElements=document.querySelectorAll(`#${id}`);if(!styleElements||styleElements.length===0){let element=document.createElement(`style`);element.id=id,document.head.appendChild(element),element.textContent=css;return}if(styleElements.length===1){styleElements[0].textContent=css;return}if(styleElements.length>1){for(let i=0;i<styleElements.length-1;i++)styleElements[i].remove();styleElements[styleElements.length-1].textContent=css}}function removeCSS(id=CSS_ID){if(isServer())return;let styleElements=document.querySelectorAll(`#${id}`);for(let styleElement of styleElements)styleElement&&styleElement.remove()}export{CSS_ID,generateCSS,injectCSS,removeCSS};

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

@@ -1,21 +1 @@
-import { isServer } from "@maz-ui/utils/helpers/isServer";
-import { getCookie } from "./cookie-storage.js";
-function getSavedColorMode() {
-  const savedMode = getCookie("maz-color-mode");
-  if (savedMode && ["light", "dark", "auto"].includes(savedMode))
-    return savedMode;
-}
-function getColorMode(colorMode) {
-  if (colorMode && ["light", "dark"].includes(colorMode))
-    return colorMode;
-  const savedMode = getSavedColorMode();
-  return savedMode || "auto";
-}
-function getSystemColorMode() {
-  return isServer() || typeof globalThis.matchMedia != "function" ? "light" : globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-export {
-  getColorMode,
-  getSavedColorMode,
-  getSystemColorMode
-};
+import{getCookie}from"./cookie-storage.js";import{isServer}from"@maz-ui/utils/helpers/isServer";function getSavedColorMode(){let savedMode=getCookie(`maz-color-mode`);if(savedMode&&[`light`,`dark`,`auto`].includes(savedMode))return savedMode}function getColorMode(colorMode){return colorMode&&[`light`,`dark`].includes(colorMode)?colorMode:getSavedColorMode()||`auto`}function getSystemColorMode(){return isServer()||typeof globalThis.matchMedia!=`function`?`light`:globalThis.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}export{getColorMode,getSavedColorMode,getSystemColorMode};

package/dist/utils/get-preset.js

@@ -1,28 +1 @@
-function isPresetObject(preset) {
-  return typeof preset == "object" && preset !== null && !!preset.name;
-}
-async function getPreset(preset) {
-  if (isPresetObject(preset))
-    return preset;
-  if (preset === "mazUi" || !preset || preset === "maz-ui") {
-    const { mazUi } = await import("../presets/mazUi.js");
-    return mazUi;
-  }
-  if (preset === "ocean") {
-    const { ocean } = await import("../presets/ocean.js");
-    return ocean;
-  }
-  if (preset === "pristine") {
-    const { pristine } = await import("../presets/pristine.js");
-    return pristine;
-  }
-  if (preset === "obsidian") {
-    const { obsidian } = await import("../presets/obsidian.js");
-    return obsidian;
-  }
-  throw new TypeError(`[@maz-ui/themes] Preset ${preset} not found`);
-}
-export {
-  getPreset,
-  isPresetObject
-};
+function isPresetObject(preset){return typeof preset==`object`&&!!preset&&!!preset.name}async function getPreset(preset){if(isPresetObject(preset))return preset;if(preset===`mazUi`||!preset||preset===`maz-ui`){let{mazUi}=await import(`../presets/mazUi.js`);return mazUi}if(preset===`ocean`){let{ocean}=await import(`../presets/ocean.js`);return ocean}if(preset===`pristine`){let{pristine}=await import(`../presets/pristine.js`);return pristine}if(preset===`obsidian`){let{obsidian}=await import(`../presets/obsidian.js`);return obsidian}throw TypeError(`[@maz-ui/themes] Preset ${preset} not found`)}export{getPreset,isPresetObject};

package/dist/utils/index.js

@@ -1,33 +1 @@
-import { adjustColorLightness, formatHSL, generateColorScale, getContrastColor, parseHSL } from "./color-utils.js";
-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,
-  getContrastColor,
-  getCookie,
-  getPreset,
-  injectCSS,
-  injectThemeCSS,
-  injectThemeState,
-  isPresetObject,
-  mergePresets,
-  noTransition,
-  parseHSL,
-  removeCSS,
-  setCookie,
-  setupTheme,
-  updateDocumentClass
-};
+import{adjustColorLightness,formatHSL,generateColorScale,getContrastColor,parseHSL}from"./color-utils.js";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{updateDocumentClass}from"./update-document-class.js";import{defaultOptions,setupTheme}from"./setup-theme.js";export{CSS_ID,adjustColorLightness,deepMerge,defaultOptions,formatHSL,generateCSS,generateColorScale,getContrastColor,getCookie,getPreset,injectCSS,injectThemeCSS,injectThemeState,isPresetObject,mergePresets,noTransition,parseHSL,removeCSS,setCookie,setupTheme,updateDocumentClass};

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

@@ -1,29 +1 @@
-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
-};
+import{CSS_ID,generateCSS,injectCSS}from"./css-generator.js";import{nextTick}from"vue";function injectThemeCSS(finalPreset,config){if(typeof document>`u`)return;let cssOptions={mode:config.mode,darkSelectorStrategy:config.darkModeStrategy,darkClass:config.darkClass};if(config.injectCriticalCSS&&injectCSS(CSS_ID,generateCSS(finalPreset,{...cssOptions,onlyCritical:!0})),!config.injectFullCSS)return;let 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.js

@@ -1,11 +1 @@
-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
-};
+function injectThemeState({app,themeState}){if(!app)throw Error(`[@maz-ui/themes](injectThemeState) No app provided`);app.provide(`mazThemeState`,themeState),app.config.globalProperties.$mazThemeState=themeState}export{injectThemeState};

package/dist/utils/no-transition.js

@@ -1,18 +1,5 @@
-import { isServer } from "@maz-ui/utils";
-function noTransition(fn) {
-  if (isServer()) {
-    fn();
-    return;
-  }
-  const style = document.createElement("style");
-  style.textContent = `.no-transitions *,
+import{isServer}from"@maz-ui/utils";function noTransition(fn){if(isServer()){fn();return}let style=document.createElement(`style`);style.textContent=`.no-transitions *,
 .no-transitions *::before,
 .no-transitions *::after {
   transition-property: transform, opacity, scale, rotate, translate !important;
-  }`, document.head.appendChild(style), document.documentElement.classList.add("no-transitions"), fn(), setTimeout(() => {
-    document.documentElement.classList.remove("no-transitions"), style.remove();
-  }, 500);
-}
-export {
-  noTransition
-};
+  }`,document.head.appendChild(style),document.documentElement.classList.add(`no-transitions`),fn(),setTimeout(()=>{document.documentElement.classList.remove(`no-transitions`),style.remove()},500)}export{noTransition};

package/dist/utils/preset-merger.js

@@ -1,34 +1 @@
-function mergePresets(base, overrides) {
-  return {
-    name: overrides.name || base.name,
-    foundation: {
-      ...base.foundation,
-      ...overrides.foundation
-    },
-    colors: {
-      light: mergeColors(base.colors.light, overrides.colors?.light),
-      dark: mergeColors(base.colors.dark, overrides.colors?.dark)
-    }
-  };
-}
-function mergeColors(base, overrides) {
-  return overrides ? {
-    ...base,
-    ...overrides
-  } : base;
-}
-function deepMerge(target, source) {
-  const result = { ...target };
-  for (const key in source) {
-    const sourceValue = source[key], targetValue = result[key];
-    sourceValue !== void 0 && (isObject(sourceValue) && isObject(targetValue) ? result[key] = deepMerge(targetValue, sourceValue) : result[key] = sourceValue);
-  }
-  return result;
-}
-function isObject(value) {
-  return value !== null && typeof value == "object" && !Array.isArray(value);
-}
-export {
-  deepMerge,
-  mergePresets
-};
+function mergePresets(base,overrides){return{name:overrides.name||base.name,foundation:{...base.foundation,...overrides.foundation},colors:{light:mergeColors(base.colors.light,overrides.colors?.light),dark:mergeColors(base.colors.dark,overrides.colors?.dark)}}}function mergeColors(base,overrides){return overrides?{...base,...overrides}:base}function deepMerge(target,source){let result={...target};for(let key in source){let sourceValue=source[key];let targetValue=result[key];sourceValue!==void 0&&(isObject(sourceValue)&&isObject(targetValue)?result[key]=deepMerge(targetValue,sourceValue):result[key]=sourceValue)}return result}function isObject(value){return typeof value==`object`&&!!value&&!Array.isArray(value)}export{deepMerge,mergePresets};

package/dist/utils/setup-theme.js

@@ -1,104 +1 @@
-import { isServer } from "@maz-ui/utils";
-import { ref, watch } from "vue";
-import { getSavedColorMode, getSystemColorMode, getColorMode } from "./get-color-mode.js";
-import { getPreset } from "./get-preset.js";
-import { injectThemeCSS } from "./inject-theme-css.js";
-import { mergePresets } from "./preset-merger.js";
-import { updateDocumentClass } from "./update-document-class.js";
-import { useMutationObserver } from "./use-mutation-observer.js";
-function watchColorSchemeFromMedia(themeState) {
-  if (isServer())
-    return () => {
-    };
-  let mediaCleanup;
-  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), mediaCleanup = () => mediaQuery.removeEventListener("change", updateFromMedia);
-  }
-  const stopWatch = watch(() => themeState.value.colorMode, (colorMode) => {
-    updateDocumentClass(
-      colorMode === "auto" ? getSystemColorMode() === "dark" : colorMode === "dark",
-      themeState.value
-    );
-  });
-  return () => {
-    mediaCleanup?.(), stopWatch();
-  };
-}
-function watchMutationClassOnHtmlElement(themeState) {
-  if (isServer())
-    return () => {
-    };
-  const { stop } = 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
-    }
-  );
-  return stop;
-}
-const defaultOptions = {
-  strategy: "hybrid",
-  overrides: {},
-  darkModeStrategy: "class",
-  preset: void 0,
-  injectCriticalCSS: !0,
-  injectFullCSS: !0,
-  mode: "both",
-  darkClass: "dark",
-  colorMode: "auto"
-};
-function resolveConfig(options) {
-  return {
-    ...defaultOptions,
-    ...options,
-    colorMode: getSavedColorMode() ?? options.colorMode ?? (options.mode === "dark" ? "dark" : "auto")
-  };
-}
-function createThemeState(options, config) {
-  const 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
-  });
-  return updateDocumentClass(themeState.value.isDark, themeState.value), themeState;
-}
-function finalizeTheme(themeState, preset, config) {
-  const finalPreset = Object.keys(config.overrides).length > 0 && preset ? mergePresets(preset, config.overrides) : preset;
-  if (finalPreset && (themeState.value.preset = finalPreset), config.strategy === "buildtime" || !finalPreset)
-    return { themeState, cleanup: () => {
-    } };
-  injectThemeCSS(finalPreset, config);
-  const cleanupColorScheme = watchColorSchemeFromMedia(themeState), cleanupMutation = watchMutationClassOnHtmlElement(themeState);
-  return {
-    themeState,
-    cleanup: () => {
-      cleanupColorScheme(), cleanupMutation();
-    }
-  };
-}
-function setupTheme(options) {
-  const config = resolveConfig(options), themeState = createThemeState(options, config);
-  return config.preset && typeof config.preset != "string" || config.strategy === "buildtime" ? finalizeTheme(themeState, config.preset, config) : (getPreset(config.preset).then((preset) => finalizeTheme(themeState, preset, config)), { themeState, cleanup: () => {
-  } });
-}
-export {
-  defaultOptions,
-  setupTheme
-};
+import{getPreset}from"./get-preset.js";import{injectThemeCSS}from"./inject-theme-css.js";import{mergePresets}from"./preset-merger.js";import{getColorMode,getSavedColorMode,getSystemColorMode}from"./get-color-mode.js";import{updateDocumentClass}from"./update-document-class.js";import{useMutationObserver}from"./use-mutation-observer.js";import{ref,watch}from"vue";import{isServer}from"@maz-ui/utils";function watchColorSchemeFromMedia(themeState){if(isServer())return()=>{};let mediaCleanup;if(themeState.value&&themeState.value.colorMode===`auto`){let mediaQuery=globalThis.matchMedia(`(prefers-color-scheme: dark)`);let updateFromMedia=()=>{if(themeState.value.colorMode===`auto`){let newColorMode=mediaQuery.matches?`dark`:`light`;updateDocumentClass(newColorMode===`dark`,themeState.value),themeState.value.isDark=newColorMode===`dark`}};mediaQuery.addEventListener(`change`,updateFromMedia),mediaCleanup=()=>mediaQuery.removeEventListener(`change`,updateFromMedia)}let stopWatch=watch(()=>themeState.value.colorMode,colorMode=>{updateDocumentClass(colorMode===`auto`?getSystemColorMode()===`dark`:colorMode===`dark`,themeState.value)});return()=>{mediaCleanup?.(),stopWatch()}}function watchMutationClassOnHtmlElement(themeState){if(isServer())return()=>{};let{stop}=useMutationObserver(document.documentElement,()=>{if(isServer()||!themeState.value)return;let 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});return stop}var defaultOptions={strategy:`hybrid`,overrides:{},darkModeStrategy:`class`,preset:void 0,injectCriticalCSS:!0,injectFullCSS:!0,mode:`both`,darkClass:`dark`,colorMode:`auto`};function resolveConfig(options){return{...defaultOptions,...options,colorMode:getSavedColorMode()??options.colorMode??(options.mode===`dark`?`dark`:`auto`)}}function createThemeState(options,config){let isDark=config.colorMode===`auto`&&config.mode===`both`?getSystemColorMode()===`dark`||getColorMode(config.colorMode)===`dark`:getColorMode(config.colorMode)===`dark`||config.mode===`dark`;let themeState=ref({strategy:config.strategy,darkClass:config.darkClass,darkModeStrategy:config.darkModeStrategy,colorMode:config.colorMode,mode:config.mode,preset:void 0,isDark:options._isDark||isDark});return updateDocumentClass(themeState.value.isDark,themeState.value),themeState}function finalizeTheme(themeState,preset,config){let finalPreset=Object.keys(config.overrides).length>0&&preset?mergePresets(preset,config.overrides):preset;if(finalPreset&&(themeState.value.preset=finalPreset),config.strategy===`buildtime`||!finalPreset)return{themeState,cleanup:()=>{}};injectThemeCSS(finalPreset,config);let cleanupColorScheme=watchColorSchemeFromMedia(themeState);let cleanupMutation=watchMutationClassOnHtmlElement(themeState);return{themeState,cleanup:()=>{cleanupColorScheme(),cleanupMutation()}}}function setupTheme(options){let config=resolveConfig(options);let themeState=createThemeState(options,config);return config.preset&&typeof config.preset!=`string`||config.strategy===`buildtime`?finalizeTheme(themeState,config.preset,config):(getPreset(config.preset).then(preset=>finalizeTheme(themeState,preset,config)),{themeState,cleanup:()=>{}})}export{defaultOptions,setupTheme};

package/dist/utils/update-document-class.js

@@ -1,9 +1 @@
-import { noTransition } from "./no-transition.js";
-function updateDocumentClass(isDark, state) {
-  typeof document > "u" || !state || state.darkModeStrategy === "media" || state.mode === "light" || noTransition(() => {
-    isDark ? document.documentElement.classList.add(state.darkClass) : document.documentElement.classList.remove(state.darkClass);
-  });
-}
-export {
-  updateDocumentClass
-};
+import{noTransition}from"./no-transition.js";function updateDocumentClass(isDark,state){typeof document>`u`||!state||state.darkModeStrategy===`media`||state.mode===`light`||noTransition(()=>{isDark?document.documentElement.classList.add(state.darkClass):document.documentElement.classList.remove(state.darkClass)})}export{updateDocumentClass};

package/dist/utils/use-mutation-observer.js

@@ -1,13 +1 @@
-import { isServer } from "@maz-ui/utils";
-function useMutationObserver(target, callback, options = {}) {
-  if (isServer() || !("MutationObserver" in globalThis))
-    return { stop: () => {
-    } };
-  const observer = new MutationObserver(callback);
-  return observer.observe(target, options), { stop: () => {
-    observer.disconnect();
-  } };
-}
-export {
-  useMutationObserver
-};
+import{isServer}from"@maz-ui/utils";function useMutationObserver(target,callback,options={}){if(isServer()||!(`MutationObserver`in globalThis))return{stop:()=>{}};let observer=new MutationObserver(callback);return observer.observe(target,options),{stop:()=>{observer.disconnect()}}}export{useMutationObserver};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/themes",
   "type": "module",
-  "version": "4.7.4",
+  "version": "4.7.6-beta.0",
   "description": "Theme system for Maz-UI with TypeScript support and CSS variables",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -78,7 +78,7 @@
     "vue": ">=3.5.0 <4.0.0"
   },
   "dependencies": {
-    "@maz-ui/utils": "4.7.4"
+    "@maz-ui/utils": "4.7.6-beta.0"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"